@charset "utf-8";
/*https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&subset=cyrillic 
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

input, textarea {
    background-color: #fff;
    border: solid 1px #b2b2b2;
    box-sizing: border-box;
    font-size: 14px;
    background-image: linear-gradient(to bottom, #f1f1f1, #fff);
}

body, html {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #666666;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    font-family: "open sans";
    margin: 0;
    padding: 0;
}

/*
html {
    overflow: visible;
}
body {
    overflow: auto !important;
}
*/
button {
    height: 37px;
    box-sizing: border-box;
    font-family: "open sans";
    text-shadow: 1px 0px 1px rgba(51, 51, 51, 0.1);
}

p {
    font-size: 14px;
    font-weight: normal;
    color: #666666;
    line-height: 1.571;
    margin-bottom: 17px;
}

.typical_page ul > li:before {
    content: "\2022";
    color: #bf1e2e;
    margin: 0 6px 0 0;
    font-size: 14px;
    display: inline-block;
}

.typical_page ul > li, .car_descript ul li, .brand_main-info ul li {
    margin-bottom: 5px;
}

.typical_page li {
    list-style-type: none;
}

.typical_page ul, {
    margin-left: 40px;
}

.car_descript ul {
    margin-left: 40px;
    margin-bottom: 20px;
}

.possmHist {
    position: relative;
}

.gds_seo {
    font-size: 13px;
}

.gds_seo p {
    margin-left: 40px;
    font-size: 13px;
}

.possmHist .h3_seo,
.h3_seo {
    font-size: 22px;
    text-transform: uppercase;
    color: #333;
    font-weight: normal;
    margin-bottom: 20px;
}

.h4_seo {
    font-size: 18px;
}

.main_sprite {
    background: url(../image/icons/main_page_icons.png);
    background-repeat: no-repeat;
}

.slick-dots {
    display: none;
}

.liquid_content {
    width: 100%;
}

.goods_icon-sprite {
    background: url(../image/icons/goods_icon.png);
    background-position: 0 0;
}

.sh_snip .rev_star {
    display: inline-block;
    margin-left: 10px;
}

.slide-item .prev-parts-img img {
    max-width: 110px;
}

.popular_parts-group-title > a:hover {
    color: #bf1e2e;
    text-decoration: underline;
    cursor: pointer;
}

.menu_list {
    border: 1px solid rgb(220, 220, 220);
    border-bottom: 1px solid #cc3333;
    color: #333333;
    font-size: 14px;
    position: relative;
    z-index: 100;
    margin-bottom: 20px;
    background: -webkit-linear-gradient(90deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
}

.navbar_main {
    width: 1178px;
    margin: 0 auto;
    position: relative;
    z-index: 6;
}

.sklad-addr #user-city:hover,
.sklad-addr #user-city2:hover {
    cursor: default;
    color: #214ea9;
    border-bottom: 1px dotted rgb(33, 78, 169);
}

.terms-title-warp .hdr_city {
    padding-top: 0px;
}

.slick-slide {
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.navbar_menu {
    width: inherit;
    /*background-color: #f5f5f5;*/
}

.navbar_menu-list {
    width: inherit;
    background: -webkit-linear-gradient(90deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
    display: flex;
}

.goods_brand-logo img {
    max-height: 60px;
    max-width: 60px;
}

.navbar_menu-list li > a {
    text-decoration: none;
    color: #333333;
    font-weight: 500;
    height: 100%;
    line-height: 14px;

}

.navbar_menu-list > li > .MenuTDGo {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.navbar_menu-list li:hover > a {
    text-decoration: none;
    color: #333333;
}

.infobox {
    background-color: #daf1fd;
    min-height: 25px;
    margin: 20px 0 20px 0;
    padding: 10px 10px 10px 75px;
    font-size: 15px;
    position: relative;
    color: black;
}

.txt_ft {
    max-width: 50%;
    display: block;
    margin: 0 auto;
    max-height: 250px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.infobox:after {
    background: url(../image/icons/main_page_icons.png);
    background-repeat: no-repeat;
    background-position: -182px -543px;
    display: inline-block;
    width: 54px;
    height: 55px;
    margin-right: 0px;
    vertical-align: top;
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
}

.warning_box {
    background-color: #ffe7e1;
    min-height: 25px;
    margin: 20px 0 20px 0;
    padding: 10px 10px 10px 75px;
    font-size: 15px;
    position: relative;
    color: black;
}

.black_diz {
    font-weight: 600;
    color: #999999;
}

.infobox:before, .warning_box:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 55px;
    border-right: solid 2px;
    content: '';
}

.infobox:before {
    border-color: #07a7fc;
}

.warning_box:before {
    border-color: #f24f29;
}

.redlist > li:before, .redlist > li:before, .car_descript ul li:before, .brand_main-info ul li:before, .gds_seo ul li:before {
    content: "\2022";
    color: #bf1e2e;
    margin: 0 6px 0 0;
    font-size: 14px;
    display: inline-block;
}

.brand_main-info ul li {
    margin-left: 40px;
}

.galklist > li:before {
    content: "\2714";
    color: #71ac41;
    margin: 0 10px 0 0;
    font-size: 12px;
    display: inline-block;
}

.navbar_menu-list > li {
    padding: 0px 0px 0px 0px;
    width: 98.18px;
    font-size: 12px;
    height: 55px;
    box-sizing: border-box;
    /*display: inline-block;*/
    vertical-align: top;
    background: -webkit-linear-gradient(90deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
    border-right: 1px solid rgb(203, 203, 203);
}

.navbar_menu-list > li:first-child {
    border-left: 1px solid rgb(203, 203, 203);
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}

input[type="date"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
}

.tlf_ftr,
.tlf_ftr:hover {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #97abd4;
    line-height: 1.2;
    text-decoration: none;
    cursor: default;
}

.seo_ghost {
    color: #d2d2d2;
}

.tlf_hdr,
.tlf_hdr:hover {
    text-transform: uppercase;
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

.tlf_mob,
.tlf_mob:hover {
    color: #333333;
    text-decoration: none;
    cursor: default;
}

.navbar_menu-list-39px {
    height: 39px !important;
}

.navbar_menu-list > li:hover {
    cursor: pointer;
}

.navbar_menu-list > li.activate_menu:hover > .navbar_dropdown-right {
    display: block;
}

/*header_city_popup*/
.header-city-choose-popup {
    padding: 2.308em 2.308em 2.308em 2.692em;
    width: 39.615em;
    position: absolute;
    top: 55px;
    left: 70px;
    z-index: 50000;
    box-shadow: 0 0 45px 0 rgba(51, 51, 51, .6), inset 0 -3px 0 0 #c1c1c1;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    text-align: left;
    display: none;
}

.instock_city {
    width: 400px;
    display: block;
    margin: 0 auto;
}

.instock_city .header-city-i {
    margin-right: 0px;
    font-size: 16px;
    width: 150px;
}

.instock_city .header-city-i:first-child {
    margin-right: 90px;
}

.header-city-info {
    color: #999;
    font-size: .92308em;
    line-height: 1.5em;
    border-top: 1px solid #f1f1f1;
    padding-top: 15px;
}

.header-city-delivery:before {
    content: "";
    display: inline-block;
    background: url(../image/icons/main_page_icons.png);
    background-position: -2px -517px;
    width: 35px;
    height: 25px;
    top: 5px;
    position: relative;
    margin-right: 20px;
}

.header-city-title {
    margin-bottom: 10px;
    font-size: 22px;
    text-transform: uppercase;
    color: #333;
    font-weight: normal;
    margin-bottom: 20px;
}

.instock_city a {
    color: #bf1e2e;
}

.header-city-box {
    padding-bottom: 20px;
}

.header-city-i {
    display: inline-block;
    width: 130px;
    font-size: 14px;
    margin-bottom: 10px;
}
.catalogfaq {
    margin-top: 20px;
    margin-bottom: 20px;
}
.catalogfaq h3 {
    font-size: 16px;
    margin-bottom: 0px;
    padding-left: 20px;
    text-transform: initial;
}
.catalogfaq ul li:before {
   content: none;
}
.catalogfaq ul li {
    max-width: 600px;
    box-sizing: border-box;
    margin-bottom: 1px;
}
.catalogfaq .drop-down_block {
    background-color: white;
    padding-left: 30px;
}
.catalogfaq p{
    padding-bottom: 20px;
    padding-top: 20px;
}
.catalogfaq h3.catfaq {
    font-size: 22px;
    margin-bottom: 20px;
    text-transform: initial;
}

.header-city-i a:hover {
    text-decoration: none;
    color: #224ea9;
    cursor: default;
}

/*header_city_popup*/
.navbar_dropdown-right {
    width: 100%;
    border: 1px solid #214ea9;
    position: absolute;
    display: none;
    background-color: white;
    top: 55px;
    left: 0;
    z-index: 204;
    padding: 22px 0px 22px 33px;
    box-sizing: border-box;
    min-height: 404px;
    overflow: hidden;
}
.activate_menu .MenuTDGo:hover {
    color: #bf1e2e;
}

.insk_inf {
    display: inline-block;
}

/*famos_in*/
.our_famos {
    margin-top: 10px;
    font-size: 0px;
    position: relative;
    left: -11px;
    width: 275px;
    margin-bottom: 15px;
}

.famos {
    display: inline-block;
    width: 54px;
    height: 55px;
    margin-right: 0px;
    vertical-align: top;
}

.famos:hover {
    cursor: pointer;
}

.fam_3mon {
    background-position: -5px -543px;
}

.fam_100 {
    background-position: -64px -543px;
}

.fam_disc {
    background-position: -124px -543px;
}

.fam_inf {
    background-position: -182px -543px;
}

.fam_fast {
    background-position: -241px -543px;
    margin-right: 0px;
}

.fam_3mon:hover {
    background-position: -5px -598px;
}

.b-crumbs-list li:last-child a {
    color: #666666;
}

.rem_passw {
    position: absolute;
    right: 10px;
    top: 36px;
    font-size: 12px;
}

.br-med_right {
    display: inline-block;
    width: 40%;
    overflow: hidden;
    max-height: 160px;
}

.prs-btm {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.px16 {
    font-size: 16px;
}

.fam_100:hover {
    background-position: -64px -598px;
}

.fam_disc:hover {
    background-position: -124px -598px;
}

.fam_inf:hover {
    background-position: -182px -598px;
}

.fam_fast:hover {
    background-position: -241px -598px;
    margin-right: 0px;
}
.prts_info {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    display: block;
    width: 180px;
    margin: 0 auto;
    height: 64px;
    box-sizing: border-box;
    position: relative;
    padding-top: 12px;
}
/*famos_in*/
.navbar_dropdown-right:hover {
    cursor: default;
}

.navbar_dropdown-item {
}

.navbar_dropdown-item_big {
    font-size: 14px;
    color: #333333;
}

.navbar_dropdown-item a {
    font-size: 14px;
    color: #224fa9;
}

.parts_descript .rught_style-log {
    height: 1100px;
}

.youtube_br {
    width: 560px;
    height: 315px;
}

.navbar_dropdown-item_big:first-child {
    margin-bottom: 10px;
    line-height: 17px;
    margin-top: 10px;
}

.navbar_dropdown-item li:first-child:hover {
    border: none;
}

.MenuTDGo:hover {
    cursor: pointer;
}
.my_order-list-warp .analogs_descriptions-warp {
    width: 300px;
    display: inline-block;
    padding-left: 20px;
}

.ctllogo .call_free, .ctllogo {
    display: none;
}
.group_tech-maintenance li:hover > a {
    color: #224fa9;
    border-bottom: 1px solid #224fa9;
}

.group_tech-maintenance li > a {
    font-size: 13px;
    color: #333333;
    height: 19px;
}
.group_tech-maintenance {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    z-index: 0;
}

.group_tech-maintenance li {
    margin: 0px 0 15px 0;
    line-height: 17px;
}

.group_tech-maintenance > .navbar_dropdown-item:hover ~ .tech-maintenance-image {
    background-position: -40px 15px;
}

.tech-maintenance-image {
    background: url(../image/Popular%20parts/Popular_Parts-sprite.png);
    position: absolute;
    z-index: -1;
}

.pop_grp-sprite {
    background: url(../image/Popular%20parts/Popular_Parts-sprite.png);
}

li.navbar_dropdown-item_big > a {
    font-size: 14px;
    color: #224fa9;
    font-weight: bold;
    cursor: default;
}

li.navbar_dropdown-item_big > a:hover, li.navbar_dropdown-item_big > a:active, li.navbar_dropdown-item_big > a:active, li.navbar_dropdown-item_big > a {
    cursor: default;
    text-decoration: none;
    border-bottom: none;
}

.select_car-properties {
    width: 600px;
    height: 37px;
    margin: 25px 0px 0px 0px;
}

.rev_star {
    background-position: -5px -207px;
    width: 64px;
    height: 10px;
    margin-top: 10px;
}

.news_it img {
    margin-right: 20px;
}
.sh_snip {
    width: 218px;
    font-size: 12px;
    border-top: solid 2px #e5e5e5;
    padding: 10px;
    box-sizing: border-box;
    line-height: 2;
}
.select_car-margin_right {
    margin-right: 15px;
}

.arrow_up-down {
    height: inherit;
    width: 26px;
    background-image: url(../image/icons/main_page_icons.png);
    background-position: -21px -170px;
    display: inline-block;
}

.vin_send {
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    font-family: "Open Sans";
    padding: 15px 229px 15px 20px;
    height: 173px;
    width: inherit;
    background: url(../image/icons/Vin_form.jpg);
    background-position-x: 14px;
    background-repeat: no-repeat;
    background-position-y: 2px;
}
.main_content-warp #cat_zap1 {
    display: none;
}
.overlay {
    position: fixed;;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.popup_border {
    background-color: #fff;
    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 27px rgba(0, 0, 0, .75);
    box-shadow: 0 0 27px rgba(0, 0, 0, .75);
    border: solid 3px #214ea9;
    box-sizing: border-box;
    z-index: 10;
    position: absolute;
    padding: 15px 18px 0px 18px;
}

.vin_title {
    font-size: 24px;
    text-transform: uppercase;
    color: #333;
    line-height: 1.5;
    margin-bottom: 5px;
}

.vin_info-text {
    font-size: 14px;
    color: #666;
    line-height: 1.571;
}

.vin_btn-warp {
    width: 150px;
}

.vin_btn-send {
    width: 150px;
    font-size: 14px;
    color: #333;
    margin-top: 20px;
}

.baner_main_right {
    width: 300px;
    height: 404px;
    display: inline-block;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    background: url(../image/background/Baner_goods.png) 68px 115px no-repeat,
    url(../image/background/Baner_background.png),
    -webkit-linear-gradient(90deg, #ffffff 0%, #eff5ff 100%);
    background: url(../image/background/Baner_goods.png) 68px 115px no-repeat,
    url(../image/background/Baner_background.png),
    -o-linear-gradient(90deg, #ffffff 0%, #eff5ff 100%);
    background: url(../image/background/Baner_goods.png) 68px 115px no-repeat,
    url(../image/background/Baner_background.png),
    linear-gradient(90deg to bottom, #ffffff 0%, #eff5ff 100%);
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.004);
    z-index: 0;
    vertical-align: top;
}

.bnr_top-side {
    width: 296px;
    height: 65px;
    font-family: "DINPro";
    background-color: #ffffff;
    padding-top: 7px;
    box-sizing: border-box;
    border-bottom: 1px solid #cc3333;
    display: inline-block;
    position: relative;
}

.fastviber {
    display: none;
}

.grp_blc_vin {
    display: none !important;
    height: 225px;
    border: 1px solid rgb(220, 220, 220);
    border-bottom: 1px solid #cc3333;
    color: #333333;
    font-size: 14px;
    background: -webkit-linear-gradient(90deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
}

.baner_title {
    color: rgb(33, 78, 169);
    font-weight: bold;
    -moz-transform: matrix(1.24929078060723, 0, 0, 1.22958882354331, 0, 0);
    -ms-transform: matrix(1.24929078060723, 0, 0, 1.22958882354331, 0, 0);
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 24px;
    position: relative;
    -webkit-transform: matrix(1.24929078060723, 0, 0, 1.22958882354331, 0, 0);
    width: 200px;
    display: inline-block;
    text-align: center;
    margin-left: 48px;
    font-family: "DINPro";
}

.price_list {
    margin: 0 0 0 0;
}

.baner_info-text {
    font-size: 24px;
    color: rgb(33, 78, 169);
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    -moz-transform: matrix(0.69541659282136, 0, 0, 0.69787473768674, 0, 0);
    -webkit-transform: matrix(0.69541659282136, 0, 0, 0.69787473768674, 0, 0);
    -ms-transform: matrix(0.69541659282136, 0, 0, 0.69787473768674, 0, 0);
    font-family: "DINPro";
}

.bnr_btm-side {
    width: inherit;
    height: 335px;
}

.parts_by-group-warp h2 {
    text-transform: none !important;
    font-size: 16px;
    margin-bottom: 15px;
}

.item_instock .btn-select {
    position: relative;
    width: 80px;
    left: 10px;
    top: -11px;
    color: #666666;
}

.bnr_price-uah:before {
    content: "от";
    font-size: 20px;
    color: #333333;
    text-transform: uppercase;
}

.bnr_price-uah:after {
    content: "грн";
    font-size: 20px;
    color: #333333;
    text-transfsorm: uppercase;
}

.bnr_btn {
    width: 148px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgb(51, 51, 51);
}

.ru_sm {
    font-weight: 400;
    color: #bf1e2e;
}

.bnr_btn-warp {
    position: absolute;
    top: 322px;
    left: 70px;
}

.secondary_menu-warp {
    box-sizing: border-box;
    padding: 45px 0px 0 0;
    width: inherit;
}

.news_list-warp {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    max-height: 780px;
    overflow: hidden;
}

.pointer {
    font-size: 14px;
}

.news_list-item {
    max-height: 780px;
}

.news_block {
    width: inherit;
    height: 300px;
    display: inline-block;
}

.news_border-top {
    border-top: 1px solid #e5e5e5;
}

.news_preview {
    width: inherit;
    height: 120px;
    border: 1px solid #e2e2e2;
    margin: 20px 0 18px 0px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.news_title {
    width: inherit;
    margin: 0 0 16px 0;
    font-size: 18px;
    overflow: hidden;
    max-height: 45px;
}

.vin_im1 {
    display: block;
    width: 250px;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 90%;
}

.vin_im2 {
    width: 90%;
}

.news_title > a {
    font-size: 18px;
    color: #214ea9;
    text-decoration: none;
    max-height: 45px;
}

.news_text-prev {
    width: inherit;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    max-height: 80px;
}

.main_popular-wrap {
    display: inline-block;
    width: 938px;
}

.popular_parts-group-wrap {
    width: 938px;
    height: 308px;
    margin: 0 0 0px 20px;
}

.popular_parts-group {
    width: 220px;
    height: 248px;
    border-bottom: 1px solid #e5e5e5;
    margin: 27px 0 0 0;
    display: inline-block;
    vertical-align: top;
}

.popular_parts-group-title {
    width: 220px;
    height: 18px;
    text-align: center;
    line-height: 1.2;
    margin: 12px 0 0 0;
}

.popular_parts-group-title > a {
    text-decoration: none;
    font-size: 14px;
    color: #214ea9;
}

.vin_mycar_warp select {
    width: 100%;
    margin-top: 7px;
}

.popular_parts-group-laying-2px {
    width: 18px;
}

.popular_car-wrap {
    width: 938px;
    position: relative;
    padding-left: 20px;
}

.popular_car {
    width: 958px;
    font-size: 0px;
}

.popular_car-item-238px {
    width: 238px;
}

.popular_car-item:hover {
    box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
    box-sizing: border-box;
    cursor: pointer;
}

.popular_car-title a {
    text-decoration: none;
    display: block;
    color: rgb(102, 102, 102);
}

.popular_car a:hover .popular_car-title span {
    color: #214ea9;
}

.popular_car-icon {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    vertical-align: top;
    width: 60px;
    text-align: center;
}

.brd_nm {
    display: inline-block;
    max-width: 139px;
    height: 19px;
    overflow: hidden;
    vertical-align: top;
}

/*
.audi_icon {
    background-position: -192px -52px;
}
.bmw_icon {
    background-position: -62px -101px;
}
.chevrolet_icon {
    background-position: 1px 5px;
}
.citroen_icon {
    background-position: -4px -47px;
}
.daewoo_icon {
    background-position: -254px -50px;
}
.fiat_icon {
    background-position: -62px 8px;
}
.ford_icon {
    background-position: -252px -112px;
}
.honda_icon {
    background-position: -4px -156px;
}
.Hyundai_icon {
    background-position: -125px -162px;
}
.kia_icon {
    background-position: -61px -162px;
}
.mazda_icon {
    background-position: -62px -42px;
}
.mercedes_icon {
    background-position: -257px 6px;
}
.nissan_icon {
    background-position: 0px 0px;
}
.peugeot_icon {
    background-position: 0px 0px;
}
*/
.popular_goods-item a {
    text-decoration: none;
}

.eng_used ul li {
    display: inline-block;
    width: 45%;
    height: 19px;
    overflow: hidden;
}

.popular_goods-item-laying {
    width: 20px;
    height: 189px;
    display: inline-block;
    background-position: -241px -41px;
    margin: 86px 0 0px 0;
}

.popular_goods-item-laying-2px {
    width: 18px;
}

.popular_goods-item:hover {
    box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
    box-sizing: border-box;
}

.popular_goods-title {
    font-size: 14px;
    color: #214ea9;
    margin: 0px 0 0px 0;
}

.popular_goods-price {
    font-size: 18px;
    color: #282828;
    font-weight: bold;
}

.popular_goods-image {
    margin: 0px 0 0px 0;
    height: 130px;
    line-height: 130px;
}

.ppl_goods-foto {
    max-height: 110px;
    vertical-align: middle;
}

.parts_no-foto {
    max-height: 110px;
    vertical-align: middle;
}

.terms-title-warp .sklad-addr {
    display: none;
}

.viewAllComm .dotted_arrow-before {
    width: 100px;
}

.popular_goods-review {
    height: 72px;
    width: inherit;
}

.popular_goods-buy {
    height: 63px;
    width: inherit;
}

.slide-item .btn-select {
    display: none;
}

.popular_goods-btn {
    width: 93px;
    margin: 0 auto;
    font-size: 14px;
    text-shadow: 0px 0px 1px #b5b5b5;
}

.popular_goods-item-topside {
    height: 171px;
    cursor: pointer;
    vertical-align: top;
}

.popular_goods-item-btmside {
    height: 135px;
}

.last_list-cor {
    height: 39px !important;
}

.main_seo-text_item p {
    font-size: 14px;
    list-style-type: circle;
    margin-bottom: 10px;
}

.main_seo-text h2 {
    margin-bottom: 19px;
}

.slide_last-item .pop_grp-ic {
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}

.used-icons {
    background-position: -432px -390px;
}

.wizard_my-car-form
.prev_parts-list .ftl-info-right {
    margin-left: 40px;
}

.popular_goods .slide-item:last-child {
    margin-right: 0px;
    width: 218px;
}

.Select_car .engine_menu {
    left: -202px;
    width: 545px;
}

.default_mark {
    display: none;
}

.Select_car .modific_menu {
    max-width: 300px;
    left: -160px;
}

.Select_car .modific_menu > li {
    display: block;
    text-align: left;
}

.wizard-main_compl {
    display: none;
    font-size: 14px;
}

.slide_hover-zon:hover {
    -moz-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    webkit-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    box-shadow: 0px 0px 15px rgba(33, 78, 169, .47), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
}

.popular_goods .slide_hover-zon:last-child {
    width: 218px;
}

.main_seo-text_item ul {
    margin: 0 0 13px 0;
}

.filter_by-country {
}

.form_box1 {
    display: block;
    vertical-align: top;
}

.ziM100 {
    z-index: -100;
}

ul.ulinfotd {
    text-align: left;
}

ul.ulinfotd li {
    margin: 3px 7px 14px;
    border-bottom: 1px solid #e2e2e2;
}

.dinlbl {
    display: inline-block !important;
}

.sh_link {
    text-align: left;
    display: inline-block;
    font-size: 14px;
}

.sh_info {
    display: inline-block;
    float: right;
}

.sh_subinfo {
    text-align: left;
    float: right;
    right: 5px;
}

.pr0 {
    padding-right: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.br_tbl {
    width: 100px;
    height: 50px;
}

.butwiz {
    background: #ffffff none repeat scroll 0 0 !important;
    border: medium none !important;
    position: relative;
    top: -15px;
    display: none;
}

.file_ic {
    background-position: -230px 2px;
    height: 39px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    right: auto;
    top: 10px;
    width: 39px;
}

.ord_ttl {
    display: none;
    position: absolute;
    width: 50px;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
}

.reg_inf {
    font-size: 12px;
    color: #666666;
}

.faile_info {
    color: #333333;
    display: inline-block;
    margin: 16px;
    font-size: 16px;
    margin-top: 30px;
}

.mrb40 {
    margin-bottom: 40px;
}

.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}

.pagination > li {
    display: inline;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
    z-index: 2;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
    z-index: 2;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}

.log_req {
    font-size: 18px;
}

.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

.CityList {
    display: none;
    min-height: 100px;
    top: 40px;
    width: 175px !important;
    z-index: 1;
}

.mainchcity {
}

.sklad-addr {
    left: -73px;
    position: relative;
    top: -27px;
}

.mainchskld {
    left: 0 !important;
    top: 0 !important;
}

.selectCityInput input {
    color: #6e6e6e;
    font-size: 16px;
    height: 32px;
    margin-top: 5px;
    padding-left: 10px;
    margin-bottom: 10px;
}

#ajaxloader_city, #ajaxloader_city1 {
    display: none;
    position: absolute;
    right: 4px;
    top: 28px;
}

#ajaxloader_city1 {
    display: none;
    position: absolute;
    right: 4px;
    top: 23px;
}

.city_name {
    font-size: 11px;
    padding-left: 5px;
}

.sklad-addr a span {
    font-size: 11px;
    position: absolute;
    top: 3px;
}

.regions .city_select {
    font-size: 18px;
}

.autoComplete1 {
    background-color: #ffffff;
    position: absolute;
    width: 250px !important;
    z-index: 1000;
    padding: 20px;
}

.autoComplete1 li {
    list-style-type: none;
}

span.galk::after {
    background-image: url("../image/icons/main_page_icons.png");
    background-position: -38px -42px;
    border-bottom: medium none;
    content: " ";
    display: inline-block;
    height: 8px;
    margin-left: 5px;
    text-decoration: none;
    width: 13px;
}

.pagination a {
    text-decoration: none !important;
}

.black {
    color: black !important;
}

.w1200 {
    margin: 0 !important;
    width: 1200px !important;
}

.mrb10 {
    margin-bottom: 10px;
}

.sh_info, sh_subinfo, sh_link, popup_h {
    font-size: 14px;
    color: #000;
}

.sh_subinfo img {
    cursor: pointer;
}

.sh_subinfo {
    position: relative;
}

.popup_h {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    box-shadow: 0 3px 4px #cdcdcd;
    height: 300px;
    overflow-y: scroll;
    padding: 15px;
    position: absolute;
    right: 195px;
    width: 500px;
    display: none;
}

.img_h_html {
    height: 150px;
    overflow-y: auto;
    width: 150px;
}

.hdr_historytd-popup {
    background-color: #ffffff;
    border: 3px solid #214ea9;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.75);
    box-sizing: border-box;
    display: none;
    min-height: 189px;
    padding: 15px 18px 0;
    position: absolute;
    width: 382px;
    z-index: 101;
    bottom: -300px;
    right: 0px;
}

.bl {
    display: block !important;
}

.br-theme-css-stars .br-widget {
    height: 28px;
    white-space: nowrap;
}

.br-theme-css-stars .br-widget a {
    text-decoration: none;
    height: 18px;
    width: 18px;
    float: left;
    font-size: 23px;
    margin-right: 5px;
}

.br-theme-css-stars .br-widget a:after {
    content: "\2605";
    color: #dddddd;
}

.br-theme-css-stars .br-widget a.br-active:after {
    color: #ffdf88;
}

.br-theme-css-stars .br-widget a.br-selected:after {
    color: #ffdf88;
}

.br-theme-css-stars .br-widget .br-current-rating {
    display: none;
    position: absolute;
    right: -100px;
    bottom: -7px;
}

@media print {
}

.hdr_checknal-popup {
    background-color: #ffffff;
    border: 3px solid #214ea9;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.75);
    box-sizing: border-box;
    display: none;
    left: -53px;
    padding: 15px 18px 20px;
    position: relative;
    top: 2px;
    width: 282px;
    z-index: 2;
}

.myunitright {
    width: 120px;
}

.myunit thead {
    display: none;
}
.prev_parts-list-cat {
    margin-bottom: 25px;
}
#SearchAutoComplete .myunit, #SearchAutoComplete1 .myunit {
    width: 538px;
    background: #fff;
    border: none;
    font-size: 14px;
    border-collapse: collapse;
    padding-bottom: 20px;
}

#SearchAutoComplete .myunit th, #SearchAutoComplete1 .myunit th {
    background: #fff;
    border: none;
}

#SearchAutoComplete .myunit tr, #SearchAutoComplete1 .myunit tr {
    background: #fff;
    height: 30px;
    border-bottom: 1px solid #f5f5f5;
    border-left: 20px solid white;
    border-right: 20px solid white;
}

#SearchAutoComplete .myunit td, #SearchAutoComplete1 .myunit td {
    border: none;
}

#SearchAutoComplete .myunit a, #SearchAutoComplete1 .myunit a {
    cursor: pointer;
}

#SearchAutoComplete .myunit a:hover, #SearchAutoComplete1 .myunit a:hover {
    cursor: pointer;
}

#SearchAutoComplete div.parts_name_list ul li, #SearchAutoComplete1 div.parts_name_list ul li {
    margin: 5px;
}

#SearchAutoComplete div.parts_name_list ul li a, #SearchAutoComplete div.parts_name_list ul li a:hover {
    cursor: pointer;
    font-size: 14px;
}

.highlight {
    color: #bf1e2e;
}

#loadingM1 {
    right: 40px !important;
    top: 15px !important;
}

#SearchAutoComplete1 {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    display: none;
    left: 0;
    top: 45px;
    position: absolute;
    width: 428px;
    z-index: 100;
}

b {
    font-weight: bold;
}
.cncflt, .button_size_medium {
    display: none;
}
#getVsm {
    position: relative;
    left: 20px;
    display: none;
}

.mrt20 {
    margin-top: 20px;
}

.mrl20 {
    margin-left: 20px;
}

.mrl40 {
    margin-left: 40px;
}

.mrt10 {
    margin-top: 10px;
}

.mrt20 {
    margin-top: 20px;
}

.mrr20 {
    margin-right: 20px;
}

.disp_hide {
    display: none !important;
}

.disp_show {
    display: inline-block !important;
}

.fs10 {
    font-size: 10px;
}

.rfield1 {
    width: 400px;
}

.custom-combobox {
    position: relative;
}

.login_if-user {
    margin: 10px 0;
}

.loadReg {
    bottom: 128px;
    display: block;
    position: absolute;
    right: 60px;
}

.w100 {
    width: 100px;
}

.w50 {
    width: 50px;
}

.w152 {
    width: 152px;
}

.w200 {
    width: 200px;
}

.w300 {
    width: 300px;
}

.mdl_st .redlist {
    margin-bottom: 20px;
}

.ttl_mdllist {
    position: relative;
}

.ttl_mdllist .goods_brand-logo {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0px;
}

.ttl_mdllist h1 {
    margin-top: 0px;
    display: inline-block;
}

.ordercomment {
    display: none !important;
}

.short_brief {
    width: 220px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fcf3cd;
    position: absolute;
    opacity: 1;
    display: none;
    z-index: 5;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    color: #756666;
}

#loadprodcat {
    width: 100%;
    text-align: center;
}

.ulTDimg {
    width: 60px;
}

.glbrD {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0;
}

.dnr1, .dnr2, .dnr3, .dnr4, .dnr5, .dnr6, .dnr7, .dn, .dr1 {
    display: none !important;
}

.end_hdr-stroke {
    height: 30px;
}

.btnsubmit {
    border: 1px solid rgb(220, 220, 220);
    border-bottom: 1px solid #cc3333;
    color: #333333;
    font-size: 14px;
    background: -webkit-linear-gradient(90deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
}

.btnsubmit:hover {
    background-color: #90b2d8;
    background-image: -webkit-linear-gradient(top, #e9e9e9, #fff);
    background-image: -moz-linear-gradient(top, #e9e9e9, #fff);
    background-image: -o-linear-gradient(top, #e9e9e9, #fff);
    background-image: -ms-linear-gradient(top, #e9e9e9, #fff);
    background-image: linear-gradient(to bottom, #e9e9e9, #fff);
    cursor: pointer;
}

.btnsubmit:active {
    background-image: none;
    background-color: #ededed;
    border: solid 1px #dcdcdc;
}

input:active {
    outline: none;
}

textarea:active {
    outline: none;
}

span {
    outline: none;
}

textarea:focus {
    outline: none;
    border: 1px solid #7390c9;
}

input:focus {
    outline: none;
    border: 1px solid #7390c9;
}

* {
    margin: 0px;
    padding: 0px;
}

a,
.link_ps {
    color: #224ea9;
    text-decoration: none;
}

.underline_link {
    text-decoration: underline;
    font-size: 14px;
    line-height: 22px;
}

.vin_seo {
    height: 883px !important;
}

a:active,
.link_ps:active {
    color: #999999 !important;
}

ul li a:hover {
    color: #bf1e2e;
    cursor: pointer;
}

a:hover,
.link_ps:hover {
    color: #bf1e2e;
    text-decoration: underline;
    cursor: pointer;
}

.list_zebra > li {
    background-color: #f1f1f1;
    line-height: 35px;
    color: #666;
    border-right: 1px solid white;
    border-left: 1px solid white;
    min-height: 35px;
}

button,
button:active,
button:focus {
    outline: none;
}

.review-star-count img {
    margin: 0 2px 0 0;
    width: 13.5px;
}

.list_zebra > li:nth-child(2n) {
    background-color: #f7f7f7;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.red_diz {
    color: #bf1e2e !important;
}

.black_diz {
    color: #333333 !important;
}

.gray_diz {
    color: #999999 !important;
}

input[type="checkbox"] + label:hover {
    cursor: pointer;
    color: #214ea9;;
}

.underline_dotted:hover {
    color: #bf1e2e;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px solid white;
}

.underline_dotted {
    text-decoration: none;
    color: #214ea9;
    border-bottom: 1px dotted rgb(33, 78, 169);
}

.dotted_arrow-before, .dotted_arrow-after {
    font-size: 14px;
    text-decoration: none;
    color: #214ea9;
    border-bottom: 1px dotted rgb(33, 78, 169);
}

.dotted_arrow-before, .dotted_arrow-after:hover {
    color: #bf1e2e;
    border: none;
}

.dotted_arrow-before, .dotted_arrow-after:after {
    content: " ";
    display: inline-block;
    background: url(../image/icons/main_page_icons.png);
    background-position: -38px -42px;
    width: 13px;
    height: 8px;
    border-bottom: 6px solid white;
    top: 5px;
    padding-right: 10px;
    position: relative;
}

.br_rat .star img {
    width: 15px;
    margin-right: 3px;
}

.br_rat .star {
    vertical-align: middle;
}

.link_title-none {
    color: #214ea9;
    font-size: 18px;
}

.link_title-none:hover {
    text-decoration: underline;
}

h2 {
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}

h3 {
    font-size: 22px;
    text-transform: uppercase;
    color: #333;
    font-weight: normal;
    margin-bottom: 20px;
}

h4 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #474747;
}

h3.h3-title_bold {
    color: #333;
    font-weight: bold;
}

.group-title-link {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: #333;
    display: block;
    margin-bottom: 3px;
    max-width: 300px;
}

.a_underline {
    text-decoration: underline;
    font-size: 14px;
}

.group-part-link {
    font-size: 13px;
    text-decoration: none;
    color: #224fa9;
    text-transform: capitalize;
}

.news_title-link {
    width: inherit;
    margin: 0 0 16px 0;
    font-size: 18px;
    display: block;
    max-height: 45px;
    overflow: hidden;
    position: relative;
}

.passage_menu-link {
    color: #666666;
}

.hdr_logo-icon a {
}

h1.page_title {
    font-size: 24px;
    color: rgb(51, 51, 51);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
}

.h1_imi {
    font-size: 24px;
    text-transform: uppercase;
    color: #333;
    margin: 25px 0 0px 0;
    font-weight: bold;
}

.form_order-status .h2_imi {
    margin: 13px 0 7px 0px;
}

.h2_imi {
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}

h1 {
    font-size: 24px;
    text-transform: uppercase;
    color: #333;
    margin: 25px 0 16px 0;
    font-weight: bold;
}

h1.section_title {
    font-size: 24px;
    color: #333;
    font-weight: normal !important;
    margin-bottom: 10px !important;
    text-transform: none;
}

input {
    font-size: 22px;
    font-weight: normal;
    color: #b6b6b6;
}

p.placeholder_upper {
    margin: 0 0 4px 0;
}

p.news_preview-text {
    width: inherit;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    position: relative;
    max-height: 38px;
    line-height: 1.4;
}

.red_dot li:before {
    content: "\2022";
    color: #bf1e2e;
    margin: 0 6px 0 0px;
    font-size: 14px;
    display: inline-block;
}

.select_car-ttl {
    color: #333;
    line-height: 1.571;
}

.img_prev {
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    line-height: 54px;
    padding: 2px;
    display: inline-block;
}

.brand_content .border_btm-grey {
    width: inherit;
}

.img_prev > img {
    width: 54px;
    margin: 0 auto;
    vertical-align: middle;
}

.border_main-gray {
    border: 1px solid #e5e5e5;
    box-sizing: border-box !important;
}

.car_md-lone li,
.ulTD1 li {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 30%;
    margin-bottom: 10px;
    overflow: hidden;
}

.item_quantity {
    font-size: 13px;
    color: #999999;
    font-weight: normal;
}

.total_group_quantity {
    font-size: 13px;
    color: #333333;
    font-weight: normal;
}

.fast_passage-list li {
    width: 300px;
    height: 37px;
    box-sizing: border-box;
    background-color: #90b2d8;
    border: solid 1px #dcdcdc;
    background-image: -webkit-linear-gradient(bottom, #e9e9e9, #fff);
    background-image: -moz-linear-gradient(bottom, #e9e9e9, #fff);
    background-image: -o-linear-gradient(bottom, #e9e9e9, #fff);
    background-image: -ms-linear-gradient(bottom, #e9e9e9, #fff);
    background-image: linear-gradient(to top, #e9e9e9, #fff);
    border-left: 1px solid #bf1e2e;
    color: #333333;
    line-height: 37px;
    padding-left: 10px;
    margin-bottom: 1px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.fast_passage-list li:hover {
    cursor: pointer;
    background-image: none;
    border: 1px solid #214ea9;
    background-color: #214ea9;
    color: #ffffff;
}

.fast_passage-list .passage_active:after {
    content: " ";
    width: 19px;
    height: 37px;
    display: inline-block;
    position: absolute;
    top: -1px;
    right: -11px;
    background: url(../image/icons/goods_icon.png);
    background-position: -138px -6px;
}

.passage_active {
    cursor: pointer;
    background-image: none !important;
    background-color: #214ea9 !important;
    color: #ffffff !important;
    border: 1px solid #214ea9 !important;
}

.passage_active .passage_menu-link {
    color: #ffffff;
}

.passage_active_page .passage_menu-link {
    color: #ffffff;
}

.passage_active_page {
    cursor: pointer;
    background-image: none !important;
    background-color: #214ea9 !important;
    color: #ffffff !important;
    border: 1px solid #214ea9 !important;
}

.fast_passage-list .passage_active_page:after {
    content: " ";
    width: 19px;
    height: 37px;
    display: inline-block;
    position: absolute;
    top: -1px;
    right: -11px;
    background: url(../image/icons/goods_icon.png);
    background-position: -138px -6px;
}

.border_activ-blue {
    -webkit-box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    -moz-box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    box-shadow: 0 0 6px rgba(33, 78, 169, .47), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
}

.btn_blue-submit {
    background-color: #214ea9;
    border: solid 1px #1f4aa5;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .19), rgba(255, 255, 255, .19));
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    border-bottom: solid 1px #bf1e2e;
    border: 1px solid transparent;
    border-radius: 6px
}

/*.btn_blue-submit {
    background: #4bbe3f;
    background: -webkit-linear-gradient(top, #79d670, #4bbe3f);
    background: -ms-linear-gradient(top, #79d670, #4bbe3f);
    background: -moz-linear-gradient(top, #79d670, #4bbe3f);
    background: linear-gradient('to bottom', #79d670, #4bbe3f);
    box-shadow: 3px 3px 7px 0 rgba(105, 206, 95, .5), inset 0 -3px 0 0 #3a9731;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    border: 1px solid transparent;
    border-radius: 6px;
}
*/
.all-prt {
    color: #bf1e2e;
    font-weight: 600;
    font-size: 13px;
}

/*
.btn_blue-submit:hover {
    background: #1fc80d;
    background: -webkit-linear-gradient(top, #69f95b, #1fc80d);
    background: -ms-linear-gradient(top, #69f95b, #1fc80d);
    background: -moz-linear-gradient(top, #69f95b, #1fc80d);
    background: linear-gradient('to bottom', #69f95b, #1fc80d);
}
.btn_blue-submit:active {
    background: #29b11b !important;
    background: -webkit-linear-gradient(top, #62cf57, #29b11b) !important;
    background: -ms-linear-gradient(top, #62cf57, #29b11b) !important;
    background: -moz-linear-gradient(top, #62cf57, #29b11b) !important;
    background: linear-gradient('to bottom', #62cf57, #29b11b) !important;
    box-shadow: 3px 3px 7px 0 rgba(105, 206, 95, .5), inset 0 -1px 0 0 #3a9731 !important;
    border: 1px solid #29b11b;
}
*/
li {
    list-style-type: none;
}

.active_select .current_option[data-value=''] {
    font-size: 14px;
    background: -webkit-linear-gradient(90deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
}

.active_select .current_option[data-value='']:hover {
    background-color: #90b2d8;
    background-image: linear-gradient(to bottom, #e9e9e9, #fff);
    cursor: pointer;
}

.content_list li:before {
    content: "\2022";
    color: #bf1e2e;
    margin: 0 6px 0 0px;
    font-size: 14px;
    display: inline-block;
}

.title_section {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}

.form_input {
    height: 37px;
    background-color: #fff;
    border: solid 1px #b2b2b2;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    padding-left: 12px;
    background-image: -webkit-linear-gradient(top, #f1f1f1, #fff);
    background-image: -moz-linear-gradient(top, #f1f1f1, #fff);
    background-image: -o-linear-gradient(top, #f1f1f1, #fff);
    background-image: -ms-linear-gradient(top, #f1f1f1, #fff);
    background-image: linear-gradient(to bottom, #f1f1f1, #fff);
    font-size: 14px;
}

.bread_crumbs {
    width: 100%;
    border-top: 1px solid #e5e5e5;
    display: inline-block;
    list-style: circle;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    height: 35px;
    margin-left: 20px;
    overflow: hidden;
}

.b-crumbs-list {
    height: inherit;
    display: inline-block;
}

.b-crumbs-list li {
    height: 37px;
    display: inline-block;
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 1;
    line-height: 35px;
}

.b-crumbs-list li > a {
    text-decoration: none;
    font-size: 12px;
    color: rgb(33, 78, 169);
    position: relative;
    margin-left: -15px;
}

.h3_seo {
    margin-top: 20px;
}

.frsitm {
    line-height: 20px !important;
    background-color: #f7f7f7;
}

.b-crumbs-list li:after {
    content: " ";
    width: 0;
    height: 0;
    border: 18px solid transparent;
    border-left-color: steelblue;
    border-right: 0;
    position: relative;
    z-index: 2;
    top: -5px;
    margin: 0 6px 0 6px;
}

.b-crumbs-list li:before {
    content: " ";
    width: 0;
    height: 0;
    border: 18px solid transparent;
    border-left-color: white;
    border-right: 0;
    position: relative;
    z-index: 3;
    top: -5px;
    margin: 0 0px 0 0px;
    left: -24px;
}

.b-crumbs-list-arowfinish {
    display: inline-block;
}

.b-crumbs-list-arowfinish li:before {
    content: " ";
    width: 0;
    height: 0;
    border: 18px solid transparent;
    border-left-color: white;
    border-right: 0;
    position: relative;
    z-index: 3;
    top: -5px;
    margin: 0 0px 0 0px;
    left: -24px;
}

#my_menu_top {
    display: none;
    position: relative;
    border-left: 1px solid #3961b2;
}

.user-btn_menu {
    width: 16px;
    height: 18px;
    background-position: -61px -428px;
    position: absolute;
    top: 9px;
    left: 10px;
}

.hdr_liquid {
    width: 100%;
    background-color: #224fa9;
}

.hidden {
    opacity: 0;
}

.visible {
    opacity: 1 !important;
}

.displ_active {
    display: inline-block !important;
}

.animated {
    transition: 1s;
}

.delete {
    width: 22px;
    height: 22px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -79px -185px;
    position: absolute;
    top: 20px;
    right: 0px;
}

.grn_diz {
    color: #4bbe3f;
    font-weight: 600;
}

.myunit tr:hover {
    cursor: pointer;
    color: blue;
    background-color: #f1f6ff !important;
}

.star img {
    width: 12.5px;
    margin-right: 0px;
}

.delete:hover {
    cursor: pointer;
    background-position: -54px -27px;
}

.delete:active {
    background-position: -78px -27px;
}

.brand_lst li {
    width: 15%;
    margin-right: 10px;
}

.hdr_liquid_sticky {
    width: 100%;
    background-color: #224fa9;
    position: fixed;
    visibility: hidden;
    z-index: 20;
    top: 0;
}

.hdr_liquid-search-block {
    width: 100%;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
}

.hdr_menu {
    width: 1178px;
    height: 50px;
    background-color: #224fa9;
    vertical-align: top;
    margin: 0 auto;
    font-size: 0px;
}

.hdr_user-info {
    width: 640px;
    height: 50px;
    vertical-align: top;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 25px;
}

.hdr_user-info li {
    line-height: 50px;
    display: inline-block;
    margin-right: 12.3px;
    height: 50px;
}

.hdr_user-info li > a {
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.hdr_user-info li > a:hover {
    text-decoration: underline;
    color: #ffc600;
}

.hdr_user-allbtn {
    height: 50px;
    display: inline-block;
    font-size: 0px;
    margin-left: 32px;
}

.hdr_user-allbtn-sticky {
    width: 589px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
}

.hdr_user-left-sticky {
    height: inherit;
    display: inline-block;
    width: 589px;
}

.hdr_user-btn {
    width: 96px;
    height: 50px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    border-left: 1px solid #3961b2;
}

.hdr_user-btn > a {
    text-decoration: none;
    color: rgb(255, 255, 255);
}

.hdr_user-btn:hover {
    cursor: pointer;
    background-color: #244b9d;
}

.hdr_user-btn:active {
    background-color: #122d62;
}

.hdr_user-btn_icons {
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
    width: 37px;
    height: 30px;
    position: relative;
}

.hdr_user-btn_name {
    height: 20px;
    font-size: 12px;
    color: rgb(254, 255, 255);
    text-align: center;
}

.hdr_logo-short {
    display: inline-block;
    background-position: -8px -116px;
    width: 50px;
    height: 50px;
    margin: 0px 25px 0 5px;
}

.border_right {
    border-right: 1px solid #3961b2;
}

.user-btn_account {
    background-position: -140px -3px;
    position: absolute;
    width: 14px;
    height: 17px;
    top: 10px;
    left: 12px;
}

.user-btn_viewed {
    background-position: -159px -4px;
    position: absolute;
    left: 5px;
    top: 12px;
    width: 29px;
    height: 16px;
}

.user-btn_wish {
    background-position: -87px -1px;
    width: 30px;
    height: 17px;
    position: absolute;
    top: 12px;
    left: 3px;
}

.user-btn_ord-status {
    background-position: -119px -2px;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 16px;
    height: 15px;
}

.user-btn_cart {
    background-position: -191px -1px;
    position: absolute;
    left: 8px;
    top: 10px;
    width: 22px;
    height: 18px;
}

.user-btn_my-car {
    background-position: -95px -153px;
    width: 30px;
    height: 14px;
    text-align: center;
    margin-top: 14px;
}

.carton_with-item {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #bf1e2e;
    position: absolute;
    top: -7px;
    right: -14px;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.circle {
    border-radius: 100%;
    width: 37px;
    height: 20px;
    top: 4px;
    right: -35px;
}
.sort {
    top: 225px;
    right: 0px;
    position: absolute;
    height: 30px;
}
#order_parts {
    position: absolute;
    right: 0px;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 14px;
    height: 35px;
    border: 1px solid #d2d2d2;
}
.tfilt {
    margin-left: 25px;
}
.tfilt:before {
    content: " ";
    display: inline-block;
    position: absolute;
    background: url(../image/icons/main_page_icons.png);
    background-position: -63px -520px;
    width: 20px;
    height: 20px;
    top: 6px;
    left: 10px;
}
.filtrcat {
    width: 110px;
    height: 35px;
    font-size: 12px;
    display: none;
}
#order_parts:hover {
    border-color: #a6a5a5;
    cursor: pointer;
}
.circ_bt {
    top: -14px;
    right: -25px;
}

.hdr_search-block {
    width: 1178px;
    height: 110px;
    margin: 0 auto;
}

.hdr_srch-main {
    width: 1178px;
    font-size: 0px;
}

.hdr_logo {
    width: 220px;
    height: inherit;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0px 5px 3px -5px;
}

.hdr_srch-warp {
    height: 37px;
    display: inline-block;
    margin: 37px 0 0 0;
}

.hdr_srch_form_btn {
    margin: 0 20px 0px 20px;
    box-sizing: border-box;
    display: inline-block;
    min-height: 37px;
}

.hdr_srch-table {
    height: inherit;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
}

.srch-form {
    width: 540px;
    height: 37px;
    box-sizing: border-box;
    border: 1px solid #b2b2b2;
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(241, 241, 241) 100%);
    font-size: 14px;
    color: rgb(51, 51, 51);
    padding-left: 10px;
    padding-right: 15px;
}

.srch-form:hover {
    cursor: pointer;
}

.srch-form:focus {
    border: 1px solid rgb(115, 144, 201);
    background-image: none;
}

input[type="search"]::-webkit-input-placeholder {
    font-size: 14px;
    color: rgb(153, 153, 153);
}

input[type="text"]::-webkit-input-placeholder {
    font-size: 14px;
    color: rgb(153, 153, 153);
}

.hdr_srch-btn {
    height: inherit;
    box-sizing: border-box;
    display: inline-block;
    line-height: 37px;
    vertical-align: top;
}

.srch_button {
    font-size: 14px;
    height: 37px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    line-height: 37px;
    width: 70px;
}

.navbar_btn_name {
    border-top: 1px solid #cc3333 !important;
    width: 220px;
    font-size: 0px;
    vertical-align: top;
    position: relative;
    z-index: 4;
    border-bottom: none !important;
    margin-bottom: 1px;
    display: none;
}

.nvimg {
    position: absolute;
    top: 20px;
    right: 36px;
}

.btn_catalog-icon {
    width: 10px;
    height: 10px;
    background-position: -230px -186px;
    margin: 0 12px 0 2px;
    display: inline-block;
}

.btn_catalog-title {
    height: 36px;
    width: 180px;
    display: inline-block;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    line-height: 36px;
    font-weight: bold;
}

.hdr_tlf-nbr {
    height: 50px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
    margin: 30px 0px 0px 73px;
    position: relative;
    z-index: 150;
}

.hdr_tlf-name {
    width: inherit;
    height: 26px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-left: 34px;
    box-sizing: border-box;
    font-size: 18px;
}

.hdr_tlf-number {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 5px;
}

.hdr_tlf_icon1 {
    width: 20px;
    height: 21px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -35px -2px;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 3px;
}

.hdr_tlf_icon1:hover {
    cursor: pointer;
}

.hdr_tlf_icon2 {
    background: url(../image/icons/main_page_icons.png);
    display: inline-block;
    margin: 10px 9px 0 6px;
    background-position: -38px -42px;
    width: 13px;
    height: 8px;
}

.hdr_tlf_icon2:hover {
    cursor: pointer;
}

.hdr_tlf-list {
    width: 234px;
    height: 130px;
    background-color: #fff;
    border: solid 3px #214ea9;
    cursor: default;
    z-index: 2;
    font-size: 0px;
    top: 55px;
    left: -9px;
    display: none;
    position: absolute;
    padding: 17px 0 0 0;
    box-sizing: border-box;
}

.hdr_tlf-list_numb {
    margin: 0px 20px 0px 20px;
    display: inline-block;
    vertical-align: top;
    color: #333333;
    font-weight: normal;
    font-size: 16px;
    position: relative;
    z-index: 2;
    top: -2px;
    left: 0;
}

.tlf_city-icon-warp {
    height: 20px;
    width: 15px;
    display: inline-block;
    margin: 0 12px 0 0;
    vertical-align: middle;
}

.tlf_city-icon {
    background-position: -120px -185px;
}

.tlf_mts-icon {
    background-position: -139px -184px;
}

.tlf_kvstar-icon {
    background-position: -157px -184px;
}
.prev_parts-list.rand_items {
    margin-left: -17px;
    width: 1194px;
}
.tlf_life-icon {
    background-position: -178px -185px;
}

.popup_wind-close {
    width: 22px;
    height: 22px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -199px -178px;
    position: absolute;
    top: 0px;
    right: 0;
}

.popup_wind-close:hover {
    cursor: pointer;
    background-position: -7px -426px;
}

.popup_wind-close:active {
    background-position: -34px -426px
}

.popup_wind-close:a {
    cursor: pointer;
    background-color: #2a5fcb;
}

.hdr_tlf-callme {
    width: inherit;
    height: 20px;
    position: relative;
}

.my_inf {
    width: 400px;
    display: inline-block;
    margin: 35px 0 40px 163px;
}

.usr_dt {
    width: 100px;
    height: 25px;
}

.my_inf + .my_order-list-check {
    margin-left: 37px;
    width: 395px;
}

.hdr_wrap-callme {
    height: 20px;
    display: inline-block;
    margin: 2px 0 0px 8px;
    vertical-align: top;
    width: 134px;
}

.car_indetif {
    display: inline-block;
    max-width: 455px;
    overflow: hidden;
}

#consultation1 ~ .consultation1 {
    margin-top: 10px;
}

.hdr_wrap-callme > a {
    font-size: 14px;
    color: #214ea9;
    text-decoration: none;
    border-bottom: 1px dotted rgb(33, 78, 169);
    font-weight: normal;
}

.hdr_callme-popup {
    width: 282px;
    height: 189px;
    -moz-box-shadow: 0 0 27px rgba(0, 0, 0, .75);
    display: none;
    top: 33px;
    left: -58px;;
}

.hdr_wrap-callme:hover {
    color: #bf1e2e;
}

.hdr_logo-icon {
    height: 47px;
    z-index: 100;
    position: relative;
}

.hdr_logo-icon img {
    width: 220px;
    margin: 0 0 0px 0;
}

.hdr_cityline {
    width: inherit;
    height: 28px;
}

.hdr_city-icon {
    width: 17px;
    height: 18px;
    background-image: url(../image/icons/main_page_icons.png);
    background-position: -12px -1px;
    display: inline-block;
    margin: 12px 0px 0px 68px;
}

.hdr_city {
    display: inline-block;
    padding: 10px 0px 0px 3px;
    vertical-align: top;
    font-size: 14px;
}

.date_red-block {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 25px;
    background-color: #bf1e2e;
    z-index: 2;
    font-size: 0px;
    line-height: initial;
}

.date-day {
    display: inline-block;
    font-size: 22px;
    color: #ffffff;
    height: inherit;
    width: 30px;
    vertical-align: top;
    line-height: 25px;
    margin-left: 5px;
}

.date-month {
    display: inline-block;
    font-size: 11px;
    color: #edccd0;
    width: 14px;
    height: 10px;
    vertical-align: top;
}

.date-year {
    display: inline-block;
    font-size: 11px;
    color: #edccd0;
    height: 8px;
}

.month_year {
    display: inline-block;
    width: 20px;
    height: 25px;
}

.footer_main {
    background-color: #224fa9;
    border-bottom: 1px solid #cc3333;
    box-sizing: border-box;
    border-top: 1px solid #cc3333;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 450px;
    margin-top: 45px;
}

.footer_1178 {
    width: 1178px;
    height: 208px;
    margin: 0 auto;
    font-size: 0px;
    position: relative;
}

.ftr_tlf-icon {
    width: 20px;
    height: 21px;
    background-image: url(../image/icons/main_page_icons.png);
    background-position: -206px -25px;
    position: absolute;
    top: 6px;
    left: -30px;
}

.ftr_tlf {
    width: 160px;
    position: absolute;
    top: 35px;
    left: 50px;
}

.ftr_tlf-numb {
    width: inherit;
    height: 65px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #97abd4;
    line-height: 1.2;
    margin-left: 10px;
}

.ftr_tlf .hdr_wrap-callme > a {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.footer_dot:hover {
    color: #ffc600 !important;
    cursor: pointer;
    border-bottom: none !important;
    text-decoration: none;
}

.ftr_bsmt-designer > a:hover {
    color: #ffc600;
    cursor: pointer;
}

.ftr_icon-time {
    width: 26px;
    height: 25px;
    background-image: url(../image/icons/main_page_icons.png);
    background-position: -153px -23px;
    position: absolute;
    top: 2px;
    left: -45px;
}

.ftr_icon-adress {
    width: 22px;
    height: 27px;
    background-image: url(../image/icons/main_page_icons.png);
    background-position: -182px -23px;
    margin: 0px 15px 0px 15px;
    position: absolute;
    top: -1px;
    left: -57px;
}

.ftr_time {
    width: 180px;
    height: 66px;
    font-size: 12px;
    color: #97abd4;
    white-space: pre;
    position: absolute;
    top: 35px;
    left: 299px;
}

.ftr_adress {
    width: 180px;
    font-size: 12px;
    color: #97abd4;
    line-height: 1.2;
    position: absolute;
    left: 299px;
    bottom: 43px;
}

.ftr_user-info {
    height: 41px;
    position: absolute;
    top: 53px;
    right: 20px;
}

.ftr_user-city {
    font-size: 12px;
    color: rgb(255, 255, 255);
    width: 1178px;
    margin: 0 auto;
    margin-top: 30px;
}

.payment_logo {
    width: 435px;
    margin: 0 auto;
    margin-top: 20px;
}

.ftr_user-info li,
.ftr_user-city li {
    border-right: 1px solid #97abd4;
    height: 11px;
    line-height: 11px;
    margin: 0;
    font-size: 12px;
    display: inline-block;
    padding: 0 13px 0 13px;
}

.ftr_user-city li {
    margin-bottom: 10px;
    font-size: 12px;
}

.ftr_user-info li > a {
    text-decoration: none;
    font-size: 12px;
    color: rgb(255, 255, 255);
}

.ftr_user-info li > a:hover {
    text-decoration: underline;
    color: #ffc600;
}

.ftr_user-info li:last-child {
    border: none;
}

.ftr_user-info li:first-child {
    padding-left: 2px;
}

.ftr_bsmt-social {
    width: 140px;
    height: 37px;
    position: absolute;
    bottom: 45px;
    left: 479px;
}

.ftr_icon-style {
    width: 35px;
    height: 35px;
    border: 1px solid #718bc3;
    display: inline-block;
    margin: 0 10px 0 0;
    text-align: center;
    line-height: 35px;
    background-color: #224fa9;
}

.ftr_fcbook-icon {
    background-position: -56px -179px;
    width: 8px;
    height: 17px;
    margin: 0 auto;
    margin-top: 10px;
}

.fcbook:hover {
    background-color: #2238a9;
    cursor: pointer;
}

.fcbook:active {
    background-color: #122d62;
}

.ftr_vk-icon {
    background-position: -227px -30px;
    width: 22px;
    height: 13px;
    margin: 0 auto;
    margin-top: 12px;
}

.vkontak_ic:hover {
    background-color: #3565c6;
    cursor: pointer;
}

.vkontak_ic:active {
    background-color: #122d62;
}

.ftr_google-icon {
    background-position: -134px -26px;
    width: 17px;
    height: 18px;
    margin: 0 auto;
    margin-top: 11px;
}

.google_ic:hover {
    background-color: #bd3c2b;
    cursor: pointer;
}

.google_ic:active {
    background-color: #122d62;
}

.ftr_ic-last {
    margin: 0px;
}

.ftr_bsmt-logo {
    height: 102px;
    background: url(../image/background/footer-triangle.png) 46px -18px no-repeat;
    position: absolute;
    bottom: 0px;
    right: 210px;
    width: 350px;
}

.social-link {
    width: 35px;
    height: 35px;
}

.ftr_bsmt-designer {
    width: 186px;
    font-family: "open sans";
    font-size: 12px;
    color: #97abd4;
    box-sizing: border-box;
    position: absolute;
    bottom: 40px;
    right: 0px;
    line-height: 1.25;
}

.popular_goods-wrap .prev_parts-list {
    width: 1178px;
}

.ftr_bsmt-designer a {
    color: #fff;
    text-decoration: underline;
}

.ftr_border {
    border-top: 1px dotted #7188b5;
    position: absolute;
    bottom: 104px;
    right: 0px;
    width: 878px;
}

.ftl_srch-next-search {
    height: 37px;
    display: inline-block;
    font-size: 0px;
    position: relative;
    left: -444px;
    top: -50px;
    width: 347px;
}

#SearchAutoComplete .myunit tr, #SearchAutoComplete1 .myunit tr:hover {
    cursor: pointer;
}

#srch_repeat {
    display: inline-block;
    vertical-align: top;
}

.srch-form_repeat {
    width: 310px;
    display: inline-block;
    border-right: none;
    padding: 0 0 0 7px;
}

.srch-form_repeat:active {
    border-right: none;
}

.ftl_icon-sprite {
    background: url(../image/icons/vin-icons.png);
}

.btn-search_rpt {
    width: 37px;
    height: 37px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.btn-srch-rpt-icon {
    width: 16px;
    height: 16px;
    background-position: -136px -155px;
    display: inline-block;
    margin: 3px 0 0 0;
}

.hdr_search-sticky {
    position: static;
    top: 0;
    vertical-align: top;
    left: 0;
    margin: 6px 0 0 20px;
}

.hdr_tlf_sticky {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    vertical-align: top;
    line-height: 50px;
}

.hdr_tlf_sticky:before {
    content: " ";
    background: url(../image/icons/main_page_icons.png);
    background-position: -206px -25px;
    width: 20px;
    height: 21px;
    margin: 0 0 0 0;
    display: inline-block;
    margin: 0px 12px 0 0;
    vertical-align: middle;;;
}

.form_select {
    height: 37px;
    background-color: #fff;
    border: solid 1px #ccc;
    color: #ccc;
    display: inline-block;
    box-sizing: border-box;
    line-height: 35px;
    z-index: -2;
    position: relative;
}

.form_select:after {
    content: " ";
    width: 15px;
    height: 24px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -25px -177px;
    position: absolute;
    right: 10px;
    top: 6px;
}

.my_car-id-min > .arrow_down {
    display: none;
}

.active_select {
    border: solid 1px #7390c9;
    color: #333;
    font-weight: 600;
    position: relative;
    z-index: auto;
}

.active_select:hover:after {
    background: url(../image/icons/main_page_icons.png);
    background-position: -8px -177px;
}

.active_select:after {
    background: url(../image/icons/main_page_icons.png);
    background-position: -8px -177px;
}

.active_select:hover {
    cursor: pointer;
}

.hdr_tlf-callme:hover .hdr_tlf_icon2 {
    background-position: -41px -192px;
}

.brand_catalogs-about p {
    margin-bottom: 18px;
}

.select_car-ttl {
    font-family: "open sans";
    font-size: 24px;
    text-transform: uppercase;
    color: #333;
}

.select_car-info {
    font-family: "open sans";
    font-size: 14px;
    color: #666;
    line-height: 1.571;
    margin-bottom: 27px;
    margin-left: 3px;
}

.wizard_my-car-form {
    width: 1178px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    margin: 0 0 35px 0;
    position: relative;
    z-index: 8;
    min-height: 135px;
    max-height: 189px;
}

.my-car-form-list {
    position: relative;
    box-sizing: border-box;
    padding-top: 19px;
    z-index: 5;
    padding-right: 380px;
    padding-bottom: 20px;
}

.current_option {
    overflow: hidden;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 14px;
    height: 35px;
}

.my-car-form-input {
    display: inline-block;
    margin: 1px 24px 8px 0px;
    width: 173px;
}

.toggle {
    height: 22px;
    font-size: 11px;
    text-align: center;
    line-height: 22px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 18px;
}

#toggle-on {
    background-color: #f9f9f9;
    border: solid 1px #cacbcb;
    color: #999;
    width: 91px;
}

#toggle-off {
    background-color: #f1f6ff;
    border: solid 1px #90b0ea;
    color: #224fa9;
    width: 109px;
}

#toggle-off:hover {
    color: #bf1e2e;
    cursor: pointer;
    -webkit-box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    -moz-box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
}

.prtnm1 {
    max-height: 19px;
    overflow: hidden;
    display: block;
}

.all_desc {
    max-height: 120px;
}

.itmlinkbl {
    display: block;
}

.point {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.webItem .item_rtm {
    width: 240px;
}

.prev_parts-link {
    margin: 0 auto;
    width: 210px;
    max-height: 100px;
    overflow: hidden;
    text-align: center;
    color: #224ea9;
    font-size: 14px;
    margin-top: 15px;
    min-height: 57px;
}

.prev_parts-link:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #bf1e2e;
}

#send_ordering {
    height: 40px;
    font-size: 18px;
}

.popular_goods .prev-parts-img img {
    height: 110px;
}

.prev-parts-img {
    width: 210px;
    height: 130px;
    margin: 0 auto;
    text-align: center;
    line-height: 110px;
    margin-bottom: 10px;
    position: relative;
    margin-top: 15px;
    box-sizing: border-box;
}

.prev-parts-img > img {
    vertical-align: middle;
    margin: 0px 0 0px 0;
}

.mntxt {
    margin-top: 20px;
}

.prev-parts-img .goods_sm-foto {
    height: 110px;
    margin-top: 15px;
}

.mdl_st {
    margin-top: 40px;
}

.item_rtm {
    min-height: 340px;
}

#cat_zap1 a {
    display: block;
}

.prev_parts-list li:nth-child(4n) {
    width: 218px;
}

.prev_parts-list li:nth-child(4n) > .prev-parts-warp {
    width: 218px;
    left: -1px;
}

.prev_parts-list li:nth-child(4n) > .prev_parts-item {
    width: 216px;
}


.item_wish-warp {
    line-height: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 10px 0 0px;
}

.wish_item-link:hover {
    color: #bf1e2e;
    text-decoration: none;
}

.item_wish-logo {
    width: 19px;
    height: 12px;
    background-position: -72px -211px !important;
    display: inline-block;
    margin: 0px 5px 0 0;
    vertical-align: middle;
}

.wish_item-link {
    font-size: 11px;
    text-decoration: underline;
    color: #214ea9;
    display: inline-block;
}

.favoritee-logo {
    background-position: -46px -225px;
    width: 14px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.rev_star-icon {
    background-position: -2px -207px;
    width: 64px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;;
}

.review-star-count {
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 14px;
    position: absolute;
    bottom: 40px;
    left: 40px;
    min-width: 180px;
}

.selected_car-photo {
    position: absolute;
    display: inline-block;
    width: 130px;
    height: 90px;
    background-color: #fff;
    border: solid 1px #ececec;
    top: 3px;
    left: 3px;
    box-sizing: border-box;
    line-height: 88px;
    text-align: center;
}

.selected_car-photo > img {
    vertical-align: middle;
    width: 123px;
}

.wizard_bottom-line {
    height: 35px;
    background-color: #f1f6ff;
    border: solid 1px #e5e5e5;
    box-sizing: border-box;
    padding-left: 160px;
    line-height: 35px;
    overflow: hidden;
}
.ch_car {
    display: none;
}
.wizard_top-line {
    height: 62px;
    box-sizing: border-box;
    padding: 11px 0px 0px 0;
}

.wizard_top-line > .my_car-id {
    width: 475px;
    vertical-align: top;
    margin-top: 5px;
}

.usapart {
    position: relative;
}

.usapart .carton_with-item {

}

.ok_green-icon {
    background-position: -276px -205px;
    width: 20px;
    height: 22px;
    display: inline-block;
    margin: 0px 2px 9px 0;
    vertical-align: middle;
}

.found_item-quant {
    display: inline-block;
}

.found_bold {
    font-weight: bold;
    color: #333;
}

.my_car-id {
    font-weight: bold;
    display: inline-block;
    color: #333;
    margin: 0 0 0 160px;
}

.my_car-id:hover {
    cursor: pointer;
}

.my_car-modification p {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    margin: 0px;
    max-height: 15px;
    overflow: hidden;
}

.my_car-engine {
    max-height: 15px;
    overflow: hidden;
    display: block !important;
}

.my_car-modification {
    max-height: 30px;
}

.my_car-engine p {
    display: inline-block;
    font-size: 12px;
    height: 15px;
    vertical-align: top;
    margin: 0px;
}

.vin_in_catalog {
    width: 640px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.engine-name {
    color: #999;
}

.engine_volume {
    color: #333;
}

.modif-mycar-name {
    color: #999;
}

.modif-mycar-item {
    color: #333;
    max-width: 180px;
}

.my_car-menu {
    position: absolute;
    top: 25px;
    right: 5px;
    background-color: white;
}

.my_car-menu > a {
    margin-right: 15px;
}

.change_my-car {
    margin: 0px 20px 0 0;
}

.history_my-car {
    margin: 0px 22px 0 0;
}

.my_car-menu .arrow_down {
    display: inline-block;
}

.wizard_my-car-min {
    width: 1178px;
    height: 37px;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
}

.wizard_my-car-min > .my_car-id {
    vertical-align: top;
    margin: 8px 27px 0 22px;
}

.wizard_my-car-min > .my_car-options {
    margin: 1px 0 0 0;
}

.wizard_my-car-min > .my_car-menu {
    top: 6px;
    right: 6px;
}

.popup_reg_form-warp {
    width: 342px;
    height: 510px;
    z-index: 2;
    position: relative;
    padding: 0 18px 0 18px;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
    top: 50px;
    margin-bottom: 250px;
}

.popup_enter {
    height: 315px;
}

.enter_popup {
    width: 138px;
    margin: 0 !important;
}

.popup_reg_form-warp input {
    width: 300px;
}

.overlay h1 {
    margin: 12px 0 8px 0px;
}

.popup_reg_form-warp .ftr_bsmt-social {
    display: none;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
}

.popup_btm {
    width: 336px;
    height: 35px;
    background-color: #f1f6ff;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    line-height: 30px;
}

.form_box button {
    margin: 0 auto;
    display: block;
}

.btn-popup {
    width: 180px;
}

.enter_social {
    text-align: center;
    margin: 12px 0 5px 0;
    display: none;
}

#registration {
    display: none;
}

.example_for-input {
    font-size: 11px;
    color: #999;
}

.form_style .rcheck label {
    font-size: 13px;
    font-weight: normal;
    color: #444444;
    display: inline;
    vertical-align: top;
}

.form_style input:focus {
    border: solid 1px #7390c9;
}

.form_style input.rf_error {
    border: solid 1px #db2428;
    background-image: linear-gradient(to bottom, #f1f1f1, #fff);
}

.form_style .rfield_error {
    display: block;
    padding: 0px 10px;
    background-color: #db2428;
    color: #fff;
    font-size: 12px;
    z-index: 1;
    position: absolute;
    top: 25px;
    right: 0px;
    visibility: hidden;
}

.form_style .rcheck .rfield_error {
    top: 0px;
    right: 22px;
}

.form_box_warp button {
    margin: 0 auto;
    display: block;
}

.form_box_warp button {
    margin: 0 auto;
    display: block;
}

.prev-slide:active {
    background-position: -194px -306px;
}

.prev-slide-disabled {
    background-position: -194px -306px !important;
}

.prev-slide-disabled, .next-slide-disabled:hover {
    cursor: default;
}

.next-slide:active {
    background-position: -194px -343px;
}

.next-slide-disabled {
    background-position: -194px -343px !important;
}

.active_list-open > li {
    position: relative;
    cursor: pointer;
    margin-bottom: 2px;
}

.active_list-title {
    color: #224fa9;
    margin: 0;
    padding: 0;
    height: 40px;
    background-color: #f1f1f1;
    padding-left: 40px;
    border-left: 1px solid white;
    box-sizing: border-box;
    line-height: 40px;
}

.active_list-title:hover {
    background-color: #f1f6ff;
    border-left: 1px solid #bf1e2e !important;
}

.active_list-title-hover {
    background-color: #f1f6ff;
    border-left: 1px solid #bf1e2e !important;
}

.arrow_top {
    background-position: -41px -178px !important;
}

.arrow_down,
.arrow_plus:hover {
    cursor: pointer;
}

.order_date {
    color: #666666;
}

.btn_filter-not_active {
    height: 23px;
    background-color: #f1f6ff;
    border: solid 1px #90b0ea;
    display: inline-block;
    font-size: 11px;
    color: #224fa9;
    line-height: 19px;
    text-align: center;
    box-sizing: border-box;
    padding-right: 20px;
    padding-left: 20px;
}

.btn_filter-not_active:hover {
    cursor: pointer;
    color: #bf1e2e;
}

.btn_filter-not_active:active {
    color: #999999;
    background-color: #f9f9f9;
    border: 1px solid #cacbcb;
}

.btn_filter_active {
    color: #999999;
    background-color: #f9f9f9;
    border: 1px solid #cacbcb;
    padding-right: 8px;
    padding-left: 8px;
}

.btn_filter_active:hover {
    cursor: default !important;
    color: #999999 !important;
}

.main_page-content {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 874px;
}

.reg_inf {
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 20px;
}

.form_sucess {
    position: absolute;
    top: 100px;
    left: 500px;
    right: auto;
    width: 340px;
    min-height: 206px;
    -moz-box-shadow: 0 0 27px rgba(0, 0, 0, .75);
    border: solid 3px #214ea9;
    box-sizing: border-box;
    display: none;
    z-index: 10;
    padding-bottom: 20px;
}

.succes_ic {
    background-position: -226px -448px;
    position: absolute;
    width: 39px;
    right: auto;
    height: 39px;
    left: 50%;
    margin-left: -20px;
    top: 60px;
}

.succes_info_bt {
    color: #75a15a;
    font-size: 14px;
}

#butStatusSend {
    width: 300px;
}

.succes_info {
    display: inline-block;
    margin: 120px 10px 0px 65px;
    color: #75a15a;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}

.form_order-status {
    width: 340px;
    height: 270px;
    position: absolute;
    top: 120px;
    left: 35%;
    display: none;
    z-index: 1000;
    padding: 0 0 0 18px;
    box-sizing: border-box;
}

.overlay_nav,
.overlay_cat {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
    z-index: 4;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    display: none;
    overflow-y: auto;
}

.loading {
    position: absolute;
    width: 0; /* если задать в %, то будет рассчитываться от ширины родителя */
    background: linear-gradient(rgba(130, 130, 130, 1) 30%, transparent 30%, transparent 70%, rgba(130, 130, 130, .4) 70%), linear-gradient(to left, rgba(130, 130, 130, .2) 30%, transparent 30%, transparent 70%, rgba(130, 130, 130, .8) 70%);
    background-repeat: no-repeat;
    background-size: 10% 100%, 100% 10%;
    background-position: 50% 0%, 0 50%;
    -webkit-animation: loading .7s infinite steps(8);
    animation: loading 1.0s infinite steps(8);
    top: 9px;
    right: 15px;
    padding: 1.7%;
    display: none;
    z-index: 2;
    background-color: white;
}

.loading:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(130, 130, 130, .1) 30%, transparent 30%, transparent 70%, rgba(130, 130, 130, .5) 70%),
    linear-gradient(to left, rgba(130, 130, 130, .3) 30%, transparent 30%, transparent 70%, rgba(130, 130, 130, .9) 70%);
    background-repeat: no-repeat;
    background-size: 10% 100%, 100% 10%;
    background-position: 50% 0%, 0 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@-webkit-keyframes loading {
}

@keyframes loading {
}

.search_help {
    position: relative;
    top: -1px;
    left: 0px;
    width: 100%;
    border-bottom: 1px solid rgb(115, 144, 201);
    border-left: 1px solid rgb(115, 144, 201);
    border-right: 1px solid rgb(115, 144, 201);
    box-sizing: border-box;
    background-color: #f5f5f5;
    z-index: 105;
    color: #666666;
    font-size: 12px;
    line-height: 1.2;
    display: none;
}

.search_help a:hover {
    cursor: default;
    text-decoration: none;
    color: #224ea9;
}

.srch_radio-ch {
    position: absolute;
    top: 10px;
    right: 20px;
    display: none;
}

input[type="checkbox"] {
    display: none;
}

input[type="radio"] + label {
    cursor: pointer;
    padding-left: 0;
}

input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -103px -398px;
    position: relative;
    margin: 0 5px 0 0;
    left: 3px;
    top: 3px;
}

input[type="checkbox"]:checked + label:before {
    background-position: -122px -398px;
}

#custom_select {
    width: 100px;
    text-align: center;
}

#current_option {
    width: 100%;
    background: #d2d2d2;
    border: 1px solid grey;
    line-height: 25px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#current_option:hover {
    background: #EBEBEB;
}

.car_md-lst li:first-child {
    font-size: 18px;
    display: block;
    margin-left: 0px;
    text-transform: none;
    margin-bottom: 20px;
    width: auto;
    color: #333333;
}

.car_md-lst li:first-child:hover {
    cursor: default;
}

#current_option b {
    height: 100%;
    width: 20px;
    float: right;
    border-left: 1px solid grey;
}

#current_option b img {
    width: 10px;
    height: 10px;
    margin-top: 5px;
}

.value_menu li {
    list-style: none;
    padding: 5px 10px 5px 10px;
    text-align: center;
    display: inline-block;
    line-height: 25px;
    font-weight: normal;
    color: #224ea9;
}

#custom_options li:last-child {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

#custom_options li:first-child {
    margin-top: 4px;
}

.value_menu li:hover {
    color: white;
    background: #2238a9;
    cursor: pointer;
}

.value_menu li:active {
    background: #122d62;
    color: white;
}

.car_wizard {
    margin-left: 2px;
}

.year_ttl {
    display: inline-block;
    font-weight: bold;
    margin-right: 15px;
}

.year_ttl:hover {
    cursor: default;
}

.btn_wizard {
    position: absolute;
    bottom: 27px;
    left: 610px;
    width: 173px;
    display: none;
    z-index: 10;
}

.integ_val-menu {
    border-bottom: none;
    margin-bottom: 2px !important;
    height: 43px;
}

.current_option-mark {
    position: relative;
    z-index: 6;
}

.wizard_h1 {
    position: relative;
    z-index: 8;
}

.my-car-form-input select {
    display: none;
}

.model_menu li {
    width: 100px;
    text-align: left;
}

#bodycar_opt-li, #engine_opt-li, #modific_opt-li, #carmodif_opt-li {
    display: none;
}

.account_active {
    position: absolute;
    top: -5px;
    width: 7px;
    height: 7px;
    background-color: #8ee251;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 14px;
}

#frm_recall .phonefield {
    width: 240px;
}

#frm_recall .enter_popup {
    margin-left: 102px !important;
}

.user_enter {
    margin: 0 auto !important;
}

.active_select:hover:after {
    background-position: -41px -177px !important;
}

.active_select:active:after {
    background-position: -25px -177px !important;
}

.next-slide:hover {
    background-position: -103px -181px;
}

.prev-slide:hover {
    background-position: -275px -95px;
}

.prev-slide-disabled:hover {
    background-position: -194px -306px !important;
}

.next-slide-disabled:hover {
    background-position: -194px -343px !important;
}

.next-slide:active {
    background-position: -194px -343px !important;
}

.prev-slide:active {
    background-position: -194px -306px !important;
}

.form_order-status input {
    width: 298px;
}

.overlay_sk {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.my_order-list-check {
    display: inline-block;
    width: 400px;
    min-height: 100px;
    vertical-align: top;
    margin: 45px 0 0 137px;
}

.my_order-list-warp img {
    max-width: 56px;
    vertical-align: middle;
}

.basket_user-active h1 {
    margin: 13px 0 15px 0;
}

.basket_user-active .my_order-list {
    margin: -4px 0 0 0;
}

.basket_user-active .my_order-list li {
    padding: 20px 0 20px 0;
}

.basket_title-line {
    display: inline-block;
}

.basket_title-line div {
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 60px;
    line-height: 20px;
}

.goods_item-title {
    margin-right: 367px;
}

.goods_quantity-title {
    margin-right: 57px;
}

.goods_cost-title {
    margin-right: 10px;
}

.basket_total-cost {
    height: 100px;
    position: relative;
}

.nav-arrows {
    position: absolute;
    z-index: 1;
    width: 45px;
    top: 0%;
    cursor: pointer;
    height: 100%;
}

.next-right {
    right: -25px;
}

.next-right:before {
    position: absolute;
    top: 40%;
    right: -10px;
    content: "";
    width: 35px;
    height: 47px;
    display: block;
    background-image: url(../image/icons/next.svg);
    background-size: 35px 47px;
    background-repeat: no-repeat;
}

.next-right:hover:before {
    background-image: url(../image/icons/next_hover.svg);
}

.prev-left {
    left: 25px;
}

.prev-left:before {
    position: absolute;
    top: 40%;
    left: -50px;
    content: "";
    width: 35px;
    height: 47px;
    display: block;
    background-image: url(../image/icons/prev.svg);
    background-size: 35px 47px;
    background-repeat: no-repeat;
}

.prev-left:hover:before {
    background-image: url(../image/icons/prev_hover.svg);
}

.basket_deivery-info {
    font-size: 11px;
    color: #735e5e;
    background-color: #fffaec;
    width: 460px;
    display: inline-block;
    height: 50px;
    overflow: hidden;
    line-height: 1.2;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 6px 6px 6px 10px;
}

.order-total-mead {
    padding: 0px 0 0 0px;
    box-sizing: border-box;
    margin: 13px 0 20px 0;
}

.order-total-mead > .order_total-text {
    margin-left: 2px;
    margin-top: 8px;
    margin-right: 26px;
}

.order_without-warp {
    height: 130px;
    background-color: #f1f6ff;
    width: 734px;
    margin: 12px 0 0 -17px;
    display: none;
}

.icon_basket-tlf {
    width: 27px;
    height: 43px;
    margin: 22px 30px 50px 36px;
    display: inline-block;
    background-position: -130px -169px !important;
}

.w-out-warp-right {
    display: inline-block;
    width: 620px;
    margin: 16px 0 0 0;
    vertical-align: top;
}

.w-out-warp-right h4 {
    margin-bottom: 0px;
}

.order_by-tlf-warp input.form_input {
    margin: 7px 5px 0 0;
}

input_tlf-basket {
    width: 160px;
    margin-left: 3px;
}

.save_basket-btn {
    width: 100px;
}

.w-out-warp-right .example_placeholder {
    line-height: 1.2;
    padding-left: 3px;
    margin-bottom: 6px;
}

.item_add-quantity {
    display: inline-block;
    vertical-align: top;
    margin: 8px 14px 0px 0px;
    position: relative;
}

.quont-plus, .quont-minus {
    width: 38px;
    color: #1f4aa5 !important;
    border-bottom: 1px solid rgb(220, 220, 220) !important;
    text-align: center;
    line-height: 35px;
    position: relative;
}

.item_add-quantity input {
    font-size: 14px;
    color: #333333;
    width: 58px;
    height: 37px;
    box-sizing: border-box;
    border: 1px solid #7390c9;
    text-align: center;
    vertical-align: top;
}

.minus_it {
    width: 15px;
    height: 3px;
    background-color: #1f4aa5 !important;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    top: -2px;
    position: relative;
}

.plus_it {
    width: 3px;
    height: 15px;
    position: absolute;
    background-color: #1f4aa5 !important;
    top: 10px;
    left: 17px;
}

.my_order-list-warp {
    height: 60px;
    vertical-align: top;
    position: relative;
}

.item_summ {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    vertical-align: top;
    margin-top: 14px;
    position: relative;
}

.order_by-tlf-warp button {
    display: inline-block;
    width: 103px;
}

.order_by-tlf-warp p {
    display: inline-block;
}

.analog_link {
    display: inline-block;
    height: 17px;
    position: relative;
    top: -4px;
}

.analog_link > a {
    color: #214ea9;
    font-size: 14px;
    text-decoration: none;
    display: block;
}

.analog_country-origin {
    font-size: 14px;
    position: relative;
    top: -3px;
}

.analog_descriptions-text {
    font-size: 13px;
    display: inline-block;
    max-height: 22px;
    overflow: hidden;
    width: 300px;
}

.price_text {
    overflow: inherit;
    width: 500px;
    max-height: 50px;
}

.price_center {
    height: 50px !important;
}
.cat-filters-list li:nth-child(6) {
    margin-bottom: 20px;
}
.example_placeholder {
    font-size: 11px;
    color: #999;
    margin: 7px 0 0 0;
}

.order_total-text {
    display: inline-block;
    font-weight: 700;
    vertical-align: top;
    margin: 0 19px 0 0px;
}

.order_total-cost {
    display: inline-block;
    font-weight: 700;
    color: #bf1e2e;
    font-size: 24px;
}

.center_line-order {
    height: 20px;
    position: relative;
    top: -4px;
}

.my_order-list-warp .delete {
    top: 15px;
    right: 15px;
}

.order_by-tlf-warp input {
    width: 159px;
    margin-right: 6px;
}

.order_by-tlf-warp p {
    margin: 0;
}

.wizard-main_compl .h3_ttl {
    margin-bottom: 15px;
    margin-top: 10px;
    font-size: 18px;
    max-width: 500px;
    overflow: hidden;
}

.change_car {
    position: absolute;
    right: 82px;
    bottom: 28px;
}

.wiz_compl-car_foto {
    display: inline-block;
    vertical-align: top;
    border: solid 1px #ececec;
    height: 140px;
    width: 200px;
    margin: 3px 15px 0 0;
    text-align: center;
    line-height: 140px;
    box-sizing: border-box;
}

.wiz_compl-car_foto img {
    width: 188px;
    margin: 0 auto;
    vertical-align: middle;
}

.car_modif-list {
    position: relative;
}

.car_modif-item {
    width: inherit;
    height: 19px;
    overflow: hidden;
    margin-bottom: 1px;
    font-size: 14px;
}

.hist-car_srch {
    position: absolute;
    top: 20px;
    right: 40px;
}

.wizard-main_compl .change_car {
    right: 46px;
    bottom: 21px;
}

.wizard-main_compl .hist-car_srch {
    top: 30px;
    right: 40px;
}

.page_500-warp {
    width: 100%;
    height: 545px;
}

.page_500 {
    height: 545px;
    width: 1178px;
    margin: 0 auto;
}

.layout_line-500 {
    width: 100%;
    height: 18px;
}

.err_500-right {
    width: 330px;
    margin: 107px 0px 0 0px;
}

/* page_404*/
.page_404-warp {
    width: 100%;
    height: 545px;
}

.page_404 {
    height: 545px;
    width: 1178px;
    margin: 0 auto;
}

.err_404-left {
    width: 350px;
    height: 200px;
    display: inline-block;
    background-image: url(../Image/Icons/404-500.png);
    background-position: -0px 20px;
    margin: 70px 60px 0 65px;
    background-repeat: no-repeat;
}

.err_500-left {
    background-position: 5px -189px;
}

.err_404-right {
    display: inline-block;
    margin: 70px 0px 0 0px;
    vertical-align: top;
}

.err_404-right_text {
    width: 490px;
    font-family: "Open Sans";
    font-size: 14px;
    color: #666;
    margin: 17px 0 0 0;
}

.err_404-right_btn {
    margin: 6px 0 0 0;
}

.err404-btn {
    width: 110px;
    font-size: 14px;
}

.page_contact-body {
    width: 1178px;
    height: 1155px;
    margin: 0 auto;
}

.title_warp {
    width: inherit;
    height: 42px;
    margin: 0 auto;
    padding: 20px 0 0 1px;
}

.contact_title {
    height: inherit;
    width: 220px;
    text-align: left;
}

.contact_main-block {
    width: 1178px;
    height: 485px;
}

.contact_left-icon {
    background: url("../Image/Icons/contact-icon.png");
    width: 319px;
    height: 322px;
    display: inline-block;
    vertical-align: top;
    margin: 67px 0 0 38px;
}

.contact_center-info {
    display: inline-block;
    height: 455px;
    width: 395px;
    font-size: 14px;
    color: #333;
    vertical-align: top;
    margin: 41px 0px 0px 39px;
}

.contact_right-feedback {
    height: 485px;
    width: 320px;
    display: inline-block;
    margin: 0px 0 0 4px;
}

.contact_google-map {
    background-color: grey;
    width: 1178px;
    height: 485px;
    margin: 10px 0 0 2px;
}

.contact_city {
    width: 230px;
    height: 30px;
    position: absolute;
    display: inline-block;
    left: 468px;
}

.btn_activ-city {
    width: 92px;
    height: 22px;
    background-color: #f9f9f9;
    border: solid 1px #cacbcb;
    display: inline-block;
    font-size: 11px;
    color: #999999;
    line-height: 22px;
    text-align: center;
    margin: 0 15px 0 0;
}

.btn_activ-city:hover {
    color: #bf1e2e;
    cursor: pointer;
}

.contact_adres {
    display: inline-block;
    width: inherit;
    height: 45px;
    margin: 12px 0 0 0;
}

.contact_adres_title {
    font-weight: bold;
}

.contact_telephon-list {
    display: inline-block;
    width: 220px;
    margin: 18px 0 0 0;
    position: relative;
}

.contact_email {
    display: inline-block;
    width: 220px;
    height: 40px;
    color: #214ea9;
    margin: 12px 0 0 0;
}

.contact_work-time {
    display: inline-block;
    width: inherit;
    height: 80px;
    margin: 18px 0 0 0;
}

.contact_coment {
    display: inline-block;
    width: 385px;
    height: 95px;
    margin: 9px 0 0 0;
}

.title_feedback {
    font-size: 14px;
    color: rgb(71, 71, 71);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0 0 0 2px;
}

.feedback_myname, .feedback_tlf-nubm, .feedback_email {
    width: 300px;
}

#form_feedback-send {
    margin: 24px 0 0 0;
}

.feedback_message {
    width: 300px;
    height: 75px;
    margin: 20px 0 0 0;
}

.feedback_textarea_warp > p {
    position: relative;
    top: 15px;
}

.feedback_mynumber_warp {
    margin: 20px 0 0 0;
}

.feedback_mynumber_warp > p {
    position: relative;
    top: -7px;
}

.feedback_tlf-nubm + p {
    font-size: 11px;
    color: rgb(153, 153, 153);
    position: relative;
    top: 5px;
}

.feedback_email_warp {
    margin: 23px 0 0 0;
}

.feedback_email_warp > p {
    position: relative;
    top: -4px;
}

.btn_feedback-send-warp {
    width: 300px;
    height: 37px;
    text-align: right;
    margin: 15px 0 0 0;
}

.feedback_icon-time {
    display: inline-block;
    position: relative;
    top: -23px;
    left: -3px;
    width: 30px;
    height: 30px;
    background-position: -269px -59px;
}

.feedback_icon-attention {
    display: inline-block;
    position: relative;
    top: -49px;
    left: -4px;
    width: 30px;
    height: 30px;
    background-position: -240px 1px;
}

.feedback_icon-loc {
    display: inline-block;
    left: 0px;
    width: 30px;
    height: 30px;
    background-position: -272px 1px;
    position: relative;
    top: -4px;
}

.feedback_icon-tlf {
    display: inline-block;
    left: 0px;
    width: 30px;
    height: 30px;
    background-position: -272px -28px;
    position: relative;
    top: -48px;
}

.feedback_icon-email {
    display: inline-block;
    left: -4px;
    width: 30px;
    height: 20px;
    background-position: -264px -180px;
    position: relative;
    top: 4px;
}

.contact_right-feedback p {
    margin-bottom: 0px;
}

.feedback_txt-warp {
    display: inline-block;
}

.btn_feedback-send {
    width: 191px;
}

.feedback_myname_warp > p {
    position: relative;
    top: -3px;
}

#map {
    width: 100%;
    height: 485px;
    margin: 32px 0 22px 0px;
}

.active-city {
    background-color: #f1f6ff;
    border: solid 1px #90b0ea;
    color: #224fa9;
    cursor: default;
}

.active-city:hover {
    cursor: #224fa9;
}

#map1 {
    width: 100%;
    height: 485px;
    margin: 32px 0 22px 0px;
}

.basket_success_info-warp {
    width: 718px;
    margin: 40px 0 24px 0px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 18px;
    position: relative;
}

.basket_big-icon-warp {
    height: 300px;
    width: 256px;
    display: inline-block;
    margin-right: 150px;
}

.basket_order-id {
    font-size: 24px;
    color: #333;
    margin-bottom: 23px;
}

.order_id-red {
    font-weight: 700;
    color: #b32a28;
}

.basket_final-info {
    width: 718px;
    height: 41px;
    background-color: #f1f6ff;
    color: #333;
    line-height: 41px;
    padding: 0 0 0 20px;
    position: absolute;
    bottom: -58px;
    right: -22px;
}

.tnanks_for-order {
    font-size: 16px;
    margin: -4px 0 39px 0px;
}

.basket_big-icon {
    margin: 20px 66px 0 70px;
    width: 180px;
}

.appeal_client {
    font-size: 18px;
    margin-bottom: 17px;
}

.same_letter-list-warp {
    margin: 30px 0 0 0;
}

.letter-list-title {
    font-weight: bold;
    color: #333;
    text-align: center;
    padding: 7px;
}

span.red_letter {
    color: #bf1e2e;
}

.same_letter-list {
    padding: 17px 0 0 20px;
    max-height: 540px;
    overflow-y: scroll;
}

.brand_right-warp {
    width: 938px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

.same_letter-list li > a {
    margin: 0 0 0 15px;
}

.same_letter-list li {
    padding: 0 0 5px 0;
}

.back_catalog-warp:before {
    content: " ";
    width: 16px;
    height: 26px;
    display: inline-block;
    background: url(../image/icons/main_page_icons.png);
    background-position: -275px -95px;
    top: -3px;
    position: relative;
    background-color: white;
    margin-right: 2px;
    left: -12px;;
}

.back_catalog-warp {
    line-height: 19px;
    height: 26px;
    text-align: center;
}

.brand_logo-img {
    width: 220px;
    height: 150px;
    line-height: 128px;
    text-align: center;
    padding: 10px 20px 10px 20px;
    margin-bottom: 20px;
}

.back_catalog-warp .underline_dotted {
    vertical-align: top;
}

.btn-choose_ic {
    background-position: -272px -128px;
    position: absolute;
    width: 23px;
    height: 28px;
    top: 4px;
    left: 10px;
}

.brand_rew {
    margin-top: 20px;
    margin-bottom: 20px;
}

.magnify {
    position: relative;
}

.large {
    display: none;
    width: 350px;
    height: 350px;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85),
    0 0 6px 6px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    background: url(/image-catalogue/kyb/333310-min.jpg) no-repeat;
}

.brand_news > .h3-title_bold {
    margin-right: 20px;
}

.brand_news-list {
    width: 942px;
    margin: 22px 0 0 0;
}

.brand_news-item {
    width: 300px;
    display: inline-block;
    margin: 0 16px 0 0;
    vertical-align: top;
}

.img_news-warp {
    width: 300px;
    height: 165px;
    display: inline-block;
    padding: 5px;
    position: relative;
}

.img_news-warp > img {
    width: 288px;
    margin: 0 auto;
}

.news_type-sm {
    font-size: 11px;
    color: #999;
}

.brand_news-list :last-child {
    margin: 0px;
}

.news_title-link {
    max-height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
    margin-bottom: 12px;
}

.brand_news-item p {
    max-height: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
}

p.vin_req {
    line-height: 1.286;
}

.vin_page {
    width: 1178px;
    min-width: 1178px;
    margin: 0 auto;
}

.vin_page-top {
    padding: 20px;
}

.vin_popup-warp {
    width: 740px;
    height: 830px;
    position: absolute;
    top: 10px;
    left: 10px;
    border: 3px solid #214ea9;
    position: absolute;
    top: 20px !important;
    left: 250px;
    display: none;
    background-color: white;
}

.vin-popup-marg {
    margin: 20px 20px 20px 20px;
}

.vin_page-title {
    height: 50px;
    width: inherit;
}

.futile_search {
    width: 1178px;
    margin: 0 auto;
}

.futile_srch-top {
    height: 281px;
    width: inherit;
    vertical-align: top;
    margin: 20px 0 0 0;
    font-size: 0px;
}

.ftl_srch-title {
    width: inherit;
    height: 30px;
}

.ftl_srch-title-part_number {
    color: #bf1e2e;
}

.ftl_srch-icon-warp {
    width: 300px;
    height: 220px;
    margin: 0 20px 0 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 53px 0px 0 2px;
}

.ftl_srch-icon {
    width: 122px;
    height: 122px;
    background-position: -293px -5px;
    margin: 0 auto;
}

.ftl_srch-about {
    display: inline-block;
    vertical-align: top;
    margin: 38px 0 0 0px;
}

.ftl_srch-about_list {
    margin: 12px 0 0 0;
}

.ftl_srch-about_list li {
    margin: 0 0 5px 0;
}

.futile_srch-bottom {
    width: inherit;
    padding: 41px 0 0px 0;
}

.ftl_title_btm {
    height: 50px;
    width: 857px;
    font-size: 0px;
    margin: -0px 0 0 120px;
}

.ftl_title_btm-text {
    background-color: white;
    height: inherit;
    line-height: 50px;
    width: 387px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    display: inline-block;
}

.ftl-title_grey1 {
    width: 218px;
    display: inline-block;
    border-bottom: 1px solid #e5e5e5;
    margin: 2px 18px 0 0;
    height: 25px;
    vertical-align: top;
}

.ftl-title_grey2 {
    height: 25px;
    width: 217px;
    display: inline-block;
    border-bottom: 1px solid #e5e5e5;
    margin: 2px 0px 0 17px;
    vertical-align: top;
}

.ftl-icons-left {
    display: inline-block;
    margin: 95px 18px 0 0px;
    width: 300px;
    height: 330px;
    vertical-align: top;
    padding: 0 0 0 0px;
    position: relative;
}

.ftl-icons-main {
    width: 262px;
    height: 230px;
    position: relative;
    z-index: 2;
    background-position: -14px -11px;
    top: 0px;
    left: 0px;
}

.vin_form-list {
    display: inline-block;
    width: 300px;
    margin: 9px 20px 0 0;
    vertical-align: top;
}

.vin_number-icons {
    margin: 0 0 0 0;
    width: 322px;
    height: 101px;
    background-position: -29px -245px;
}

.vin_fastime-icons {
    width: 57px;
    height: 67px;
    background-position: -524px -15px;
    top: 52px;
    left: 2px;
}

.vin_delivery-icons {
    width: 51px;
    height: 74px;
    background-position: -448px -12px;
    top: 93px;
    left: 2px;
}

.vin_number-text {
    top: -9px;
    left: -1px;
}

.vin_pickup-icons {
    width: 50px;
    height: 63px;
    background-position: -452px -105px;
    top: 134px;
    left: 2px;
}

.vin_request {
    display: inline-block;
    width: inherit;
}

.smlcst {
    font-size: 15px;
}

.wiz_characteristics li {
    margin-bottom: 5px;
}

.wiz_characteristics {
    width: 250px;
    font-size: 11px;
}

.vin_form-list_icons p {
    text-align: center;
}

.vin_form-list_icons div {
    margin: 0px auto;
    position: relative;
}

.ftl_srch-about_list li:before {
    content: "\2022";
    color: #bf1e2e;
    margin: 0 6px 0 0px;
    font-size: 14px;
    display: inline-block;
}

.ftl_srch-about_list p {
    display: inline-block;
}

.btn_feedback-send-warp {
    margin: 18px 0 0 0;
}

.not_buyed {
    position: relative;
    z-index: 0;
    margin-left: 15px;
}

.not_buyed:before {
    content: " ";
    display: inline-block;
    content: '';
    position: absolute;
    background: url(../image/icons/goods_icon.png);
    background-position: -4px -225px;
    width: 26px;
    height: 24px;
    top: 50%;
    margin-top: -10px;
    left: -35px;
}

.vin_number_warp, .vin_myname-warp, .vin_mynumber_warp, .vin_input-parts_warp {
    position: relative;
}

.vin_mycar_warp > p {
    margin: 0 0 0 0px;
}

.vin_fasttime-text {
    top: 64px;
    left: 2px;
}

.vin_delivery-text {
    top: 102px;
    left: 2px;
}

.vin_pickup-text {
    top: 145px;
    left: 2px;
}

.vin_input-parts_warp {
    margin: 14px 0 0 0px;
}

.vin_form-list input {
    width: 300px;
}

.vin_input-parts {
    margin: 7px 0 0 0;
    padding: 0 0 0 7px;
}

.vin_request-numb {
    margin: 5px 0 0 0;
}

.vin_mycar {
    margin: 5px 0 0 0;
}

.vin_input-parts_warp > p {
    margin: 0px 0 0 0px;
}

.vin_input-parts_more {
    margin: 10px 0 0 0;
    padding: 0 0 0 7px;
}

.vin_myname-warp {
    margin: 13px 0 0 0px;
}

.input_parts-more {
    margin: 6px 0 0 0;
}

.input_parts-more > a {
    font-size: 14px;
    color: rgb(33, 78, 169);
    text-decoration: none;
    border-bottom: 1px dotted rgb(33, 78, 169);
}

.bktinf, .formdeliverymethod {
    padding: 10px;
}

.bktinf li, .formdeliverymethod div {
    margin: 5px 5px 7px 5px !important
}

.vin_myname {
    margin: 5px 0 0 0;
}

.vin_mynumber_warp {
    margin: 15px 0 0 0;
}

.vin_tlf-nubm {
    margin: 7px 0 0 0;
}

.tlf_example {
    font-size: 11px;
    color: rgb(153, 153, 153);
    margin: 5px 0 0 0;
}

.vin_email_warp {
    margin: 15px 0 0 0;
}

.vin_email {
    margin: 5px 0 0 0;
    display: none;
}

#SearchAutoComplete {
    background-color: #fff;
    border-radius: 2px;
    display: none;
    width: 538px;
    padding-bottom: 20px;
    z-index: 100;
    position: relative;
}

.header_ordering-page {
    height: 100px;
    border-bottom: 1px solid #f5f5f5;
    background-color: white;
    position: relative;
}

.hdr_blue-line-top {
    width: 100%;
    min-width: 1178px;
    background-color: #224fa9;
    height: 4px;
}

.header_ordering_page {
    width: 1178px;
    height: 95px;
    margin: 0 auto;
    position: relative;
}

.massive-logo {
    display: inline-block;
    height: inherit;
    line-height: 95px;
    vertical-align: top;
    margin: 0 0 0 160px;
    position: relative;
}

p.example_placeholder {
    font-size: 11px;
    color: #999;
    margin: 7px 0 0 0;
}

.massive-logo img {
    vertical-align: middle;
}

.client_data-list li > input {
    width: 300px;
}

.client_data-list li {
    margin: 0px 0 16px 0;
}

.hdr_tlf-item {
    height: inherit;
    display: inline-block;
    width: 180px;
    margin: 0 0 0 320px;
}

.header_ordering_page .hdr_tlf-nbr {
    margin: 0 0 0 0;
    height: 50px;
    position: absolute;
    top: 31px;
    right: 185px;
    width: 174px;
}

.ordering_page-main {
    width: 1178px;
    margin: 0 auto;
}

.ordering_input-list {
    display: inline-block;
    width: 400px;
    margin: 10px 0 200px 170px;
}

.bkt2 {

}

.bktinf span {
    margin-left: 5px;
}

.checkout-radio-label__img {
    margin-left: 15px;
}

.my_order-list-check1 {
    display: inline-block;
    width: 400px;
    min-height: 100px;
    vertical-align: top;
    margin: 45px 0 0 137px;
}

.center_line-order {
    max-width: 300px;
    line-height: 22px;
    max-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666666;
}

.my_order-list {
    border-bottom: 1px solid #cccccc;
    margin: 15px 0 0 0;
}

.my_order-list li {
    height: 60px;
    padding: 10px 0 10px 0;
    border-bottom: 1px dashed #cccccc;
}

.my_order-list li:last-child {
    border-bottom: none;
}

.item_cost_by-quantity {
    color: #333333;
}

.corect_order-icon {
    background-position: -140px -66px !important;
    width: 16px;
    height: 18px;
    display: inline-block;
    margin: 0 7px 0 0;
}

.order_total-text {
    display: inline-block;
    font-weight: 700;
    margin: 0 25px 0 55px;
}
.cat-filters{
    position: relative;
}
.cat-filters-list{
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
}
.cat-filters-li{
    width: calc(20% - 30px);
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 20px
}
.cat-filters-img {
    height: 60px;
    position: relative;
}
.cat-filters:hover .cat-filters-link{
    color: #214ea9;
    text-decoration: unset;
}
.cat-filters img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    left: 0;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    mix-blend-mode: multiply;
}
.order_total-cost {
    display: inline-block;
    font-weight: 700;
    color: #bf1e2e;
    font-size: 24px;
}

.client_data-list {
    margin: 15px 0 0 0;
}

.order_total-cost-warp {
    margin: 8px 0 0 0;
}

.proc {
    font-size: 18px;
    font-weight: bold;
}

.class-nm {
    display: none;
}

#msl_lev {
    width: 100%;
    height: 30px;
    position: absolute;
    z-index: 5;
}

.save-basket {
    width: 400px;
    height: 400px;
    padding: 0 0 0 16px;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    margin-top: 10%;
}

.save-basket input {
    width: 330px;
}

.save-basket img {
    width: 200px;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
}

#formphone_num + .example_placeholder {
    margin-bottom: 10px;
}

formphone_num + .example_placeholder {
    margin-bottom: 10px;
}

.save_basket-btn {
    width: 190px;
    margin: -4px 17px 0 1px;
}

.save-basket > h1 {
    margin: 13px 0 0 0;
    height: 25px;
}

.massive-logo:hover {
    cursor: pointer;
}

.questions_list-warp {
    width: inherit;
}

.ask-questions-warp {
    width: 1178px;
    margin-bottom: 73px;
}

.my_order-list-warp .analog_foto-preview {
    width: 59px;
    height: 59px;
    line-height: 59px;
}

.my_order-list-warp .analog_foto-preview img {
    display: block;
}

.massive_face-icon {
    display: inline-block;
    margin: 4px 60px 0 50px;
    width: 290px;
    height: 295px;
}

.massive_face-icon > img {
    width: 90%;
}

.form_questions-warp {
    display: inline-block;
}

.quest_textarea {
    width: 100%;
    box-sizing: border-box;
    height: 75px;
    padding: 10px;
}

.user_question p {
    display: inline-block;
}

.user_question {
    width: 620px;
    position: relative;
}

.user_question :first-child {
    margin-right: 16px;
}

.questions_sect-warp {
    width: 900px;
    margin: 36px 0 26px 142px;
}

.questions_sect-warp > li {
    margin-bottom: 2px;
    position: relative;
    min-height: 35px;
}

.questions_sect-warp li .arrow_down {
    top: 10px;
    right: 32px;
    position: absolute;
}

.questions_sect-title,
.pop_quest-test:hover {
    cursor: pointer;
    background-color: #f1f6ff;
    border-left: 1px solid #bf1e2e;
}

.display_none {
    display: none;
}

p.questions_sect-title {
    font-size: 18px;
    color: #333;
    margin: 0;
    padding: 0;
    height: 35px;
    background-color: #f1f1f1;
    padding-left: 20px;
    border-left: 1px solid white;
    box-sizing: border-box;
}

p.questions_sect-title:hover {
    background-color: #f1f6ff;
    border-left: 1px solid #bf1e2e !important;
}

.popular_questions {
    display: none;
    border-left: 1px solid #e5e5e5;
    margin: 1px 20px 12px 20px;
}

.popular_questions li {
    font-size: 16px;
    position: relative;
    padding-left: 55px;
    margin-left: 1px;
    border-left: 1px solid white;
}

.popular_questions li:first-child:before {
    content: " ";
    position: absolute;
    background-color: white;
    width: 3px;
    height: 13px;
    left: -4px;
    z-index: 3;
}

.popular_questions li:last-child:before {
    content: " ";
    position: absolute;
    background-color: white;
    width: 3px;
    height: 13px;
    left: -4px;
    z-index: 3;
    bottom: 0px;
}

.answer_active {
    background-color: #f1f6ff;
    border-left: 1px solid #bf1e2e !important;
}

.quest_title-active {
    font-weight: bold;
    color: #bf1e2e;
}

.pop_quest-test {
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding-left: 20px;
    border-left: 1px solid white;
}

.pop_quest-answer {
    display: none;
    margin: 0 0 0 0;
    padding: 9px 100px 11px 0;
}

.popular_questions .arrow_plus {
    top: 15px;
    right: 11px;
}

.arrow_plus {
    background: url(../image/icons/main_page_icons.png);
    background-position: -114px -210px;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
}

.arrow_minus {
    background-position: -137px -216px;
    height: 3px;
    top: 18px !important;
}

.ask-questions-warp h1.section_title {
    margin-bottom: 29px !important;
}

.text_input-correct {
    margin-top: 15px;
    margin-bottom: 15px !important;
    width: 100%;
}

form.user_question .btnsubmit {
    position: absolute;
    right: 0px;
}

.questions_sect-warp li:first-child > ul {
    display: block;
}

.example_block {
    display: block;
}

.questions_sect-warp > li:first-child > ul > li:nth-child(3) p.pop_quest-answer {
    display: block;
}

.form_box_warp {
    width: 620px;
}

.catalog_top-filter {
    height: 73px;
    padding: 0 0 0 132px;
}

.filter_by-country {
    width: 220px;
    margin: 15px 0 0 0;
    line-height: 37px;
    position: relative;
}

.filter_by-letter-alphabet li:hover {
    background-color: #2954ac;
    color: #fff;
    cursor: pointer;
}

#search_brand {
    margin: 0 10px 0 0;
}

.item_by-leter li > a {
    font-size: 14px;
    color: #2954ac;
    text-decoration: none;
}

.brand_preview-foto > img {
    width: 55px;
    vertical-align: middle;
}

.brand_preview-name {
    text-transform: uppercase;
    color: #2954ac;
    font-weight: bold;
}

.brand_preview-country {
    font-size: 12px;
    color: #666;
}

.brand_preview-www {
    font-size: 12px;
    color: #666;
}

.alphabet-title-letter {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
}

.brand_catalogs-about {
    margin: 38px 0 0 0;
}

.prev_parts-item-matching {
    width: 220px;
    height: 306px;
    background-color: #fff;
    transition: 0.4s;
}

.parts_fltr-left:last-child {
    margin: 0px;
}

.prev-parts-close {
    background-position: -79px -185px;
    width: 22px;
    height: 22px;
    margin: 0 auto;
}

.prev-parts-close:hover {
    cursor: pointer;
}

.prev_parts-item-matching {
    display: inline-block;
}

.parts_matching-list {
    min-width: 1178px;
    white-space: nowrap;
    overflow: hidden;
    margin: 7px 0 40px 0;
}

.parts_matching-item {
    min-width: 1178px;
}

.parts_matching-item > li {
    display: inline-block;
    width: 220px;
    margin-right: 16px;
}

.parts_matching-item > li:last-child {
    width: 218px;
    margin-right: 0px;
}

.parts_matching-item > li:first-child {
    text-align: right;
    width: 200px;
    padding-right: 20px;
}

.parts_fltr-left {
    width: 218px;
    height: 306px;
    display: inline-block;
    padding: 217px 0 0 0;
    font-size: 0px;
    box-sizing: border-box;
    margin-right: 20px;
}

.parts_list-top {
    font-size: 0px;
    margin: 40px 0 0 0;
}

.underline_link > div {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: bottom;
}

.toggle_different {
    margin: 0px !important;
}

.clean_parts-list {
    margin: 20px 0 0 0;
}

.parts_by-group-warp {
    width: 1178px;
    margin: 0 auto;
    display: inline-block;
}

.parts_group-warp {
    display: inline-block;
    margin: 2px 0 66px 0;
    position: relative;
    vertical-align: top;
    width: 386px;
}

.catparent {
    padding-bottom: 15px;
}

.catpar_main {
    display: block !important;
    margin-bottom: 15px;
}

.parts_group {
    min-height: 200px;
    display: inline-block;
    vertical-align: top;
    max-width: 240px;
}

.big-width-img {
    right: 40px !important;
}

.group_item-list {
    display: inline-block;
    height: auto;
    margin-bottom: 7px;
    overflow: hidden;
    max-width: 240px;
}

.group-title-link:hover > span {
    font-weight: bold;
    color: #bf1e2e;
}

.group-part-link:hover {
    text-decoration: underline;
}

.group-part-link:hover > span {
    color: #bf1e2e;
}

.group-title-link:hover {
    text-decoration: none;
}

.parts_group-img img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.filters_by-charcs-title {
    font-weight: 700;
    text-transform: uppercase;
    color: #224fa9;
    text-align: center;
    padding: 0px;
}

.group_item-list li {
    margin-bottom: 5px;
}

.parts_by-group-warp .underline_dotted {
    margin-top: 15px;
}

.group-title-link:hover {
    cursor: pointer;
}

.catparent li {
    padding-bottom: 5px;
    font-size: 12px;
    padding-left: 20px;
    height: 15px;
    overflow: hidden;
}

.charcs_list-title {
    background-color: #f1f6ff;
    width: 216px;
    box-sizing: border-box;
    border-bottom: solid 1px #e5e5e5;
    color: #214ea9;
    padding-left: 10px;
    line-height: 1.2;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
    padding-top: 6px;
    padding-bottom: 6px;
}

.charcs_price-range {
    height: 110px;
}

.charcs_brand-range {
    min-height: 90px;
    max-height: 260px;
    overflow: auto;
}

.charcs-list-active-warp {
    width: 216px;
    height: 70px;
    border-bottom: 1px dashed #e5e5e5;
    color: #214ea9;
    line-height: 70px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.charcs-list-active button {
    color: #666666;
    width: 120px;
    top: 15px;
    left: 50px;
}

.prev_parts-short-detail + button {
    color: #666666;
    top: 275px;
    left: 60px;
}

.charcs-list-active {
    height: 20px;
    width: inherit;
    text-align: center;
}

.clean_filter-icon {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: url(../image/icons/main_page_icons.png);
    background-position: -97px -212px;
    vertical-align: middle;
}

.integ_val-menu .year_menu {
    left: -402px;
}

.charcs-list-active > .underline_dotted {
    margin: 0 0 0 5px;
}

/* Стили для слайдер бегунка две рычага */
.price_range-val {
    margin-right: 20px;
    width: 64px;
    height: 37px;
    position: relative;
    font-size: 14px;
    color: #999;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #f1f1f1, #fff);
    background-image: -moz-linear-gradient(top, #f1f1f1, #fff);
    background-image: -o-linear-gradient(top, #f1f1f1, #fff);
    background-image: -ms-linear-gradient(top, #f1f1f1, #fff);
    background-image: linear-gradient(to bottom, #f1f1f1, #fff);
    padding: 0 0 0 3px;
}

.price_range_form {
    margin-left: 20px;
    position: relative;
}

#options {
    width: 300px;
    padding: 10px;
    border: 1px solid #074776;
}

#slider_price {
    margin: 20px 10px 40px 13px;
    width: 190px;
}

.activ_range_btn {
    content: " ";
    display: inline-block;
    width: 13px;
    height: 21px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -200px -152px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.activ_range_btn:hover {
    cursor: pointer;
}

/* Стили для слайдер бегунка две рычага */
.chekbox_charct {
    display: block;
    margin: 20px;
}

.chekbox_charct > label {
    color: #333333;
}

.disabled_checkbox label {
    color: #999999;
}

input[type="checkbox"] + label:before {
    margin-right: 15px;
}

.disabled_checkbox label:before {
    opacity: 0.2;
}

.disabled_checkbox label:hover {
    cursor: default !important;
}

.filter_scrolbar {
    padding-bottom: 3px !important;
    box-sizing: border-box;
    max-height: 340px;
}

.show_all_btn {
    width: 938px;
    margin-bottom: 15px;
}

.page_item {
    display: inline-block;
    background-color: #fff;
    border: solid 1px #dcdcdc;
    box-sizing: border-box;
    color: #214ea9;
    text-align: center;
    margin-right: 6px;
    font-size: 16px;
    vertical-align: middle;
    line-height: 27px;
    background-image: linear-gradient(to top, #e9e9e9, #fff);
    min-width: 27px;
}

.page_item a {
    padding: 0 2px 0 2px;
}

.page_item:hover {
    background-color: #90b2d8;
    background-image: linear-gradient(to bottom, #e9e9e9, #fff);
    cursor: pointer;
}

.page_item:active {
    background-image: none !important;
    background-color: #ededed !important;
    border: solid 1px #dcdcdc !important;
}

.page_active {
    color: #ffffff;
    background-color: #214ea9;
    background-image: none;
}

.page_active:hover {
    background-image: none;
    background-color: #214ea9;
    color: #ffffff;
    cursor: default;
}

.page_active:active {
    background-image: none;
    background-color: #214ea9;
    color: #ffffff;
}

.car_models-list {
    width: 100%;
    margin: 0 auto;
    font-size: 0px;
    margin-top: 20px;
}

.car_mod-line {
    display: inline-block;
    width: 240px;
    min-height: 100px;
    font-size: 14px;
    color: #2954ac;
    vertical-align: top;
    padding-right: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

.car_models-list .car_mod-line:last-child {
    width: 218px;
}

.car_md-lst li {
    margin-bottom: 10px;
    margin-left: 20px;
    text-transform: capitalize;
}

.car_md-lst li:hover {
    cursor: pointer;
}

.seo_for-parts {
    width: 1178px;
    margin: 0 auto;
}

.h1_seo-parts {
    font-weight: normal;
}

.p_seo-parts {
    margin-bottom: 10px;
    margin-top: 10px;
}

.h2_seo-parts {
    font-weight: normal;
    font-size: 18px;
}

.ul_seo-parts li {
    margin-bottom: 20px;
}

.car_md-lst li:first-child a {
    color: #333333;
}

.arrow_down:hover {
    background-position: -41px -192px;
}

.arrow_down:active {
    background-position: -25px -192px;
}

.arrow_down {
    width: 13px;
    height: 8px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -38px -42px;
}

.star {
    display: inline-block;
    vertical-align: middle;
    font-size: 0px;
}

.slide_hover-zon {
    width: 220px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid white;
    position: relative;
    z-index: 2;
    padding-top: 10px;
}

.slide-item:after {
    content: " ";
    height: 165px;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    z-index: 0;
    top: 40px;
    right: 0;
}

.slide_hover-zon:hover {
    -moz-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    webkit-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    box-shadow: 0px 0px 15px rgba(33, 78, 169, .47), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
}

.disp_show {
    display: inline-block !important;
}

.disp_hide {
    display: none !important;
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.car_md-lst a:hover {
    color: #224ea9;
}

.car_line-alon {
    width: 100%;
    overflow: initial;
    height: auto;
}

.mod_gray {
    color: #999999;
}

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
    background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px;
}

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
    display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
    left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
    left: 0px;
    min-height: 10px;
    width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left: 2px;
    top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    top: 2px;
    width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px;
}

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: -0px;
    width: 100%;
    top: 0;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #c0c0c0;
    width: 4px;
    height: 256px;
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    width: 4px;
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 2px 2px 2px 3px;
    right: -5px;
    top: 2px;
    width: 20px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    width: 15px;
    -webkit-border-radius: 2px/3px;
    -moz-border-radius: 2px/3px;
    border-radius: 2px/3px;
    background-color: #e1e1e1;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .39);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .39);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .39);
    border: solid 1px #dcdcdc;
    background-image: linear-gradient(to top, #e0e0e0, #fbfbfb);
}

.scroll-bar:hover {
    background-color: #90b2d8 !important;
    background-image: linear-gradient(to bottom, #e9e9e9, #fff) !important;
    cursor: pointer;
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
}

.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
    left: 1px;
    min-height: 45px !important;
    width: 15px;
    max-height: 45px !important;
    max-width: 15px;
    box-sizing: border-box;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
    width: 25px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
    left: 7px;
    background-color: #c0c0c0;
    height: 100%;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px;
}

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

.scroll-bar:active {
    background-image: none !important;
    background-color: #ededed !important;
    border: solid 1px #dcdcdc !important;
}

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
    height: 8px;
    min-width: 10px;
    top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
    left: 3px;
    min-height: 10px;
    width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px;
}

.scrolbar_dec {
    background: url(../image/icons/main_page_icons.png);
    background-position: -118px -252px;
    position: absolute !important;
    top: 17px !important;
    width: 7px !important;
    height: 12px !important;
    left: 3px !important;
}

.rught_style-log {
    background: url(../image/about_us/style_triangle2.png);
    background-repeat: repeat;
    display: inline-block;
    width: 300px;
    margin-left: 70px;
    vertical-align: top;
    opacity: 0.15;
    margin-top: 40px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
    margin-left: 20px;
}

.about-facts-i {
    width: 32%;
    display: inline-block;
    vertical-align: top;
}

.about-facts-i-head {
    font-size: 80px;
    color: #bf1e2e;
    position: relative;
    text-shadow: 0 0 1px rgba(0, 0, 0, .25);
    letter-spacing: -2px;
    font-family: helvetica;
}

.about-facts-i-head span {
    font-size: 30px;
    letter-spacing: normal;
}

.about-facts-i-text {
    font-size: 17px;
    color: #666;
}

.about-facts {
    margin-bottom: 30px;
}

.pay_del-info {
}

.pay_del-info-i {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    margin-right: 40px;
}

.pay_del-info-i:last-child {
    margin-right: 0px;
}

.pay_del-info-i-img {
    text-align: center;
}

.pay_del-info-i-text {
    text-align: center;
}

.pay_del-info img {
    height: 130px;
    margin: 0;
}

.pay_del-info-i-text span {
    font-size: 14px;
    color: #214ea9;
    text-decoration: none;
    border-bottom: 1px dotted rgb(33, 78, 169);
    font-weight: normal;
}

.pay_del-info-i-text p {
    margin-top: 20px;
    text-align: left;
}

.payment_info {
    margin-top: 20px;
}

.table-list {
    width: 100%;
    display: block;
}

.gds_seo ul {
    margin-left: 40px;
    margin-bottom: 15px;
}

.gds_seo ul li {
    margin-bottom: 5px;
}

.table-list li {
    height: 35px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 30px;
}

.table-header {
    background-color: #f1f6ff;
    color: #333333;
    border-bottom: none !important;
    margin-bottom: 1px solid white;
}

.table-list li div {
    display: inline-block;
    line-height: 35px;
    margin-right: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.engine_cod {
    width: 100px;
}

.eng_produc {
    width: 108px;
}

.eng_petrol {
    width: 88px;
}

.eng_pist-diam {
    width: 210px;
    text-align: center;
}

.eng_cilynd {
    width: 105px;
    text-align: center;
}

.eng_vol {
    width: 110px;
    text-align: center;
}

.eng_compresed {
    width: 72px;
    text-align: center;
}

.eng_power {
    width: 120px;
    text-align: center;
}

.engine_price-block {
    margin-top: 20px;
}

.engine_param:hover {
    cursor: pointer;
    background-color: #f3f3f3;
}

.engine_param {
    height: auto !important;
}

.eng_left-bl {
    margin-right: 16px;
    display: inline-block;
}

.eng_detail-block {
    margin-top: 20px;
    margin-bottom: 30px;
}

.eng_right-bl {
    width: 938px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-left: 1px solid white;
}

.eng_back-lnk {
    height: 33px;
    margin-bottom: 30px;
}

.arr_red-left {
    width: 16px;
    height: 26px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -275px -95px;
    display: inline-block;
    margin-right: 4px;
}

.eng_emp-foto {
    border: 1px solid #ececec;
    height: 155px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 154px;
    margin-left: 9px;
}

.eng_lst li {
    width: 12%;
    text-transform: uppercase;
}

.eng_lst > li:first-child:before {
    content: "\2022";
    color: #ffffff;
    margin: 0 6px 0 0;
    font-size: 14px;
    display: inline-block;
}

.eng_right-bl-header {
    margin-bottom: 30px;
}

.eng_right-bl div {
    display: inline-block;
    line-height: 30px;
    overflow: hidden;
    max-height: 30px;
}

.eng_table {
    box-sizing: border-box;
}

.eng_table > li {
    border-bottom: 1px solid #e5e5e5;
}

.eng-tbl-inner {
    font-size: 0px;
}

.eng_emp-foto img {
    margin: 0 auto;
    max-height: 140px;
    vertical-align: middle;
    width: 200px;
}

.eng-tbl-inner li {
    display: inline-block;
    width: 312px;
    height: 30px;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 20px;
    margin: 0;
    font-size: 14px;
    position: relative;
}

.eng-tbl-inner li:first-child {
    background-color: #f1f6ff;
    padding-left: 20px;
}

.eng-tbl-inner li:nth-child(2) {
}

.eng_table > li:nth-child(2) {
    border-top: 1px solid #e5e5e5;
}

.eng-tbl-inner li:last-child {
    background-color: #f1f6ff;
}

.eng_back-lnk {
    height: 30px;
    width: 100%;
    margin-bottom: 33px;
    line-height: 30px;
}

.eng_back-lnk a {
    vertical-align: top;
    height: 25;
    display: inline-block;
    line-height: 25px;
}

.eng-tbl-inner > li div:nth-child(2) {
    position: absolute;
    right: 20px;
    width: 70px;
}

.eng_det-parts-wrp {
    width: 100%;
    margin-bottom: 20px;
}

.eng-list-header {
    font-size: 24px;
    color: #333;
    text-align: center;
    height: 33px;
    background-color: #f1f1f1;
    line-height: 30px;
    width: 100%;
}

.eng_sect-title {
    height: 33px;
    background-color: #f7f7f7;
    font-size: 16px;
    color: #224fa9;
    padding-left: 40px;
    line-height: 33px;
    margin-bottom: 1px;;
}

.pagging + .mdl_st span {
    display: none;
}

.pagging + .mdl_st span.red_diz {
    display: contents;
}

.pagging + .mdl_st ul li {
    width: 12%;
}

.pagging + .mdl_st ul li:first-child {
    width: 100%;
}

.pagging + .mdl_st ul li:last-child {
    width: 200px;
}

.arrow_pls-quart {
    width: 19px;
    height: 19px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -132px -226px;
    display: inline-block;
}

.eng_detail-block .h3_seo span {
    color: #bf1e2e;
}

.eng_nm-parts {
    height: 33px;
    background-color: #f7f7f7;
    color: #224fa9;
    line-height: 33px;
    padding-left: 50px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
    display: block;
}

.eng_nm-parts-act {
    color: #333333;
}

.eng_nm-parts:hover {
    cursor: pointer;
    background-color: #f1f6ff;
}

.arrow_pls-quart:hover {
    cursor: pointer;
}

.arrow_mns-quart:hover {
    cursor: pointer;
}

.eng_sect-title:hover {
    cursor: pointer;
    background-color: #f1f6ff;
    color: #bf1e2e;
}

.eng_nm-parts:hover {
    background-color: #f1f6ff;
    text-decoration: underline;
}

.eng-grp-list .arrow_down, .eng-grp-list .arrow_up {
    position: absolute;
    top: 12px;
    left: 20px;
}

.characteristic {
    white-space: normal !important;
}

.eng_det-list li {
    position: relative;
    height: auto !important;
}

.eng_det-list li .arrow_pls-quart {
    position: absolute;
    top: 5px;
    left: 10px;
}

.arrow_pls-quart:hover {
    cursor: pointer;
    background-position: -80px -426px;
}

.arrow_pls-quart:active {
    background-position: -80px -446px;
}

.eng_nm-parts:hover .arrow_pls-quart:hover {
    cursor: pointer;
}

.eng_prt_img {
    width: 100px;
    position: relative;
}

.eng_prt_img img {
    position: absolute;
    margin: 5px auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    height: 100%;
}

li.engine_param > div {
    min-height: 35px;
}

.eng_prt_img + .eng_prt_nam {
    width: 350px;
}

.eng_prt_nam {
    width: 450px;
}

.eng_prod {
    width: 140px;
}

.eng_prt-numb {
    width: 140px;
}

.eng_prt-prc {
    width: 230px;
}

.eng_sect-title:active {
    color: #999999 !important;
    text-decoration: none !important;
}

.eng_nm-parts:active {
    color: #999999 !important;
    text-decoration: none !important;
}

.arrow_min-quart {
}

.eng_detail-block h3 > span {
    color: red;
}

.eng-grp-list {
    display: block;
}

.eng_used li {
    margin-bottom: 5px;
    padding-left: 30px
}

.hd_stk_cars, .hdr_usr-btn-menu-left {
    display: none;
}

.btn-srch-sml {
    width: 16px;
    height: 16px;
    background-position: -136px -155px;
    margin: 3px 0 0 0;
    display: none;
}

.adaptive_news-blk {
    display: none;
}

.hdr_tlf-callme .arrow_down {
    position: absolute;
    top: 12px;
    left: 9px;
}

.ftr_tlf .hdr_wrap-callme {
    margin: 5px 0 0 10px !important;
}

.indic_modul {
    width: 80px;
    height: 30px;
    position: absolute;
    top: -48px;
    left: 550px;
}

#left_liq-menu-z {
    position: absolute;
    z-index: 999;
    width: 288px;
    top: 52px;
    right: -1px;
    opacity: 1;
    background-color: #1d438f;
    display: none;
}

#left_liq-menu-z ul li {
    display: block;
    height: 33px;
    line-height: 33px;
    border-bottom: 1px solid #284f9d;
    text-align: center;
    margin-right: 0px;
    width: 288px;
}

#left_liq-menu-z ul li:hover {
    cursor: pointer;
    background-color: #224fa9;
}

#left_liq-menu-z ul {
    height: auto;
    width: 20px;
}

.menu_activ {
    height: 54px;
    background-color: #1d438f;
}

.menu_activ:hover {
    background-color: #1d438f;
}

.menu_activ .user-btn_menu {
    background-position: -103px -428px;
}

.prod_parts-item .prev_parts-short-detail {
    max-height: 45px;
    overflow: hidden;
}

.prod_filters .filt_ttl {
    position: relative;
    cursor: pointer;
}

.prod_filters .filt_ttl ~ .filter_box {
    display: none;
}

.prod_filters .charcs_list-title .arrow_down {
    top: 13px;
    right: 6px;
    position: absolute;
}
.selected_total_price.prc {
    font-size: 20px;
}

#current_option b {
    height: 100%;
    width: 20px;
    float: right;
    border-left: 1px solid grey;
}

#current_option b img {
    width: 10px;
    height: 10px;
    margin-top: 5px;
}

.value_menu {
    margin-top: -2px;
    background: white;
    border: solid 1px #7390c9;
    top: 43px;
    left: -1px;
    padding-left: 20px;
    z-index: -1;
    position: absolute;
    display: none;
    width: 620px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
}

#custom_options li:last-child {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

#custom_options li:first-child {
    margin-top: 4px;
}

.value_menu li:active {
    background: #122d62;
    color: white;
}

.year_ttl:hover {
    cursor: default;
}

.mark_menu li {
    width: 100px;
    text-align: left;
}

.integ_val-menu {
    display: inline-block;
}

.current_option-mark {
    position: relative;
    z-index: 6;
}

.model_menu li {
    width: 100px;
    text-align: left;
}

.model_menu {
    left: -201px;
}

#bodycar_opt-li, #engine_opt-li, #modific_opt-li, #carmodif_opt-li {
    display: none;
}

.bodycar_menu {
    left: -402px;
}

.bodycar_menu li {
    width: 100px;
    text-align: left;
}

.engine_menu {
    left: -490px;
}

#custom_select {
    width: 100px;
    text-align: center;
}

#current_option {
    width: 100%;
    background: #d2d2d2;
    border: 1px solid grey;
    line-height: 25px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#current_option:hover {
    background: #EBEBEB;
}

.vin_title {
    font-size: 24px;
    text-transform: uppercase;
    color: #333;
    line-height: 1.5;
    margin-bottom: 5px;
}

.vin_btn-warp {
    width: 150px;
}

#vin_request p {
    margin-bottom: 0px;
}

.wrk_pg {
    width: 150px;
    display: inline-block;
    margin-bottom: 10px;
}

.galklist > li {
    margin-bottom: 5px;
}

.empty_bsk {
    width: 250px;
    height: 300px;
    margin: 0 auto;
    text-align: center;
}

.basket_user-active h3 {
    margin: 20px 0 20px 20px;
}

.empty_bsk .basket_big-icon {
    margin: 0 auto;
    height: 90%;
}

.hdr_1clk-popup {
    width: 340px;
    height: 180px;
    display: none;
    bottom: 5px;
    left: 30px;
}

.hdr_1clk-popup-lft {
    width: 340px;
    height: 180px;
    display: none;
    bottom: 20px;
    right: -400px;
}

.bnr_btn {
    width: 148px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgb(51, 51, 51);
}

.news_block {
    width: inherit;
    height: 300px;
    display: inline-block;
}

.news_border-top {
    border-top: 1px solid #e5e5e5;
}

.news_title > a {
    font-size: 18px;
    color: #214ea9;
    text-decoration: none;
    max-height: 45px;
}

.popular_parts-group-title > a {
    text-decoration: none;
    font-size: 14px;
    color: #214ea9;
}

.active_menu {
    color: white;
    font-size: 14px;
    vertical-align: top;
}

.popular_parts-group-image {
    width: 220px;
    height: 110px;
    text-align: center;
    margin: 10px 0 19px 3px;
}

.popular_parts-group-btn {
    width: 220px;
    height: 37px;
    text-align: center;
}

.hlp_blk {
    padding-left: 20px;
    padding: 10px 20px 10px 20px;
}

.ppl_group-btn {
    width: 93px;
    font-size: 14px;
    color: rgb(51, 51, 51);
    line-height: 1.2;
    text-shadow: 0px 0px 1px #b5b5b5;
}

.popular_parts-group-laying {
    width: 20px;
    height: 219px;
    display: inline-block;
    background-position: -241px -41px;
    border-bottom: 1px solid #e5e5e5;
    margin: 56px 0 0px 0;
}

.popular_parts-group-laying-2px {
    width: 18px;
}

.popular_car-item-238px {
    width: 238px;
}

.popular_car-item:hover {
    box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
    box-sizing: border-box;
    cursor: pointer;
}

.my_car-id {
    display: none;
}

.popular_car-title a {
    text-decoration: none;
    display: block;
    color: rgb(102, 102, 102);
}

.popular_car a:hover .popular_car-title span {
    color: #214ea9;
}

.popular_car-icon {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    vertical-align: top;
    width: 60px;
    text-align: center;
}

.popular_goods-item {
    width: 220px;
    height: 306px;
    border: 1px solid white;
    display: inline-block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
    margin: 30px 0 0 0px;
}

.popular_goods-item a {
    text-decoration: none;
}

.popular_goods-item-laying {
    width: 20px;
    height: 189px;
    display: inline-block;
    background-position: -241px -41px;
    margin: 86px 0 0px 0;
}

.popular_goods-item-laying-2px {
    width: 18px;
}

.popular_goods-item:hover {
    box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
    box-sizing: border-box;
}

.popular_goods-title {
    font-size: 14px;
    color: #214ea9;
    margin: 0px 0 0px 0;
}

.popular_goods-price {
    font-size: 18px;
    color: #282828;
    font-weight: bold;
}

.popular_goods-image {
    margin: 0px 0 0px 0;
    height: 130px;
    line-height: 130px;
}

.ppl_goods-foto {
    max-height: 110px;
    vertical-align: middle;
}

.parts_no-foto {
    max-height: 110px;
    vertical-align: middle;
}

.popular_goods-review {
    height: 72px;
    width: inherit;
}

.popular_goods-buy {
    height: 63px;
    width: inherit;
}

.popular_goods-btn {
    width: 93px;
    margin: 0 auto;
    font-size: 14px;
    text-shadow: 0px 0px 1px #b5b5b5;
}

.popular_goods-item-topside {
    height: 171px;
    cursor: pointer;
    vertical-align: top;
}

.popular_goods-item-btmside {
    height: 135px;
}

.you_cr {
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.last_list-cor {
    height: 39px !important;
}

.my_car-id .arrow_down {
    display: none;
}

.main_seo-text h2 {
    margin-bottom: 19px;
}

.slide_last-item .pop_grp-ic {
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}

.rash_ic {
    background-position: -432px -390px;
    width: 111px;
    height: 76px;
}

.brake_ic {
    background-position: -182px -383px;
    width: 88px;
    height: 90px;
}

.eng_ic {
    background-position: -1px -492px;
    left: 1px;
    top: 492px;
    width: 110px;
    height: 102px;
}

.susp_ic {
    background-position: -350px -279px;
    left: 87px;
    top: 369px;
    width: 119px;
    height: 104px;
}

.kpp_ic {
    background-position: -285px -391px;
    width: 133px;
    height: 80px;
}

.coolin_ic {
    background-position: -117px -498px;
    width: 112px;
    height: 91px;
}

.electr_ic {
    background-position: -252px -491px;
    width: 100px;
    height: 103px;
}

.body_ic {
    background-position: -199px -287px;
    left: 199px;
    top: 287px;
    width: 141px;
    height: 85px;
}

.oil_ic {
    background-position: -1px -374px;
    width: 75px;
    height: 103px;
}

.used-icons {
    background-position: -432px -390px;
}

.slide_last-item {
    width: 234px;
    position: relative;
}

.form_box .user_question .prev-slide {
    background-position: -165px -150px;
    width: 17px;
    height: 26px;
    display: inline-block;
    position: absolute;
    top: -49px;
    left: 298px;
}

.slide-item:hover {
    cursor: pointer;
}

.popular_goods .slide-item:last-child {
    margin-right: 0px;
    width: 218px;
}

.car_wizard-main .my-car-form-list {
    padding: 0 0 0 0;
}

.Select_car .mark_menu {
    left: -1px;
}

.Select_car .model_menu {
    left: -202px;
}

.Select_car .year_menu {
    left: -402px;
}

.Select_car .bodycar_menu {
    width: 545px;
    left: -1px;
}

.Select_car .engine_menu {
    left: -203px;
    width: 545px;
}

.popular_car-wrap .underline_dotted {
    position: absolute;
    top: 7px;
    font-size: 14px;
    left: 582px;
}

.main_seo-text_item ul {
    margin: 0 0 13px 0;
}

.filter_by-country {
}

.Select_car {
    width: 874px;
    height: 220px;
    margin-bottom: 10px;
    padding: 5px 0px 15px 17px;
    position: relative;
    vertical-align: top;
    display: inline-block;
}

.select_car-properties {
    width: 600px;
    height: 37px;
    margin: 25px 0px 0px 0px;
}

.select_car-margin_right {
    margin-right: 15px;
}

/* ----------Start main -----------*/
.liquid_content {
    width: 100%;
}

.prev-parts-img .item {
    width: 180px;
    margin: 0 auto;
    max-height: 130px;
    height: 130px;
}

.navbar_dropdown-right:hover {
    cursor: default;
}

.navbar_dropdown-item {
}

.navbar_dropdown-item_big {
    font-size: 14px;
    color: #333333;
}

.navbar_dropdown-item a {
    font-size: 14px;
    color: #224fa9;
}

.parts_descript {
    height: auto;
}

.parts_descript .rught_style-log {
    height: 1100px;
}

.pop_grp-sprite {
    background: url(../image/Popular%20parts/Popular_Parts-sprite.png);
}

li.navbar_dropdown-item_big > a {
    font-size: 14px;
    color: #224fa9;
    font-weight: bold;
    cursor: default;
}

li.navbar_dropdown-item_big > a:hover, li.navbar_dropdown-item_big > a:active, li.navbar_dropdown-item_big > a:active, li.navbar_dropdown-item_big > a {
    cursor: default;
    text-decoration: none;
    border-bottom: none;
}

.select_car-properties {
    width: 600px;
    height: 37px;
    margin: 25px 0px 0px 0px;
}

.vin_title {
    font-size: 24px;
    text-transform: uppercase;
    color: #333;
    line-height: 1.5;
    margin-bottom: 5px;
}

.vin_btn-warp {
    width: 150px;
}

#vin_request p {
    margin-bottom: 0px;
}

.wrk_pg {
    width: 150px;
    display: inline-block;
    margin-bottom: 10px;
}

.galklist > li {
    margin-bottom: 5px;
}

.bnr_price-uah {
    width: 180px;
    height: 64px;
    font-size: 38px;
    font-family: "DINPro";
    color: #bf1e2e;
    font-weight: bold;
    line-height: 1.2;
    position: absolute;
    top: 270px;
    left: 60px;
    text-align: center;
    text-transform: uppercase;
    -moz-transform: matrix(1.62599711152336, 0, 0, 1.60109449819212, 0, 0);
    -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    -ms-transform: matrix(1.62599711152336, 0, 0, 1.60109449819212, 0, 0);
}

.galklist .bnr_price-uah {
    width: 180px;
    height: 64px;
    font-size: 38px;
    font-family: "DINPro";
    color: #bf1e2e;
    font-weight: bold;
    line-height: 1.2;
    position: absolute;
    top: 270px;
    left: 60px;
    text-align: center;
    text-transform: uppercase;
    -moz-transform: matrix(1.62599711152336, 0, 0, 1.60109449819212, 0, 0);
    -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    -ms-transform: matrix(1.62599711152336, 0, 0, 1.60109449819212, 0, 0);
}

.redlist > li {
    margin-bottom: 5px;
}

.basket_user-active h3 {
    margin: 20px 0 20px 20px;
}

.bnr_price-uah:before {
    content: "от";
    font-size: 20px;
    color: #333333;
    text-transform: uppercase;
}

.bnr_price-uah:after {
    content: "грн";
    font-size: 20px;
    color: #333333;
    text-transfsorm: uppercase;
}

.news_border-top {
    border-top: 1px solid #e5e5e5;
}

.news_title > a {
    font-size: 18px;
    color: #214ea9;
    text-decoration: none;
    max-height: 45px;
}

.news_text-prev {
    width: inherit;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    max-height: 80px;
}

.popular_parts-group {
    width: 220px;
    height: 248px;
    border-bottom: 1px solid #e5e5e5;
    margin: 27px 0 0 0;
    display: inline-block;
    vertical-align: top;
}

.popular_parts-group-title {
    width: 220px;
    height: 18px;
    text-align: center;
    line-height: 1.2;
    margin: 12px 0 0 0;
}

.popular_parts-group-title > a {
    text-decoration: none;
    font-size: 14px;
    color: #214ea9;
}

.active_menu {
    color: white;
    font-size: 14px;
    vertical-align: top;
}

.popular_parts-group-image {
    width: 220px;
    height: 110px;
    text-align: center;
    margin: 10px 0 19px 3px;
}

.popular_parts-group-btn {
    width: 220px;
    height: 37px;
    text-align: center;
}

.hlp_blk {
    padding-left: 20px;
    padding: 10px 20px 10px 20px;
}

.ppl_group-btn {
    width: 93px;
    font-size: 14px;
    color: rgb(51, 51, 51);
    line-height: 1.2;
    text-shadow: 0px 0px 1px #b5b5b5;
}

.popular_parts-group-laying {
    width: 20px;
    height: 219px;
    display: inline-block;
    background-position: -241px -41px;
    border-bottom: 1px solid #e5e5e5;
    margin: 56px 0 0px 0;
}

.popular_parts-group-laying-2px {
    width: 18px;
}

.promo_carfast {
    width: 100%;
}

.promo_carfast li {
    display: inline-block;
    width: 30%;
}

.crf_list {
    width: 98%;

}

.popular_car-item {
    width: 235px;
    height: 64px;
    display: inline-block;
    padding: 0 0 0 20px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    box-sizing: border-box;
    border: 1px solid white;
}

.popular_car-item-238px {
    width: 238px;
}

.popular_car-item:hover {
    box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
    box-sizing: border-box;
    cursor: pointer;
}

.my_car-id {
    display: none;
}

.popular_car-title a {
    text-decoration: none;
    display: block;
    color: rgb(102, 102, 102);
}

.popular_car a:hover .popular_car-title span {
    color: #214ea9;
}

.popular_car-icon {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    vertical-align: top;
    width: 60px;
    text-align: center;
}

.popular_goods-item-laying-2px {
    width: 18px;
}

.popular_goods-item:hover {
    box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
    box-sizing: border-box;
}

.popular_goods-buy {
    height: 63px;
    width: inherit;
}

.popular_goods-btn {
    width: 93px;
    margin: 0 auto;
    font-size: 14px;
    text-shadow: 0px 0px 1px #b5b5b5;
}

.popular_goods-item-topside {
    height: 171px;
    cursor: pointer;
    vertical-align: top;
}

.popular_goods-item-btmside {
    height: 135px;
}

.main_seo-text h2 {
    margin-bottom: 19px;
}

.slide_last-item .pop_grp-ic {
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}

.rash_ic {
    background-position: -432px -390px;
    width: 111px;
    height: 76px;
}

.brake_ic {
    background-position: -182px -383px;
    width: 88px;
    height: 90px;
}

.eng_ic {
    background-position: -1px -492px;
    left: 1px;
    top: 492px;
    width: 110px;
    height: 102px;
}

.eng_carmod {
}

.susp_ic {
    background-position: -350px -279px;
    left: 87px;
    top: 369px;
    width: 119px;
    height: 104px;
}

.kpp_ic {
    background-position: -285px -391px;
    width: 133px;
    height: 80px;
}

.coolin_ic {
    background-position: -117px -498px;
    width: 112px;
    height: 91px;
}

.electr_ic {
    background-position: -252px -491px;
    width: 100px;
    height: 103px;
}

.body_ic {
    background-position: -199px -287px;
    left: 199px;
    top: 287px;
    width: 141px;
    height: 85px;
}

.oil_ic {
    background-position: -1px -374px;
    width: 75px;
    height: 103px;
}

.used-icons {
    background-position: -432px -390px;
}

.tlf_dsn {
    visibility: visible;
}

.next-slide {
    background-position: -200px -112px;
    width: 17px;
    height: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
}

/*index.css */
.form_box .user_question .prev-slide {
    background-position: -165px -150px;
    width: 17px;
    height: 26px;
    display: inline-block;
    position: absolute;
    top: -49px;
    left: 298px;
}

.slide-item:hover {
    cursor: pointer;
}

.popular_goods .slide-item:last-child {
    margin-right: 0px;
    width: 218px;
}

.car_wizard-main .my-car-form-list {
    padding: 0 0 0 0;
}

.Select_car .mark_menu {
    left: -1px;
}

.Select_car .model_menu {
    left: -202px;
}

.Select_car .year_menu {
    left: -402px;
}

.Select_car .bodycar_menu {
    width: 545px;
    left: -1px;
}

.Select_car .engine_menu {
    left: -203px;
    width: 545px;
}

.slide_hover-zon:hover {
    -moz-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    webkit-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    box-shadow: 0px 0px 15px rgba(33, 78, 169, .47), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
}

.content_main-block h1 {
    position: relative;
    z-index: 1;
}

.main_seo-text_item ul {
    margin: 0 0 13px 0;
}

.filter_by-country {
    display: none;
}

.Select_car {
    width: 874px;
    height: 220px;
    margin-bottom: 10px;
    padding: 5px 0px 15px 17px;
    position: relative;
    vertical-align: top;
    display: inline-block;
}

.ordering_page-main ul li:before {
    display: none;
}

.select_car-properties {
    width: 600px;
    height: 37px;
    margin: 25px 0px 0px 0px;
}

.select_car-input_field {
    width: 174px;
    height: inherit;
    background-color: #fff;
    border: solid 1px #ccc;
    display: inline-block;
    color: #ccc;
    box-sizing: border-box;
    vertical-align: top;
    margin-right: 15px;
}

.select_car_text {
    height: inherit;
    width: 146px;
    display: inline-block;
    padding: 8px 10px 10px 10px;
    box-sizing: border-box;
    font-family: "Open Sans";
    font-size: 14px;
    vertical-align: top;
}

.select_car-margin_right {
    margin-right: 15px
}

.vin_title {
    font-size: 24px;
    text-transform: uppercase;
    color: #333;
    line-height: 1.5;
    margin-bottom: 5px;;;
}

.vin_btn-warp {
    width: 150px;
}

.vin_btn-send {
    width: 150px;
    font-size: 14px;
    color: #333;
    margin-top: 20px;
}

#more_item {
    position: absolute;
    left: 0px;
    top: 65px;
}

.bnr_price-uah:before {
    content: "от";
    font-size: 20px;
    color: #333333;
    text-transform: uppercase;
}

.bnr_price-uah:after {
    content: "грн";
    font-size: 20px;
    color: #333333;
    text-transfsorm: uppercase;
}

.dsn {
    display: none;
}

.dsb {
    display: block;
}

.pointer {
    font-size: 14px;
}

.popular_parts-group-image {
    width: 220px;
    height: 110px;
    text-align: center;
    margin: 10px 0 19px 3px;
}

.popular_parts-group-btn {
    width: 220px;
    height: 37px;
    text-align: center;
}

.ppl_group-btn {
    width: 93px;
    font-size: 14px;
    color: rgb(51, 51, 51);
    line-height: 1.2;
    text-shadow: 0px 0px 1px #b5b5b5;
}

.vin_mycar_warp select {
    width: 100%;
    margin-top: 7px;
}

.popular_parts-group-laying {
    width: 20px;
    height: 219px;
    display: inline-block;
    background-position: -241px -41px;
    border-bottom: 1px solid #e5e5e5;
    margin: 56px 0 0px 0;
}

.popular_parts-group-laying-2px {
    width: 18px;
}

.popular_car-wrap h2 {
    margin-bottom: 19px;;
}

.popular_car-item-238px {
    width: 238px;
}

.popular_car-item:hover {
    box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
    box-sizing: border-box;
    cursor: pointer;
}

.popular_car-title {
    width: 100px;
    height: inherit;
    display: inline-block;
    vertical-align: top;
    line-height: 64px;
    margin: 0 0 0 20px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    overflow: hidden;
}

.popular_car-title a {
    text-decoration: none;
    display: block;
    color: rgb(102, 102, 102);
}

.popular_car a:hover .popular_car-title span {
    color: #214ea9;
}

.popular_car-icon {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    vertical-align: top;
    width: 60px;
    text-align: center;
}
.prev_parts-list-cat{
    position: relative;
    font-size: 0px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-left: -3px;
    margin-top: 20px;
}
.prev_parts-list-cat>li{
    vertical-align: top;
    width: 216px;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 19px;
}

.audi_icon {
    background-position: -192px -52px;
}

.bmw_icon {
    background-position: -62px -101px;
}

.chevrolet_icon {
    background-position: 1px 5px;
}

.citroen_icon {
    background-position: -4px -47px;
}

.daewoo_icon {
    background-position: -254px -50px;
}

.fiat_icon {
    background-position: -62px 8px;
}

.ford_icon {
    background-position: -252px -112px;
}

.honda_icon {
    background-position: -4px -156px;
}

.Hyundai_icon {
    background-position: -125px -162px;
}

.kia_icon {
    background-position: -61px -162px;
}

.mazda_icon {
    background-position: -62px -42px;
}

.mercedes_icon {
    background-position: -257px 6px;
}

.nissan_icon {
    background-position: 0px 0px;
}

.peugeot_icon {
    background-position: 0px 0px;
}

.popular_goods-wrap {
    box-sizing: border-box;
    margin: 43px 0 0px 0px;
}

.popular_goods-item-laying-2px {
    width: 18px;
}

.popular_goods-item:hover {
    box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
    box-sizing: border-box;
}

.ppl_goods-foto {
    max-height: 110px;
    vertical-align: middle;
}

.parts_no-foto {
    max-height: 110px;
    vertical-align: middle;
}

.terms-title-warp .sklad-addr {
    display: none;
}

.viewAllComm .dotted_arrow-before {
    width: 100px;
}

.popular_goods-review {
    height: 72px;
    width: inherit;
}

.popular_goods-buy {
    height: 63px;
    width: inherit;
}

.popular_goods-btn {
    width: 93px;
    margin: 0 auto;
    font-size: 14px;
    text-shadow: 0px 0px 1px #b5b5b5;
}

.popular_goods-item-topside {
    height: 171px;
    cursor: pointer;
    vertical-align: top;
}

.main_seo-text .rught_style-log {
    height: 1076px;
}

.popular_goods-item-btmside {
    height: 135px;
}

.main_seo-text_item {
    width: inherit;
    font-size: 12px;
    color: #666;
    line-height: 1.2;
}

.last_list-cor {
    height: 39px !important;
}

.main_seo-text h2 {
    margin-bottom: 19px;
}

.slide_last-item .pop_grp-ic {
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}

.used-icons {
    background-position: -432px -390px;
}

.slider_last-item {
    margin: 20px 0 23px 0;
}

.wizard_my-car-form
.prev_parts-list .ftl-info-right {
    margin-left: 40px;
}

.prev_parts-list .futile_srch-bottom {
    padding-top: 0px;
    position: relative;
    width: 1178px;
}

.indicate_slide {
    background: url(../image/icons/main_page_icons.png);
    background-position: -70px -116px;
    position: absolute;
    width: 46px;
    height: 11px;
    top: 5px;
}

.popular_goods .slide-item:last-child {
    margin-right: 0px;
    width: 218px;
}

/*
.car_wizard-main .my-car-form-list li:nth-child(3n) {
  margin-right: 0px;
}/**/
.Select_car .engine_menu {
    left: -202px;
    width: 545px;
}

.default_mark {
    display: none;
}

.Select_car .modific_menu {
    max-width: 300px;
    left: -160px;
}

.Select_car .modific_menu > li {
    display: block;
    text-align: left;
}

.wizard-main_compl {
    display: none;
    font-size: 14px;
}

.slide_hover-zon:hover {
    -moz-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    webkit-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    box-shadow: 0px 0px 15px rgba(33, 78, 169, .47), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
}

.popular_goods .slide_hover-zon:last-child {
    width: 218px;
}

.main_seo-text_item ul {
    margin: 0 0 13px 0;
}

.filter_by-country {
    display: none;
}

/* FINISH MAIN */
/* Стили Developer */
.form_box1 {
    display: block;
    vertical-align: top;
}

.ziM100 {
    z-index: -100;
}

ul.ulinfotd {
    text-align: left;
}

ul.ulinfotd li {
    margin: 3px 7px 14px;
    border-bottom: 1px solid #e2e2e2;
}

.dinlbl {
    display: inline-block !important;
}

.sh_link {
    text-align: left;
    display: inline-block;
    font-size: 14px;
}

.sh_info {
    display: inline-block;
    float: right;
}

.sh_subinfo {
    text-align: left;
    float: right;
    right: 5px;
}

.popup_h.img_h_html img {
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    left: 0;
    max-height: 100%;
}

.pr0 {
    padding-right: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.butwiz {
    background: #ffffff none repeat scroll 0 0 !important;
    border: medium none !important;
    position: relative;
    top: -15px;
    display: none;
}

.file_ic {
    background-position: -230px 2px;
    height: 39px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    right: auto;
    top: 10px;
    width: 39px;
}

.ord_ttl {
    display: none;
    position: absolute;
    width: 50px;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
}

.reg_inf {
    font-size: 12px;
    color: #666666;
}

.faile_info {
    color: #bf1e2e;
    display: inline-block;
    margin: 16px;
    color: #333333;
    font-size: 16px;
    margin-top: 30px;
}

.mrb40 {
    margin-bottom: 40px;
}

.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}

.pagination > li {
    display: inline;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
    z-index: 2;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
    z-index: 2;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}

.log_req {
    font-size: 18px;
}

.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

.CityList {
    display: none;
    min-height: 100px;
    top: 40px;
    width: 175px !important;
    z-index: 1;
}

.mainchcity {
}

.selectCityInput input {
    color: #6e6e6e;
    font-size: 16px;
    height: 32px;
    margin-top: 5px;
    padding-left: 10px;
    margin-bottom: 10px;
}

#ajaxloader_city, #ajaxloader_city1 {
    display: none;
    position: absolute;
    right: 4px;
    top: 28px;
}

#ajaxloader_city1 {
    display: none;
    position: absolute;
    right: 4px;
    top: 23px;
}

.city_name {
    font-size: 11px;
    padding-left: 5px;
}

.sklad-addr a span {
    font-size: 11px;
    position: absolute;
    top: 3px;
}

.regions .city_select {
    font-size: 18px;
}

.autoComplete1 {
    background-color: #ffffff;
    position: absolute;
    width: 250px !important;
    z-index: 1000;
    padding: 20px;
}

.autoComplete1 li {
    list-style-type: none;
}

.pagination a {
    text-decoration: none !important;
}

.black {
    color: black !important;
}

.w1200 {
    margin: 0 !important;
    width: 1200px !important;
}

.mrb10 {
    margin-bottom: 10px;
}

.sh_info, sh_subinfo, sh_link, popup_h {
    font-size: 14px;
    color: #000;
}

.sh_subinfo img {
    cursor: pointer;
}

.sh_subinfo {
    position: relative;
}

.popup_h {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    box-shadow: 0 3px 4px #cdcdcd;
    height: 300px;
    overflow-y: scroll;
    padding: 15px;
    position: absolute;
    right: 195px;
    width: 500px;
    display: none;
}

.img_h_html {
    height: 150px;
    overflow-y: auto;
    width: 150px;
}

.bl {
    display: block !important;
}

.br-theme-css-stars .br-widget {
    height: 28px;
    white-space: nowrap;
}

.br-theme-css-stars .br-widget a {
    text-decoration: none;
    height: 18px;
    width: 18px;
    float: left;
    font-size: 23px;
    margin-right: 5px;
}

.br-theme-css-stars .br-widget a:after {
    content: "\2605";
    color: #dddddd;
}

.br-theme-css-stars .br-widget a.br-active:after {
    color: #ffdf88;
}

.br-theme-css-stars .br-widget a.br-selected:after {
    color: #ffdf88;
}

.br-theme-css-stars .br-widget .br-current-rating {
    display: none;
    position: absolute;
    right: -100px;
    bottom: -7px;
}

@media print {
    .br-theme-css-stars .br-widget a:after {
        content: "\2606";
        color: black;
    }

    .br-theme-css-stars .br-widget a.br-active:after,
    .br-theme-css-stars .br-widget a.br-selected:after {
        content: "\2605";
        color: black;
    }
}

.hdr_checknal-popup {
    background-color: #ffffff;
    border: 3px solid #214ea9;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.75);
    box-sizing: border-box;
    display: none;
    left: -53px;
    padding: 15px 18px 20px;
    position: relative;
    top: 2px;
    width: 282px;
    z-index: 2;
}

.myunitright {
    width: 120px;
}

.myunit thead {
    display: none;
}

#SearchAutoComplete .myunit, #SearchAutoComplete1 .myunit {
    width: 538px;
    background: #fff;
    border: none;
    font-size: 14px;
    border-collapse: collapse;
    padding-bottom: 20px;
}

#SearchAutoComplete .myunit th, #SearchAutoComplete1 .myunit th {
    background: #fff;
    border: none;
}

#SearchAutoComplete .myunit tr, #SearchAutoComplete1 .myunit tr {
    background: #fff;
    height: 30px;
    border-bottom: 1px solid #f5f5f5;
    border-left: 20px solid white;
    border-right: 20px solid white;
}

#SearchAutoComplete .myunit td, #SearchAutoComplete1 .myunit td {
    border: none;
}

#SearchAutoComplete .myunit a, #SearchAutoComplete1 .myunit a {
    cursor: pointer;
}

#SearchAutoComplete .myunit a:hover, #SearchAutoComplete1 .myunit a:hover {
    cursor: pointer;
}

#SearchAutoComplete div.parts_name_list ul li, #SearchAutoComplete1 div.parts_name_list ul li {
    margin: 5px;
}

#SearchAutoComplete div.parts_name_list ul li a, #SearchAutoComplete div.parts_name_list ul li a:hover {
    cursor: pointer;
    font-size: 14px;
}

.highlight {
    color: #bf1e2e;
}

#loadingM1 {
    right: 40px !important;
    top: 15px !important;
}

.disp_show {
    display: inline-block !important;
}

.fs10 {
    font-size: 10px;
}

#basketitemlist {
    margin: 5px;
    min-height: 100px;
}

.login_if-user {
    margin: 10px 0;
}

.loadReg {
    bottom: 128px;
    display: block;
    position: absolute;
    right: 60px;
}

.w100 {
    width: 100px;
}

.w50 {
    width: 50px;
}

.w152 {
    width: 152px;
}

.w200 {
    width: 200px;
}

.w300 {
    width: 300px;
}

.ttl_mdllist h1 {
    margin-top: 0px;
    display: inline-block;
}

.ordercomment {
    display: none !important;
}

#loadprodcat {
    width: 100%;
    text-align: center;
}

.ulTDimg {
    width: 60px;
}

.glbrD {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0;
}

/*index.css */
.dnr1, .dnr2, .dnr3, .dnr4, .dnr5, .dnr6, .dnr7, .dn, .dr1 {
    display: none !important;
}

/*index.css */
.end_hdr-stroke {
    height: 30px;
}

input:active {
}

textarea:active {
    outline: none;
}

textarea:focus {
    outline: none;
    border: 1px solid #7390c9;
}

input:focus {
    outline: none;
    border: 1px solid #7390c9;
}

button:active {
    background-image: none !important;
    background-color: #ededed;
    border: solid 1px #dcdcdc;
}

.list_zebra > li:hover {
    background-color: #f1f6ff;
    border-right: 1px solid #bf1e2e !important;
    border-left: 1px solid #bf1e2e !important;
    cursor: default;
}

.goods_page {
    margin: 0 auto;
    width: 1178px;
}

button:hover {
    cursor: pointer;
}

.main_h2 {
    font-size: 22px;
    text-transform: uppercase;
    color: #333;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 0px;
}

.bsk2 {
    border: solid 1px #b2b2b2;
    box-sizing: border-box;
}

h3.h3-title_bold {
    font-size: 22px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
}

.news_title-link {
    width: inherit;
    margin: 0 0 16px 0;
    font-size: 18px;
    display: block;
    max-height: 45px;
    overflow: hidden;
    position: relative;
}

.passage_menu-link {
    color: #666666;
}

.hdr_logo-icon a {
}

p.placeholder_upper {
    margin: 0 0 4px 0;
}

p.news_preview-text {
    width: inherit;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    position: relative;
    max-height: 38px;
    line-height: 1.4;
}

.red_dot li:before {
    content: "\2022";
    color: #bf1e2e;
    margin: 0 6px 0 0px;
    font-size: 14px;
    display: inline-block;
}

.select_car-ttl {
    color: #333;
    line-height: 1.571;
}

.img_prev {
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    line-height: 54px;
    padding: 2px;
    display: inline-block;
}

.border_btm-grey {
    width: inherit;
    border-bottom: 1px solid #e5e5e5;
    height: 18px;
    box-sizing: border-box;
    text-align: center;
}

.border_red-triangle {
    background: url(../image/icons/main_page_icons.png);
    background-position: -276px -159px;
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
}

.item_quantity {
    font-size: 13px;
    color: #999999;
    font-weight: normal;
}

.total_group_quantity {
    font-size: 13px;
    color: #333333;
    font-weight: normal;
}

.passage_active {
    cursor: pointer;
    background-image: none !important;
    background-color: #214ea9 !important;
    color: #ffffff !important;
    border: 1px solid #214ea9 !important;
}

.passage_active .passage_menu-link {
    color: #ffffff;
}

.passage_active_page .passage_menu-link {
    color: #ffffff;
}

.passage_active_page {
    cursor: pointer;
    background-image: none !important;
    background-color: #214ea9 !important;
    color: #ffffff !important;
    border: 1px solid #214ea9 !important;
}

.fast_passage-list .passage_active_page:after {
    content: " ";
    width: 19px;
    height: 37px;
    display: inline-block;
    position: absolute;
    top: -1px;
    right: -11px;
    background: url(../image/icons/goods_icon.png);
    background-position: -138px -6px;
}

.border_activ-blue {
    box-sizing: border-box !important;
    -webkit-box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    -moz-box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    box-shadow: 0 0 6px rgba(33, 78, 169, .47), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
}

/*.btn_blue-submit {
    background-color: #214ea9;
    border: solid 1px #1f4aa5;
    background-image: linear-gradient(to top, rgba(0,0,0,.19), rgba(255,255,255,.19));
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    border-bottom: solid 1px #bf1e2e;
}
*/
.btn-send_190 {
    width: 220px;
    height: 45px;
    font-size: 18px;
}

.btn_blue-submit:active {
    background-color: #112d62;
    border: solid 1px #1f4aa5;
}

.btn_blue-submit:hover {
    background-color: #295cc3;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .19), rgba(255, 255, 255, .19));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .19), rgba(255, 255, 255, .19));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .19), rgba(255, 255, 255, .19));
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .19), rgba(255, 255, 255, .19));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .19), rgba(255, 255, 255, .19));
}

.active_select .current_option[data-value=''] {
    font-size: 14px;
    background: -webkit-linear-gradient(90deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
}

.active_select .current_option[data-value='']:hover {
    background-color: #90b2d8;
    background-image: -webkit-linear-gradient(top, #e9e9e9, #fff);
    background-image: -moz-linear-gradient(top, #e9e9e9, #fff);
    background-image: -o-linear-gradient(top, #e9e9e9, #fff);
    background-image: -ms-linear-gradient(top, #e9e9e9, #fff);
    background-image: linear-gradient(to bottom, #e9e9e9, #fff);
    cursor: pointer;
}

.content_list li:before {
    content: "\2022";
    color: #bf1e2e;
    margin: 0 6px 0 0px;
    font-size: 14px;
    display: inline-block;
}

.title_section {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}

.container-fluid {
    width: 100%;
    min-height: 30%;
}

.img_ab-1 {
    width: 350px;
    margin: 10px;
}

.img_ab-2 {
    width: 200px;
}

.headline {
    width: 1178px;
    margin: 0 auto;
    font-size: 0px;
}
.headline_eb {
    width: 100%;
    height: 37px;
    margin: 0 auto;
    font-size: 0px;
    margin-top: -28px;
}

/* Start header */
header {
    width: 100%;
    height: 212px;
    margin-bottom: 20px;
}

.hidden {
    opacity: 0;
}

.visible {
    opacity: 1 !important;
}

.main_content-warp {
    width: 1178px;
    margin: 0 auto;
}

.displ_active {
    display: inline-block !important;
}

.animated {
    transition: 1s;
}

.delete {
    width: 22px;
    height: 22px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -79px -185px;
    position: absolute;
    top: 20px;
    right: 0px;
}

.myunit tr:hover {
    cursor: pointer;
    color: blue;
}

.delete:hover {
    cursor: pointer;
    background-position: -54px -27px;
}

.delete:active {
    background-position: -78px -27px;
}

.hdr_logo-short {
    display: inline-block;
    background-position: -8px -116px;
    width: 50px;
    height: 50px;
    margin: 0px 25px 0 5px;
}

.content_main-block {
    width: 1178px;
    margin: 0 auto;
    position: relative;
}

.user-btn_wish {
    background-position: -87px -1px;
    width: 30px;
    height: 17px;
    position: absolute;
    top: 12px;
    left: 3px;
}

.hdr_tlf_icon2:hover {
    cursor: pointer;
}

.popup_wind-close:a {
    cursor: pointer;
    background-color: #2a5fcb;
}

.my_inf {
    width: 400px;
    display: inline-block;
    margin: 35px 0 40px 163px;
}

.usr_dt {
    width: 100px;
    height: 25px;
}

.my_inf + .my_order-list-check {
    margin-left: 37px;
    width: 395px;
}

.car_indetif {
    display: inline-block;
    max-width: 475px;
}

#consultation1 ~ .consultation1 {
    margin-top: 10px;
}

/*----------- Finish header ----------*/
.ftl_srch-next-search {
    height: 37px;
    display: inline-block;
    font-size: 0px;
    position: relative;
    left: -444px;
    top: -50px;
    width: 347px;
}

#SearchAutoComplete .myunit tr, #SearchAutoComplete1 .myunit tr:hover {
    cursor: pointer;
}

#srch_repeat {
    display: inline-block;
    vertical-align: top;
}

.srch-form_repeat {
    width: 310px;
    display: inline-block;
    border-right: none;
    padding: 0 0 0 7px;
}

.srch-form_repeat:active {
    border-right: none;
}

.ftl_icon-sprite {
    background: url(../image/icons/vin-icons.png)
}

.my_car-id-min > .arrow_down {
    display: none;
}

.active_select {
    border: solid 1px #7390c9;
    color: #333;
    font-weight: 600;
    position: relative;
    z-index: auto;;;;;
}

.active_select:hover:after {
    background: url(../image/icons/main_page_icons.png);
    background-position: -8px -177px;
}

.active_select:after {
    background: url(../image/icons/main_page_icons.png);
    background-position: -8px -177px;
}

.my-car-form-input {
    display: inline-block;
    margin: 1px 24px 8px 0px;
    width: 173px;
}

.prev-parts-warp {
    width: 280px;
    min-height: 310px;
    display: none;
}

.prev_parts-item {
    width: 220px;
    background-color: #fff;
    border: solid 1px white;
    display: inline-block;
    background-color: white;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 7px;
}

.popular_goods .prev-parts-img img {
    height: 110px;
}

.prev-parts-price {
    font-size: 18px;
    font-weight: bold;
    color: #282828;
    max-height: 24px;
    overflow: hidden;
    margin: 4px 20px 0 20px;
    text-align: center;
}

.prev-parts-img .goods_sm-foto {
    height: 110px;
    margin-top: 15px;
}
.prev_parts-list {
    position: relative;
    font-size: 0px;
    display: inline-block;
    vertical-align: top;
    width: 954px;
    margin-left: -3px;
    margin-top:20px;
}

#cat_zap1 a {
    display: block;
}

.prev_parts-list > li {
    vertical-align: top;
    width: 220px;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 19px;
}
.ebstar {
    display: inline-block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.prev_parts-list li:nth-child(4n) {
    width: 218px;
}

.prev_parts-list li:nth-child(4n) > .prev-parts-warp {
    width: 218px;
    left: -1px;
}

.prev_parts-list li:nth-child(4n) > .prev_parts-item {
    width: 216px;
}

.btn-select {
    width: 95px;
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    position: absolute;
    right: -0px;
    top: -8px;
}

.prev_parts-short-detail {
    font-size: 11px;
    color: #666;
    margin: 0 0 0 10px;
}

.prev-parts-hover-menu {
    width: 260px;
    margin: 20px 0 0 0;
    padding: 0 0 0 5px;
    box-sizing: border-box;
    min-height: 1px;
    max-height: 1px;
    overflow: hidden;
}

.item_wish-warp {
    line-height: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 10px 0 0px;
}

.wish_item-link:hover {
    color: #bf1e2e;
    text-decoration: none;
}

/* Стили для каталога раскрывающегося товара */
.ppw_act {
    width: 300px;
    cursor: pointer;
    webkit-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    -moz-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    box-shadow: 0px 0px 15px rgba(33, 78, 169, .47), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
    position: absolute;
    z-index: 3;
    background-color: white;
    left: -20px;
    top: -20px;
    display: block;
}

.pphm_act {
    display: block;
    max-height: none;
    overflow: visible;
}

.ppi_act {
    background-color: white;
    position: absolute;
    z-index: 18;
    border: none;
}
#podbor_catalog_marka {
    margin-bottom: 20px;
}
.car_descript h2 {
  margin-bottom: 20px;
}
.car_descript img{
    max-width: 35%;
    display: block;
    margin: 0 auto;
}
/* Стили для каталога раскрывающегося товара */
.item_wish-logo {
    width: 19px;
    height: 12px;
    background-position: -72px -211px !important;
    display: inline-block;
    margin: 0px 5px 0 0;
    vertical-align: middle;
}

.wish_item-link {
    font-size: 11px;
    text-decoration: underline;
    color: #214ea9;
    display: inline-block;
}

.favoritee-logo {
    background-position: -46px -225px;
    width: 14px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;;
}

.item_instock {
    margin-top: 10px;
    width: 100%;
    font-size: 12px;
    color: #666;
    text-align: left;
    display: inline-block
}

.icon-yes {
    background-position: -75px -228px;
    width: 14px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    display: none;
}
.phone {
    display: none;
}
.zzz {
    min-height: 280px;
}

/* Стили для Активного Wizarda */
.wizard_active-car {
    width: inherit;
    margin: 0 auto;
    margin-top: 25px;
    position: relative;
    height: 100px;
    z-index: 1;
    background-color: #ffffff;
}

.found_item-quant {
    display: inline-block;
}

.found_bold {
    font-weight: bold;
    color: #333;
}

.my_car-id {
    font-weight: bold;
    display: inline-block;
    color: #333;
    margin: 0 0 0 160px;
}

.my_car-id:hover {
    cursor: pointer;
}

.my_car-modification p {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    margin: 0px;
    max-height: 15px;
    overflow: hidden;
}

.my_car-engine {
    max-height: 15px;
    overflow: hidden;
    display: block !important;
}

.my_car-modification {
    max-height: 30px;
}

.my_car-engine p {
    display: inline-block;
    font-size: 12px;
    height: 15px;
    vertical-align: top;
    margin: 0px;
}

.my_car-options {
    display: inline-block;
}

.engine-name {
    color: #999;
}

.my_car-options p {
}

.engine_volume {
    color: #333;
}

.modif-mycar-name {
    color: #999;
}

.modif-mycar-item {
    color: #333;
    max-width: 180px;
}

.my_car-menu {
    position: absolute;
    top: 25px;
    right: 5px;
    background-color: white;
}

.my_car-menu > a {
    margin-right: 15px;
}

.change_my-car {
    margin: 0px 20px 0 0;
}

.history_my-car {
    margin: 0px 22px 0 0;
}

.wizard_my-car div {
    display: inline-block;
    vertical-align: top;
}

.my_car-menu .arrow_down {
    display: inline-block;
}

/* конец Стили для Активного Wizarda */
/*Стили для  min - Wizarda */
.wizard_my-car-min {
    width: 1178px;
    height: 37px;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
}

.wizard_car-logo {
    background-position: -8px -223px;
    width: 30px;
    height: 14px;
    display: inline-block;
    position: relative;
    left: 10px;
    top: -5px;
}

.wizard_my-car-min > .my_car-id {
    vertical-align: top;
    margin: 8px 27px 0 22px;
}

.wizard_my-car-min > .my_car-options {
    margin: 1px 0 0 0;
}

.wizard_my-car-min > .my_car-menu {
    top: 6px;
    right: 6px;
}

/*Стили для  min - Wizarda */
/* Стили для формы */
.form_box {
    vertical-align: top;
    display: inline-block;
}

.form_style p {
    margin-bottom: 13px;
    position: relative;
}

.form_style .rcheck {
    margin-bottom: 10px;
}

.form_style p label {
    display: block;
    margin: 0 0 5px 0;
}

.example_for-input {
    font-size: 11px;
    color: #999;
}

.form_style .rcheck label {
    font-size: 13px;
    font-weight: normal;
    color: #444444;
    display: inline;
    vertical-align: top;
}

/*index.css */
.form_style input,
.form_style select {
    height: 37px;
    padding-left: 12px;
    font-size: 14px;
    margin-bottom: 2px;
    color: #333333;
}

.form_style input:focus,
.form_style select:focus {
    border: solid 1px #7390c9;
}

.form_style input.rf_error {
    border: solid 1px #db2428;
    background-image: -webkit-linear-gradient(top, #f1f1f1, #fff);
    background-image: -moz-linear-gradient(top, #f1f1f1, #fff);
    background-image: -o-linear-gradient(top, #f1f1f1, #fff);
    background-image: -ms-linear-gradient(top, #f1f1f1, #fff);
    background-image: linear-gradient(to bottom, #f1f1f1, #fff);
}

/* Стили для формы */
/* Стили для Slider static */
.slider {
    display: inline-block;
    position: relative;
    width: 938px;
    font-size: 0px;
    z-index: 1;
    overflow: hidden;
}

.prev-slide {
    width: 17px;
    height: 26px;
    position: absolute;
    right: 40px;
    top: 240px;
    background-position: -194px -306px !important;
}

.prev-slide, .next-slide:hover {
    cursor: pointer;
}

.prev-slide-disabled, .next-slide-disabled:hover {
    cursor: default;:
}

.next-slide:active {
    background-position: -194px -343px;
}

.next-slide-disabled {
    background-position: -194px -343px !important;
}

/* Стили для Slider static */
/* Стили для раскрывающихся списков-блоков */
.active_list-open > li {
    position: relative;
    cursor: pointer;
    margin-bottom: 2px;
}

.active_list-title {
    color: #224fa9;;
    margin: 0;
    padding: 0;
    height: 40px;
    background-color: #f1f1f1;
    padding-left: 40px;
    border-left: 1px solid white;
    box-sizing: border-box;
    line-height: 40px;
}

.active_list-title:hover {
    background-color: #f1f6ff;
    border-left: 1px solid #bf1e2e !important;
}

.active_list-title-hover {
    background-color: #f1f6ff;
    border-left: 1px solid #bf1e2e !important;
}

.arrow_top {
    background-position: -41px -178px !important;
}

.arrow_down,
.arrow_plus:hover, .arrow_up {
    cursor: pointer;
}

.order_date {
    color: #666666;
}

/* Стили для раскрывающихся списков-блоков*/
/* Стили для кнопок фильтров -синий-серый*/
.btn_filter-not_active {
    height: 23px;
    background-color: #f1f6ff;
    border: solid 1px #90b0ea;
    display: inline-block;
    font-size: 11px;
    color: #224fa9;
    line-height: 19px;
    text-align: center;
    box-sizing: border-box;
    padding-right: 20px;
    padding-left: 20px;
}

.btn_filter-not_active:hover {
    cursor: pointer;
    color: #bf1e2e;
}

.btn_filter-not_active:active {
    color: #999999;
    background-color: #f9f9f9;
    border: 1px solid #cacbcb;
}

.btn_filter_active {
    color: #999999;
    background-color: #f9f9f9;
    border: 1px solid #cacbcb;
    padding-right: 8px;
    padding-left: 8px;
}

.btn_filter_active:hover {
    cursor: default !important;
    color: #999999 !important;
}

.reg_inf {
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 20px;
}

.webItem {
    width: 1178px;
}

/* Стили для кнопок фильтров -синий-серый*/
@-webkit-keyframes loading {
    100% {
        -webkit-transform: rotate(1turn);
    }
}

@keyframes loading {
    100% {
        transform: rotate(1turn);
    }
}

.search_help {
    position: relative;
    top: -1px;
    left: 0px;
    width: 100%;
    border-bottom: 1px solid rgb(115, 144, 201);
    border-left: 1px solid rgb(115, 144, 201);
    border-right: 1px solid rgb(115, 144, 201);
    box-sizing: border-box;
    background-color: #f5f5f5;
    z-index: 105;
    color: #666666;
    font-size: 12px;
    line-height: 1.2;
    display: none;
}

.search_help a:hover {
    cursor: default;
    text-decoration: none;
    color: #224ea9;
}

.srch_radio-ch {
    position: absolute;
    top: 10px;
    right: 20px;
    display: none;
}

/* стилизация radio checkbox */
input[type="checkbox"] {
    display: none;
}

input[type="radio"] + label {
    cursor: pointer;
    padding-left: 0;
}

input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -103px -398px;
    position: relative;
    margin: 0 5px 0 0;
    left: 3px;
    top: 3px;
}

input[type="checkbox"]:checked + label:before {
    background-position: -122px -398px;
}

#custom_select {
    width: 100px;
    text-align: center;
}

#current_option {
    width: 100%;
    background: #d2d2d2;
    border: 1px solid grey;
    line-height: 25px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#current_option:hover {
    background: #EBEBEB;
}

#current_option b {
    height: 100%;
    width: 20px;
    float: right;
    border-left: 1px solid grey;
}

#current_option b img {
    width: 10px;
    height: 10px;
    margin-top: 5px;
}

.value_menu {
    margin-top: -2px;
    background: white;
    border: solid 1px #7390c9;
    top: 43px;
    left: -1px;
    padding-left: 20px;
    z-index: -1;
    position: absolute;
    display: none;
    width: 620px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
}

#custom_options li:last-child {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

#custom_options li:first-child {
    margin-top: 4px;
}

.value_menu li:active {
    background: #122d62;
    color: white;
}

.year_ttl:hover {
    cursor: default;
}

.mark_menu li {
    width: 100px;
    text-align: left;
}

.integ_val-menu {
    display: inline-block;
}

.current_option-mark {
    position: relative;
    z-index: 6;
}

.model_menu li {
    width: 100px;
    text-align: left;
}

.model_menu {
    left: -201px;
}

#bodycar_opt-li, #engine_opt-li, #modific_opt-li, #carmodif_opt-li {
    display: none;
}

.bodycar_menu {
    left: -402px;
}

.bodycar_menu li {
    width: 100px;
    text-align: left;
}

.engine_menu {
    left: -490px;
}

#custom_select {
    width: 100px;
    text-align: center;
}

#current_option {
    width: 100%;
    background: #d2d2d2;
    border: 1px solid grey;
    line-height: 25px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#current_option:hover {
    background: #EBEBEB;
}

#current_option b {
    height: 100%;
    width: 20px;
    float: right;
    border-left: 1px solid grey;
}

#current_option b img {
    width: 10px;
    height: 10px;
    margin-top: 5px;
}

.value_menu li {
    list-style: none;
    padding: 5px 10px 5px 10px;
    text-align: center;
    display: inline-block;
    line-height: 25px;
    font-weight: normal;
    color: #224ea9;
}

#custom_options li:last-child {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

#custom_options li:first-child {
    margin-top: 4px;
}

.value_menu li:hover {
    color: white;
    background: #2238a9;
    cursor: pointer;
}

.value_menu li:active {
    background: #122d62;
    color: white;
}

.car_wizard {
    margin-left: 2px;
}

.year_ttl {
    display: inline-block;
    font-weight: bold;
    margin-right: 15px;
}

.year_ttl:hover {
    cursor: default;
}

.integ_val-menu {
    border-bottom: none;
    margin-bottom: 2px !important;
    height: 43px;
}

.current_option-mark {
    position: relative;
    z-index: 6;
}

.wizard_h1 {
    position: relative;
    z-index: 8;
}

.my-car-form-input select {
    display: none;
}

.model_menu li {
    width: 100px;
    text-align: left;
}

#bodycar_opt-li, #engine_opt-li, #modific_opt-li, #carmodif_opt-li {
    display: none;
}

/* Стили для Option Dinamic */
#frm_recall .phonefield {
    width: 240px;
}

#frm_recall .enter_popup {
    margin-left: 102px !important;
}

.user_enter {
    margin: 0 auto !important;
}

.active_select:hover:after {
    background-position: -41px -177px !important;
}

.active_select:active:after {
    background-position: -25px -177px !important;
}

.next-slide:hover {
    background-position: -103px -181px;
}

.prev-slide:hover {
    background-position: -275px -95px;
}

.prev-slide-disabled:hover {
    background-position: -194px -306px !important;
}

.next-slide-disabled:hover {
    background-position: -194px -343px !important;
}

.next-slide:active {
    background-position: -194px -343px !important;
}

.prev-slide:active {
    background-position: -194px -306px !important;
}

.form_order-status input {
    width: 298px;
}

/* Корзина Popup*/
.basket_user-active {
    box-sizing: border-box;
    padding: 0 0 0 17px;
    margin: 0 auto;
    width: 745px;
    position: relative;
    margin-top: 50px;
    overflow: auto;
    min-height: 300px;
    max-height: 750px;
    margin-bottom: 250px;
}

.my_order-list-warp img {
    max-width: 56px;
    vertical-align: middle;
}

.basket_user-active h1 {
    margin: 13px 0 15px 0;
}

.basket_user-active .my_order-list {
    margin: -4px 0 0 0;
}

.basket_user-active .my_order-list li {
    padding: 20px 0 20px 0;
}

.basket_title-line {
    display: inline-block;
}

.basket_title-line div {
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 60px;
    line-height: 20px;
}

.goods_item-title {
    margin-right: 367px;
}

.goods_quantity-title {
    margin-right: 57px;
}

.goods_cost-title {
    margin-right: 10px;
}

.basket_total-cost {
    height: 100px;
    text-align: right;
    margin-bottom: 40px;
}

.order_total-warp {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    margin-right: 20px;
}

.order-total-mead > .order_total-text {
    margin-left: 2px;
    margin-top: 8px;
    margin-right: 26px;
}

.order_without-warp {
    height: 130px;
    background-color: #f1f6ff;
    width: 734px;
    margin: 12px 0 0 -17px;
    display: none;
}

.icon_basket-tlf {
    width: 27px;
    height: 43px;
    margin: 22px 30px 50px 36px;
    display: inline-block;
    background-position: -130px -169px !important;
}

.w-out-warp-right {
    display: inline-block;
    width: 620px;
    margin: 16px 0 0 0;
    vertical-align: top;
}

.w-out-warp-right h4 {
    margin-bottom: 0px;
}

.order_by-tlf-warp input.form_input {
    margin: 7px 5px 0 0;
}

.input_tlf-basket {
    width: 160px;
    margin-left: 3px;
}

.save_basket-btn {
    width: 100px;
}

.w-out-warp-right .example_placeholder {
    line-height: 1.2;
    padding-left: 3px;
    margin-bottom: 6px;
}

.item_add-quantity {
    display: inline-block;
    vertical-align: top;
    margin: 8px 14px 0px 0px;
    position: relative;
}

.quont-plus, .quont-minus {
    width: 38px;
    color: #1f4aa5 !important;
    border-bottom: 1px solid rgb(220, 220, 220) !important;
    text-align: center;
    line-height: 35px;
    position: relative;
}

.item_add-quantity input {
    font-size: 14px;
    color: #333333;
    width: 58px;
    height: 37px;
    box-sizing: border-box;
    border: 1px solid #7390c9;
    text-align: center;
    vertical-align: top;
}

.minus_it {
    width: 15px;
    height: 3px;
    background-color: #1f4aa5 !important;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    top: -2px;
    position: relative;
}

.plus_it {
    width: 3px;
    height: 15px;
    position: absolute;
    background-color: #1f4aa5 !important;
    top: 10px;
    left: 17px;
}

.my_order-list-warp {
    height: 60px;
    vertical-align: top;
    position: relative;
}

.item_summ {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    vertical-align: top;
    margin-top: 14px;
    position: relative;
}

.order_by-tlf-warp button {
    display: inline-block;
    width: 103px;
}

.order_by-tlf-warp p {
    display: inline-block;
}

.analog_foto-preview {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border: solid 1px #ccc;
    box-sizing: border-box;
    text-align: center;
    line-height: 100px;
    float: left;
}

.order_total-cost {
    display: inline-block;
    font-weight: 700;
    color: #bf1e2e;
    font-size: 24px;
}

.center_line-order {
    height: 20px;
    position: relative;
    top: -4px;
}

.my_order-list-warp .delete {
    top: 15px;
    right: 15px;
}

.order_by-tlf-warp input {
    width: 159px;
    margin-right: 6px;
}

.order_by-tlf-warp p {
    margin: 0;
}

.wiz_compl-car_foto img {
    width: 188px;
    margin: 0 auto;
    vertical-align: middle;
}

.wizard-main_compl .btn_wizard {
    display: inline-block;
    margin-top: 5px;
    position: static;
}

.car_modif-list {
    display: inline-block;
    color: #333333;
    max-width: 350px;
    overflow: hidden;
    margin-top: 2px;
    position: relative;
}

.Select_car .btn_wizard {
    bottom: 13px;
    left: 219px;
}

/* Корзина Popup*/
.err_500-left {
    background-position: 5px -189px;
}

.err_404-right {
    display: inline-block;
    margin: 70px 0px 0 0px;
    vertical-align: top;
}

.err_404-right_text {
    width: 490px;
    font-family: "Open Sans";
    font-size: 14px;
    color: #666;
    margin: 17px 0 0 0;
}

.err_404-right_btn {
    margin: 6px 0 0 0;
}

.err404-btn {
    width: 110px;
    font-size: 14px;
}

/* page_404*/
/* contacts_page*/
.page_contact-body {
    width: 1178px;
    height: 1155px;
    margin: 0 auto;
}

.title_warp {
    width: inherit;
    height: 42px;
    margin: 0 auto;
    padding: 20px 0 0 1px;
}

.contact_title {
    height: inherit;
    width: 220px;
    text-align: left
}

.contact_main-block {
    width: 1178px;
    height: 485px;
}

.contact_left-icon {
    background: url("../Image/Icons/contact-icon.png");
    width: 319px;
    height: 322px;
    display: inline-block;
    vertical-align: top;
    margin: 67px 0 0 38px;
}

.contact_center-info {
    display: inline-block;
    height: 455px;
    width: 395px;
    font-size: 14px;
    color: #333;
    vertical-align: top;
    margin: 41px 0px 0px 39px;
}

.contact_right-feedback {
    height: 485px;
    width: 320px;
    display: inline-block;
    margin: 0px 0 0 4px;
}

.contact_google-map {
    background-color: grey;
    width: 1178px;
    height: 485px;
    margin: 10px 0 0 2px;
}

.contact_city {
    width: 230px;
    height: 30px;
    position: absolute;
    display: inline-block;
    left: 468px;
}

.btn_activ-city {
    width: 92px;
    height: 22px;
    background-color: #f9f9f9;
    border: solid 1px #cacbcb;
    display: inline-block;
    font-size: 11px;
    color: #999999;
    line-height: 22px;
    text-align: center;
    margin: 0 15px 0 0;
}

.btn_activ-city:hover {
    color: #bf1e2e;
    cursor: pointer;
}

.contact_adres {
    display: inline-block;
    width: inherit;
    height: 45px;
    margin: 12px 0 0 0;
}

.contact_adres_title {
    font-weight: bold;
}

.contact_telephon-list {
    display: inline-block;
    width: 220px;
    margin: 18px 0 0 0;
    position: relative;
}

.contact_email {
    display: inline-block;
    width: 220px;
    height: 40px;
    color: #214ea9;
    margin: 12px 0 0 0;
}

.contact_work-time {
    display: inline-block;
    width: inherit;
    height: 80px;
    margin: 18px 0 0 0;
}

.contact_coment {
    display: inline-block;
    width: 385px;
    height: 95px;
    margin: 9px 0 0 0;
}

.title_feedback {
    font-size: 14px;
    color: rgb(71, 71, 71);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0 0 0 2px;
}

.feedback_myname, .feedback_tlf-nubm, .feedback_email {
    width: 300px;
}

#form_feedback-send {
    margin: 24px 0 0 0;
}

.feedback_message {
    width: 300px;
    height: 75px;
    margin: 20px 0 0 0;
}

.feedback_textarea_warp > p {
    position: relative;
    top: 15px;
}

.feedback_mynumber_warp {
    margin: 20px 0 0 0;
}

.feedback_mynumber_warp > p {
    position: relative;
    top: -7px;
}

.feedback_tlf-nubm + p {
    font-size: 11px;
    color: rgb(153, 153, 153);
    position: relative;
    top: 5px;
}

.feedback_email_warp {
    margin: 23px 0 0 0;
}

.feedback_email_warp > p {
    position: relative;
    top: -4px
}

.btn_feedback-send-warp {
    width: 300px;
    height: 37px;
    text-align: right;
    margin: 15px 0 0 0;
}

.feedback_icon-time {
    display: inline-block;
    position: relative;
    top: -23px;
    left: -3px;
    width: 30px;
    height: 30px;
    background-position: -269px -59px;
}

.feedback_icon-attention {
    display: inline-block;
    position: relative;
    top: -49px;
    left: -4px;
    width: 30px;
    height: 30px;
    background-position: -240px 1px;
}

.feedback_icon-loc {
    display: inline-block;
    left: 0px;
    width: 30px;
    height: 30px;
    background-position: -272px 1px;
    position: relative;
    top: -4px;
}

.feedback_icon-tlf {
    display: inline-block;
    left: 0px;
    width: 30px;
    height: 30px;
    background-position: -272px -28px;
    position: relative;
    top: -48px;
}

.feedback_icon-email {
    display: inline-block;
    left: -4px;
    width: 30px;
    height: 20px;
    background-position: -264px -180px;
    position: relative;
    top: 4px;
}

.contact_right-feedback p {
    margin-bottom: 0px;
}

.feedback_txt-warp {
    display: inline-block;
}

.btn_feedback-send {
    width: 191px;
}

.feedback_myname_warp > p {
    position: relative;
    top: -3px;
}

#map {
    width: 100%;
    height: 485px;
    margin: 32px 0 22px 0px;
}

.active-city {
    background-color: #f1f6ff;
    border: solid 1px #90b0ea;
    color: #224fa9;
    cursor: default;
}

.active-city:hover {
    cursor: default;
    cursor: #224fa9;
}

#map1 {
    width: 100%;
    height: 485px;
    margin: 32px 0 22px 0px;
}

/* contacts_page*/
/*order_sucess*/
.basket_order-id {
    font-size: 24px;
    color: #333;
    margin-bottom: 23px;
}

.order_id-red {
    font-weight: 700;
    color: #b32a28;
}

.red_letter {
    color: #bf1e2e;
    display: inline-block;
}

.tnanks_for-order {
    font-size: 16px;
    margin: -4px 0 39px 0px;
}

/*order_sucess*/
/*brand_page*/
.nav_by_same-letter {
    width: 220px;
    margin: 20px 16px 0 0;
    display: inline-block;
}

.same_letter-list-warp {
    margin: 30px 0 0 0;
}

.letter-list-title {
    font-weight: bold;
    color: #333;
    text-align: center;
    padding: 7px;
}

.brd_otz {
    margin: 0px 0 47px 0;
    height: 66px;
    max-width: 310px;
}

.review_active-right > p {
    margin: 0;
    width: 698px;
}

.answer_active-right > p {
    margin: 0;
    width: 618px;
}

.guest_review-active-warp {
    margin: 20px 0 10px 0;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 20px;
}

.answer_review-active-warp {
    margin: 20px 0 0 0;
    padding-bottom: 20px;
    font-size: 0;
}

.answer-review-left {
    width: 60px;
    height: 60px;
    margin: 6px 20px 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 60px;
}

.answer-review-left-icon {
    width: 16px;
    height: 8px;
    background-position: -119px -49px;
    margin: 0 auto;
    display: inline-block;
}

.review_active-left {
    display: inline-block;
    vertical-align: top;
    margin: 6px 0 0 0;
}

.review_active-right {
    display: inline-block;
    max-width: 50%;
}

.answer_active-right {
    display: inline-block;
}

.guest_review_name {
    font-size: 14px;
}

.author_registered_user-name:after {
    content: " ";
    display: inline-block;
    background: url(../image/icons/goods_icon.png);
    background-position: -22px -24px;
    width: 15px;
    height: 14px;
}

.author_icon {
    background-position: -1px -44px;
    width: 70px;
    height: 60px;
    margin: 0 10px 0 0;
}

.pose {
    position: absolute;
}

.date_review-added {
    font-size: 12px;
    color: #ccc;
    width: 70px;
    max-height: 14px;
    overflow: hidden;
}

.answer-review-left ~ .guest_review_name {
    margin: 0 0 0 80px;
}

.show_all-review {
    display: none;
}

.brand_media-left {
    display: inline-block;
    margin: 0px 16px 0 0;
    vertical-align: top;
}

.brand_content {
    margin-top: 10px;
}

.br_rat, .brd_char li {
    margin-bottom: 7px;
}

.br_rat div {
    display: inline-block;
}

.brand_content-right {
    display: block;
}

.back_catalog-warp .underline_dotted {
    vertical-align: top;
}

.brand_logo-img > img {
    vertical-align: middle;
    width: 178px;
    max-height: 100%;
}

.btn_br-parts {
    width: 220px;
    position: relative;
    padding-left: 30px;
}

.brand_main-info {
    width: inherit;
    margin: 10px 0 16px 0px;
}

.brand_main-info p {
    margin-bottom: 14px;
}

.brand_news > .h3-title_bold {
    display: inline-block;
}

.news_type-sm {
    font-size: 11px;
    color: #999;
}

.brand_news-list :last-child {
    margin: 0px;
}

.news_title-link {
    max-height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
    margin-bottom: 12px;
}

.brand_news-item p {
    max-height: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.brand_news {
    margin: 25px 0 40px 0;
}

/*brand_page*/
/*futile_search*/
p.vin_req {
    line-height: 1.286;
}

.vin_page {
    width: 1178px;
    min-width: 1178px;
    margin: 0 auto;
}

.vin_page-top {
    padding: 20px;
}

.vin-popup-marg {
    margin: 20px 20px 20px 20px;
}

.vin_page-title {
    height: 50px;
    width: inherit;
}

.futile_search {
    width: 1178px;
    margin: 0 auto;
}

.futile_srch-top {
    height: 281px;
    width: inherit;
    vertical-align: top;
    margin: 20px 0 0 0;
    font-size: 0px;
}

.ftl_srch-title {
    width: inherit;
    height: 30px;
}

.ftl_srch-title-part_number {
    color: #bf1e2e;
}

.ftl_srch-icon-warp {
    width: 300px;
    height: 220px;
    margin: 0 20px 0 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 53px 0px 0 2px;
}

.ftl_srch-icon {
    width: 122px;
    height: 122px;
    background-position: -293px -5px;
    margin: 0 auto;
}

.ftl_srch-about {
    display: inline-block;
    vertical-align: top;
    margin: 38px 0 0 0px;
}

.ftl_srch-about_list {
    margin: 12px 0 0 0;
}

.ftl_srch-about_list li {
    margin: 0 0 5px 0;
}

.ftl-icons-main {
    width: 262px;
    height: 230px;
    position: relative;
    z-index: 2;
    background-position: -14px -11px;
    top: 0px;
    left: 0px;
}

.ftl-icons-main2 {
    width: 214px;
    height: 138px;
    position: relative;
    z-index: 1;
    background-position: -370px -166px;
    top: -320px;
    left: 70px;
    margin: 0;
}

.ftl-info-right {
    display: inline-block;
    width: 690px;
    font-size: 0px;
}

.ftl-right-title {
    width: 380px;
    height: 30px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    margin: 0 0 5px 0px;
}

.vin_form-list {
    display: inline-block;
    width: 300px;
    margin: 9px 20px 0 0;
    vertical-align: top;
}

.vin_form-list_icons {
    width: 340px;
    height: 640px;
    margin: 18px 0 0 30px;
    display: inline-block;
}

.vin_number-icons {
    margin: 0 0 0 0;
    width: 322px;
    height: 101px;
    background-position: -29px -245px
}

.vin_fastime-icons {
    width: 57px;
    height: 67px;
    background-position: -524px -15px;
    top: 52px;
    left: 2px;
}

.vin_delivery-icons {
    width: 51px;
    height: 74px;
    background-position: -448px -12px;
    top: 93px;
    left: 2px;
}

.vin_number-text {
    top: -9px;
    left: -1px;
}

.vin_pickup-icons {
    width: 50px;
    height: 63px;
    background-position: -452px -105px;
    top: 134px;
    left: 2px;
}

.btn_vin_request {
    width: 300px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    height: 40px;
}

.vin_number_warp {
    margin: 0px 0 14px 0;
}

.vin_mycar_warp > p {
    margin: 0 0 0 0px;
}

.vin_fasttime-text {
    top: 64px;
    left: 2px;
}

.vin_delivery-text {
    top: 102px;
    left: 2px;
}

.vin_pickup-text {
    top: 145px;
    left: 2px;
}

.ctl_ttl_vin {
    width: 500px;
    height: auto;
}

.ctl_vin_ic {
    height: 500px;
}

.vin_input-parts_warp {
    margin: 14px 0 0 0px;
}

.vin_form-list input {
    width: 300px;
}

.vin_input-parts {
    margin: 7px 0 0 0;
    padding: 0 0 0 7px;
}

.vin_request-numb {
    margin: 5px 0 0 0;
}

.vin_mycar {
    margin: 5px 0 0 0;
}

.vin_input-parts_warp > p {
    margin: 0px 0 0 0px;
}

.vin_input-parts_more {
    margin: 10px 0 0 0;
    padding: 0 0 0 7px;
}

.vin_myname-warp {
    margin: 13px 0 0 0px;
}

.input_parts-more {
    margin: 6px 0 0 0;
}

.input_parts-more > a {
    font-size: 14px;
    color: rgb(33, 78, 169);
    text-decoration: none;
    border-bottom: 1px dotted rgb(33, 78, 169);
}

.vin_myname {
    margin: 5px 0 0 0;
}

.vin_mynumber_warp {
    margin: 15px 0 0 0;
}

.vin_tlf-nubm {
    margin: 7px 0 0 0;
}

.tlf_example {
    font-size: 11px;
    color: rgb(153, 153, 153);
    margin: 5px 0 0 0;
}

.vin_email_warp {
    margin: 15px 0 0 0;
}

.vin_email {
    margin: 5px 0 0 0;
    display: none;
}

#SearchAutoComplete {
    background-color: #fff;
    border-radius: 2px;
    display: none;
    width: 538px;
    padding-bottom: 20px;
    z-index: 100;
    position: relative;
}

/*futile_search*/
/*ordering_page*/
.order_total-cost-warp {
    margin: 8px 0 0 0;
}

.proc {
    font-size: 18px;
    font-weight: bold;
}

.class-nm {
    display: none;
}

#msl_lev {
    width: 100%;
    height: 30px;
    position: absolute;
    z-index: 5;
}

.save-basket {
    width: 400px;
    height: 400px;
    padding: 0 0 0 16px;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    margin-top: 10%;
}

.save-basket input {
    width: 330px;
}

.save-basket img {
    width: 200px;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
}

#formphone_num + .example_placeholder {
    margin-bottom: 10px;
}

formphone_num + .example_placeholder {
    margin-bottom: 10px;
}

.save_basket-btn {
    width: 190px;
    margin: -4px 17px 0 1px;
}

.save-basket > h1 {
    margin: 13px 0 0 0;
    height: 25px;
}

.massive-logo:hover {
    cursor: pointer;
}

/*ordering_page*/
/*popular_questions*/
.questions_list-warp {
    width: inherit;
}

.ask-questions-warp {
    width: 1178px;
    margin-bottom: 73px;
}

.massive_face-icon {
    display: inline-block;
    margin: 4px 60px 0 50px;
    width: 290px;
    height: 295px;
}

.massive_face-icon > img {
    width: 90%;
}

.analog_img{
    width: 100px;
    float: left;
}

.analog_img>img{
    max-width: 90px;
    max-height: 90px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.analog_descr{
    width: calc(100% - 100px);
    float: left;
    margin-top: 10px;
}

.analog_price{
    font-weight: bold;
}

.form_questions-warp {
    display: inline-block;
}

.quest_textarea {
    width: 100%;
    box-sizing: border-box;
    height: 75px;
    padding: 10px;
}

/*index.css */
#consultation input,
#consultation select {
    width: 300px;
}

.user_question p {
    display: inline-block;
}

.user_question {
    width: 620px;
    position: relative;
}

.user_question :first-child {
    margin-right: 16px;
}

.questions_sect-warp {
    width: 900px;
    margin: 36px 0 26px 142px;
}

.questions_sect-warp > li {
    margin-bottom: 2px;
    position: relative;
    min-height: 35px;
}

.questions_sect-warp li .arrow_down {
    top: 10px;
    right: 32px;
    position: absolute;
}

.questions_sect-title,
.pop_quest-test:hover {
    cursor: pointer;
    background-color: #f1f6ff;
    border-left: 1px solid #bf1e2e;
}

.display_none {
    display: none;
}

p.questions_sect-title {
    font-size: 18px;
    color: #333;
    margin: 0;
    padding: 0;
    height: 35px;
    background-color: #f1f1f1;
    padding-left: 20px;
    border-left: 1px solid white;
    box-sizing: border-box;
}

p.questions_sect-title:hover {
    background-color: #f1f6ff;
    border-left: 1px solid #bf1e2e !important;
}

.popular_questions {
    display: none;
    border-left: 1px solid #e5e5e5;
    margin: 1px 20px 12px 20px;
}

.popular_questions li {
    font-size: 16px;
    position: relative;
    padding-left: 55px;
    margin-left: 1px;
    border-left: 1px solid white;
}

.popular_questions li:first-child:before {
    content: " ";
    position: absolute;
    background-color: white;
    width: 3px;
    height: 13px;
    left: -4px;
    z-index: 3;
}

.popular_questions li:last-child:before {
    content: " ";
    position: absolute;
    background-color: white;
    width: 3px;
    height: 13px;
    left: -4px;
    z-index: 3;
    bottom: 0px;
}

.answer_active {
    background-color: #f1f6ff;
    border-left: 1px solid #bf1e2e !important;
}

.quest_title-active {
    font-weight: bold;
    color: #bf1e2e;
}

.pop_quest-test {
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding-left: 20px;
    border-left: 1px solid white;
}

.pop_quest-answer {
    display: none;
    margin: 0 0 0 0;
    padding: 9px 100px 11px 0;
}

.popular_questions .arrow_plus {
    top: 15px;
    right: 11px;
}

.arrow_plus {
    background: url(../image/icons/main_page_icons.png);
    background-position: -114px -210px;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
}

.arrow_minus {
    background-position: -137px -216px;
    height: 3px;
    top: 18px !important;
}

.ask-questions-warp h1.section_title {
    margin-bottom: 29px !important;;
}

.text_input-correct {
    margin-top: 15px;
    margin-bottom: 15px !important;
    width: 100%;
}

form.user_question .btnsubmit {
    position: absolute;
    right: 0px;
}

.questions_sect-warp li:first-child > ul {
    display: block;
}

.example_block {
    display: block;
}

.questions_sect-warp > li:first-child > ul > li:nth-child(3) p.pop_quest-answer {
    display: block;
}

.form_box_warp {
    width: 620px;
}

/*popular_questions*/
/*catalog_brand*/
.catalog_brand-main-filter {
    width: inherit;
}

.catalog_top-filter {
    height: 73px;
    padding: 0 0 0 132px;
    box-sizing: border-box;
    width: inherit;
}

.filter_by-country {
    width: 220px;
    line-height: 37px;
    position: relative;
}

.catalog_by-alphavite {
    margin: 0 auto;
    width: inherit;
    display: inline-block;
    font-size: 0px;
    padding-top: 29px;
}

.letter_of_the-alphabet {
    font-size: 0px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.item_by-leter {
    width: 220px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid white;
    margin-top: 5px !important;
}

.filter_by-brand-name {
    font-size: 0px;
    display: inline-block;
    height: 37px;
    margin: 15px 0 0 57px;
}

.filter_by-letter-alphabet li {
    display: inline-block;
    width: inherit;
    padding: 0 9px 0 9px;
    margin: 0px;
}

.filter_by-letter-alphabet {
    background-color: #f3f3f3;
    line-height: 40px;
    vertical-align: bottom;
    color: #2954ac;
    font-size: 24px;
    padding-left: 20px;
}

.filter_by-letter-alphabet li:hover {
    background-color: #2954ac;
    color: #fff;
    cursor: pointer;
}

#search_brand {
    display: inline-block;
    margin: 0 10px 0 0;
}

.item_by-leter li > a {
    font-size: 14px;
    color: #2954ac;
    text-decoration: none;
}

.item_by-leter li {
    padding: 0 0 5px 15px;
}

.by_line-wrap {
    display: inline-block;
    width: 220px;
    vertical-align: top;
    margin-right: 20px;
}

.brand_preview-info-warp {
    width: 333px;
    height: 82px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    -moz-box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
}

.brand1 {
    width: 333px;
    height: 82px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    -moz-box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    box-shadow: 0 0 6px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
    box-sizing: border-box;
    position: absolute;
    opacity: 1;
    display: none;
}

.brand_preview-foto {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: solid 1px #e2e2e2;
    box-sizing: border-box;
    display: inline-block;
    margin: 10px;
    text-align: center;
    line-height: 60px;
    vertical-align: top;
}

.brand_preview-foto > img {
    width: 55px;
    vertical-align: middle;
}

.brand_preview-right {
    font-size: 12px;
    color: #666;
    display: inline-block;
    margin: 10px 10px 10px 0px;
    height: 60px;
    width: 237px;
}

.brand_preview-right div {
    max-width: 237px;
    max-height: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.brand_preview-name {
    text-transform: uppercase;
    color: #2954ac;
    font-weight: bold;
}

.brand_preview-country {
    font-size: 12px;
    color: #666;
}

.brand_preview-www {
    font-size: 12px;
    color: #666;
}

.catalog_by-alphavite :last-child {
    width: 218px;
    margin: 0px;
}

.alphabet-title-letter {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
}

.brand_catalogs-about {
    margin: 38px 0 0 0;
}

/*catalog_brand*/
/*matching_parts*/
.prev_parts-item-matching {
    width: 220px;
    height: 306px;
    background-color: #fff;
    transition: 0.4s;
}

.parts_fltr-left:last-child {
    margin: 0px;
}

.prev-parts-close {
    background-position: -79px -185px;
    width: 22px;
    height: 22px;
    margin: 0 auto;
}

.prev-parts-close:hover {
    cursor: pointer;
}

.prev_parts-item-matching {
    display: inline-block;
}

.parts_matching-list {
    min-width: 1178px;
    white-space: nowrap;
    overflow: hidden;
    margin: 7px 0 40px 0;
}

.parts_matching-item {
    min-width: 1178px;
}

.parts_matching-item > li {
    display: inline-block;
    width: 220px;
    margin-right: 16px;
}

.parts_matching-item > li:last-child {
    width: 218px;
    margin-right: 0px;
}

.parts_matching-item > li:first-child {
    text-align: right;
    width: 200px;
    padding-right: 20px;
}

.parts_fltr-left {
    width: 218px;
    height: 306px;
    display: inline-block;
    padding: 217px 0 0 0;
    font-size: 0px;
    box-sizing: border-box;
    margin-right: 20px;
}

.parts_list-top {
    font-size: 0px;
    margin: 40px 0 0 0;
}

.underline_link > div {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: bottom;
}

.toggle_different {
    margin: 0px !important;
}

.clean_parts-list {
    margin: 20px 0 0 0;
}

.parts_group-img {
    display: inline-block;
    min-width: 131px;
    max-width: 10px;
    position: absolute;
    z-index: -3;
    top: 0px;
    right: 0px;
}

.group-title-link:hover > span {
    font-weight: bold;
    color: #bf1e2e;
}

.parts_by-group-warp .underline_dotted {
    margin-top: 15px;
}

.group-title-link:hover {
    cursor: pointer;
}

/*parts_group*/
/*page_car-parts-item*/
.filters_by-charcs {
    display: inline-block;
    width: 216px;
    border: solid 2px #e5e5e5;
    padding: 0 0 0px 0;
    margin: 0 0px 120px 0;
    position: relative;
    margin-top: 20px;
}

.integ_val-menu .year_menu {
    left: -402px;
}

.charcs-list-active > .underline_dotted {
    margin: 0 0 0 5px;
}

.chekbox_charct {
    display: block;
    margin: 20px;
}

.chekbox_charct > label {
    color: #333333;
}

.disabled_checkbox label {
    color: #999999;
}

input[type="checkbox"] + label:before {
    margin-right: 15px;
}

.disabled_checkbox label:before {
    opacity: 0.2;
}

.disabled_checkbox label:hover {
    cursor: default !important;
}

/* Стили для слайдер бегунка две рычага */
.filter_scrolbar {
    padding-bottom: 3px !important;
    box-sizing: border-box;
    max-height: 340px;
}

.pagging {
    text-align: center;
    margin: 0 auto;
}

.car_models-list .car_mod-line:last-child {
    width: 218px;
}

.car_md-lst {
    margin-bottom: 20px;
    margin-top: 30px;
}
.parts_by-group-warp {
    margin-top: 30px;
}
.car_md-lst li:hover {
    cursor: pointer;
}

/*page_car-parts-item*/
.arrow_down:hover {
    background-position: -41px -192px;
}

.arrow_down:active {
    background-position: -25px -192px;
}

.arrow_down {
    width: 13px;
    height: 8px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -38px -42px;
}

/*pop_item*/
.popular_goods {
    font-size: 0;
    margin-top: 20px;
    width: inherit;
    overflow: hidden;
    margin-bottom: 9px;
}

.slide_hover-zon:hover {
    -moz-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    webkit-box-shadow: 0 0 15px rgba(33, 78, 169, .27), 0 0 0 2px #fff;
    box-shadow: 0 0 15px rgba(33, 78, 169, .47), 0 0 0 2px #fff;
    border: solid 1px #214ea9;
}

/*pop_item*/
.disp_show {
    display: inline-block !important;
}

.disp_hide {
    display: none !important;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.car-mod-tp li:hover {
    cursor: default;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.city_tag {
    margin-bottom: 40px;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.city_seo li {
    width: 17%;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
    background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
    display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
    left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
    left: 0px;
    min-height: 10px;
    width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left: 2px;
    top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    top: 2px;
    width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: -0px;
    width: 100%;
    top: 0;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: #c0c0c0;
    width: 4px;
    height: 256px;
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    width: 4px;
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 2px 2px 2px 3px;
    right: -5px;
    top: 2px;
    width: 20px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    width: 15px;
    -webkit-border-radius: 2px/3px;
    -moz-border-radius: 2px/3px;
    border-radius: 2px/3px;
    background-color: #e1e1e1;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .39);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .39);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .39);
    border: solid 1px #dcdcdc;
    background-image: -webkit-linear-gradient(bottom, #e0e0e0, #fbfbfb);
    background-image: -moz-linear-gradient(bottom, #e0e0e0, #fbfbfb);
    background-image: -o-linear-gradient(bottom, #e0e0e0, #fbfbfb);
    background-image: -ms-linear-gradient(bottom, #e0e0e0, #fbfbfb);
    background-image: linear-gradient(to top, #e0e0e0, #fbfbfb);
}

.scroll-bar:hover {
    background-color: #90b2d8 !important;
    background-image: -webkit-linear-gradient(top, #e9e9e9, #fff) !important;
    background-image: -moz-linear-gradient(top, #e9e9e9, #fff) !important;
    background-image: -o-linear-gradient(top, #e9e9e9, #fff) !important;
    background-image: -ms-linear-gradient(top, #e9e9e9, #fff) !important;
    background-image: linear-gradient(to bottom, #e9e9e9, #fff) !important;
    cursor: pointer;
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
    left: 1px;
    min-height: 45px !important;
    width: 15px;
    max-height: 45px !important;
    max-width: 15px;
    box-sizing: border-box;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
    width: 25px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
    left: 7px;
    background-color: #c0c0c0;
    height: 100%;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

.scroll-bar:active {
    background-image: none !important;
    background-color: #ededed !important;
    border: solid 1px #dcdcdc !important;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
    height: 8px;
    min-width: 10px;
    top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
    left: 3px;
    min-height: 10px;
    width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px;
}

.scrolbar_dec {
    background: url(../image/icons/main_page_icons.png);
    background-position: -118px -252px;
    position: absolute !important;
    top: 17px !important;
    width: 7px !important;
    height: 12px !important;
    left: 3px !important;
}

/*************** SCROLLBAR BASE CSS ***************/
/* new css 14.10.16 */
.typical_page {
    width: 800px;
    display: inline-block;
}

.float-right {
    float: right;
    margin-left: 20px;
}

.about-facts-i {
    width: 32%;
    display: inline-block;
    vertical-align: top;
}

.about-facts-i-head {
    font-size: 80px;
    color: #bf1e2e;
    position: relative;
    text-shadow: 0 0 1px rgba(0, 0, 0, .25);
    letter-spacing: -2px;
    font-family: helvetica;
}

.about-facts-i-head span {
    font-size: 30px;
    letter-spacing: normal;
}

.about-facts-i-text {
    font-size: 17px;
    color: #666;
}

.about-facts {
    margin-bottom: 30px;
}

.pay_del-info {
}

.pay_del-info-i {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    margin-right: 40px;
}

.pay_del-info-i:last-child {
    margin-right: 0px;
}

.pay_del-info-i-img {
    text-align: center;
}

.pay_del-info-i-text {
    text-align: center;
}

.pay_del-info img {
    height: 130px;
    margin: 0;
}

.pay_del-info-i-text span {
    font-size: 14px;
    color: #214ea9;
    text-decoration: none;
    border-bottom: 1px dotted rgb(33, 78, 169);
    font-weight: normal;
}

.pay_del-info-i-text p {
    margin-top: 20px;
    text-align: left;
}

.payment_info {
    margin-top: 20px;
}

/* engine price */
.eng_nm-parts:hover {
    cursor: pointer;
    background-color: #f1f6ff;
}

.arrow_pls-quart:hover, .arrow_minus-quart:hover {
    cursor: pointer;
}

.arrow_mns-quart:hover {
    cursor: pointer;
}

.eng_sect-title:hover {
    cursor: pointer;
    background-color: #f1f6ff;
    color: #bf1e2e;
}

.eng_nm-parts:hover {
    background-color: #f1f6ff;
    text-decoration: underline;;
}

.eng-grp-list .arrow_down {
    position: absolute;
    top: 12px;
    left: 20px;
}

.eng_det-list li .arrow_pls-quart, .eng_det-list li .arrow_minus-quart {
    position: absolute;
    top: 5px;
    left: 10px;
}

.eng_nm-parts:hover .arrow_pls-quart:hover, .eng_nm-parts:hover .arrow_minus-quart:hover {
    cursor: pointer;
}

a:active {
    color: #999999 !important;
}

.eng_sect-title:active {
    color: #999999 !important;
    text-decoration: none !important;
}

.eng_nm-parts:active {
    color: #999999 !important;
    text-decoration: none !important;
}

.arrow_min-quart {
}

.btn-srch-sml {
    width: 16px;
    height: 16px;
    background-position: -136px -155px;
    margin: 3px 0 0 0;
    display: none;
}

.adaptive_news-blk {
    display: none;
}

#popup_test {
    display: none !important;
}

.hdr_tlf-callme .arrow_down {
    position: absolute;
    top: 12px;
    left: 9px;
}

#left_liq-menu-z ul li:hover {
    cursor: pointer;
    background-color: #224fa9;
}

.menu_activ {
    height: 54px;
    background-color: #1d438f;
}

.menu_activ:hover {
    background-color: #1d438f;
}

.menu_activ .user-btn_menu {
    background-position: -103px -428px;
}

.prod_parts-item .prev_parts-short-detail {
    max-height: 45px;
    overflow: hidden;
}

.prod_filters .filt_ttl {
    position: relative;
    cursor: pointer;
}

/* new css 14.10.16 */
/*Адаптивная верстка */

@media  screen and (min-width: 1178px) {
    .navbar_menu-list {
        display: flex !important;
    }
}

@media screen and (min-width: 980px) and (max-width: 1177px) {
    .eng_left-bl {
        display: none;
    }

    .br-med_right {
        width: 250px;
    }

    .prs-btm {
        width: 226px;
    }

    .brd_nm {
        display: none;
    }

    .br_rat, .brd_char li {
        margin-bottom: 4px;
    }

    .ftr_user-city,
    .popular_goods-wrap .prev_parts-list {
        width: 960px;
    }

    .brand_right-warp {
        width: 720px;
    }

    .catalog_top-filter {
        padding-left: 40px;
    }

    .my_order-list-warp .analog_descriptions-text {
        width: 300px;
    }

    .not_buyed {
        margin-left: 28px;
    }

    .hdr_tlf-list {
        right: 0px;
        left: auto;
    }

    .basket_big-icon {
        width: 300px;
    }

    .basket_final-info {
        width: 482px;
        height: auto;
        line-height: 26px;
    }

    .my_inf {
        margin-left: 76px;
        margin-right: 40px;
    }

    .ordering_input-list {
        margin: 10px 0 200px 10px;
    }

    .massive-logo {
        margin-left: 73px;
    }

    .header_ordering_page {
        width: 960px;
    }

    .hdr_blue-line-top {
        min-width: 960px;
    }

    .ordering_page-main {
        width: 960px;
        margin: 0 auto;
    }

    .basket_success_info-warp {
        width: 500px;
    }

    /*catalog  */
    .prev_parts-list {
        width: 739px;
    }
     .prev_parts-item {
        width: 100%;
     }
     .prev_parts-list > li {
        width: 230px;
        margin-left: 16px;
     }
    .wizard_top-line > .my_car-id {
        width: 350px;
    }

    .car_indetif {
        max-width: 350px;
    }

    .modif-mycar-item {
        max-width: 100px;
    }

    .show_all_btn {
        width: 720px;
    }

    /*catalog  */
    /*contact */
    .contact_left-icon {
        width: 240px;
        margin-left: 20px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .wizard_my-car-form .engine_menu {
        left: -1px;
    }

    .wizard_my-car-form .bodycar_menu {
        left: -504px;
    }

    .Select_car .year_menu {
        left: -480px;
    }

    .Select_car .mark_menu {
        left: -30px;
    }

    .wizard_my-car-form .modific_menu {
        left: -228px;
    }

    .ftl-icons-main2 {
        top: 0px;
        left: 0px;
    }

    .ftl_title_btm {
        margin-left: 80px;
    }

    .ftl-icons-left {
        width: 200px;
    }

    .ftl-icons-main {
        display: none;
    }

    #SearchAutoComplete .myunit,
    #SearchAutoComplete1 .myunit {
        width: 478px;
    }

    #SearchAutoComplete {
        width: 478px;
    }

    .#map,
    .#map1 {
        height: 385px;
    }

    .contact_city {
        left: 350px;
    }

    .contact_center-info {
        width: 340px;
        margin-left: 20px;
    }

    .contact_right-feedback {
        width: 300px;
    }

    /*contact */
    .main_content-warp,
    .hdr_menu,
    .wizard_active-car,
    .hdr_search-block,
    .hdr_srch-main,
    .headline,
    .content_main-block,
    .wizard_my-car-form {
        width: 960px !important;
    }

    .wizard_my-car-form
    .form_style input[type="text"] {
        width: 240px;
    }

    .err_404-left {
        margin-right: 40px;
    }

    .massive_face-icon {
        width: 230px;
    }

    .user_question {
        width: 500px;
    }

    .questions_sect-warp {
        margin: 36px 0 0 40px;
    }

    .user_question {
    }

    .content_main-block, .parts_by-group-warp {
        width: 960px !important;
    }
    .pay_del-info-i {
        margin-right: 10px;
        width: 229px;
    }

    .ask-questions-warp {
        width: 960px;
    }

    .hdr_liquid_sticky .srch-form {
        width: 280px;
    }

    .parts_group-warp {
        width: 317px;
    }

    .parts_group {
        margin-right: 0px;
    }

    .wizard_active-car {
        margin-bottom: 20px;
    }

    .my_car-options {
        margin-top: 10px;
    }

    .bread_crumbs {
    width: 100%;
    box-sizing: border-box;
    margin-left: 0px;
    }
    .rught_style-log {
        margin-left: 10px;
        width: 200px;
    }

    .about-facts > img {
        width: 300px !important;
    }

    .typical_page {
        width: 700px;
    }

    .Select_car .btn_wizard {
        bottom: 13px;
        left: 263px;
    }

    .stk_cars {
        display: none;
    }

    .secondary_menu-warp {
        display: table !important;
    }

    .hdr_user-info {
        margin-right: 0px;
    }

    .my-car-form-input {
        width: 209px;
        margin: 1px 14px 10px 0px;
        vertical-align: top;
    }

    .value_menu {
        width: 670px;;
    }

    .Select_car .model_menu {
        left: -278px !important;
    }

    .hist-car_srch {
        right: 73px;
    }

    .Select_car .engine_menu {
        left: -225px !important;
    }

    .Select_car .modific_menu {
        left: -368px !important;
    }

    .navbar_dropdown-right {
        left: 242px !important;
    }

    .srch-form {
        width: 480px;
    }

    .indic_modul {
        top: -27px;
    }

    .main_popular-wrap {
        width: 960px !important;
    }

    .hdr_user-left-sticky {
        width: 565px !important;
    }

    .ftl_srch-next-search {
        width: 327px;
        left: 300px;
    }

    .hdr_user-allbtn-sticky {
        width: 385px !important;
    }

    #head_brand, #hd_viewed, #hd_wished, #hd_status, .baner_main_right {
        display: none !important;
    }

    .stk_wished, .stk_order-st {
        display: none !important;
    }

    .hdr_logo {
        width: 182px !important;
    }

    .Select_car {
        width: 700px !important;
    }

    .vin_send {
        width: 700px !important;
    }

    .ftr_border {
        bottom: 133px !important;
    }

    .ftr_tlf {
        top: 94px !important;
        left: 48px !important;
    }

    .hdr_logo-icon img {
        width: 184px !important;
    }

    .ftr_time {
        top: 95px !important;
        left: 254px !important;
    }

    .ftr_adress {
        top: 162px !important;
        left: 252px !important;
    }

    .ftr_user-info {
        top: 31px !important;
        left: 164px !important;
    }

    .ftr_bsmt-social {
        top: 95px;
        left: 468px;
    }

    .ftr_bsmt-logo {
        top: 75px !important;
        left: 392px !important;
    }

    .ftr_bsmt-designer {
        top: 93px !important;
        right: 0px !important;
    }

    #my_menu_top {
        display: inline-block !important;
        float: right;
    }

    .hdr_logo-icon {
        background-size: 250px;
        background-position: -1px -43px !important;
    }

    /* new css 14.10.16 */
    /*Адаптивная верстка */
    .srch-form_repeat {
        width: 290px;
    }

    .hdr_srch_form_btn {
        margin: 0 10px 0 16px;
    }

    .main_content-warp {
        width: 960px !important;
    }

    .hdr_srch-table {
        margin-right: 14px;
    }

    .hdr_tlf-nbr {
        margin: 30px 0 0 0;
        width: 170px;
    }

    .hdr_srch-warp {
        margin-right: 10px;
    }

    .select_car-info {
        margin-bottom: 25px;
    }

    .main_page-content {
        width: 700px !important;
        margin: 0 0px 0 16px !important;
    }

    .select_car-input_field {
        width: 210px !important;
    }

    .select_car-properties {
        width: 660px !important;
    }

    .vin_send {
        width: 698px !important;
        background-position-x: 59px !important;
        background-position-y: 1px !important;
    }

    .news_list-warp {
        width: 960px !important;
        display: block !important;
    }

    .news_list-item {
        width: 960px !important;
        margin-bottom: 40px;
    }

    .news_block:last-child {
        margin-right: 0 !important
    }

    .news_block {
        width: 305px !important;
        margin-right: 20px !important;
        vertical-align: top;
    }

    .popular_goods-wrap, .popular_car-wrap, .popular_parts-group-wrap, .footer_1178 {
        width: 960px !important;
        margin-left: 0px !important;
    }

    .news_border-top {
        border-top: none !important;
    }

    .news_list-warp {
        width: 960px !important;
        display: table-footer-group !important;
        vertical-align: top;
    }

    .main_popular-wrap {
        margin-top: 0px;
    }

    .slider {
        margin: 0 auto !important;
        padding-top: 35px !important;
        margin-bottom: 39px !important;
    }

    .main_seo-text {
        margin-bottom: 40px;
    }

    .popular_parts-group-wrap {
        margin-bottom: 14px !important;
    }

    .popular_car-wrap {
        padding-left: 0px !important;
    }

    .popular_car {
        width: 960px !important;
    }

    .news_preview img {
        width: 305px !important;
    }

    .news_preview {
        height: 170px !important;
    }

    .popular_car-item {
        width: 220px !important;
    }

    .hdr_city-icon {
        margin: 11px 0 0 46px;
    }

    #left_liq-menu-z .hdr_user-info {
        display: block !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 979px) {
    .eng_left-bl {
        display: none;
    }

    .w-out-warp-right {
        width: 280px;
        display: block;
        margin: 0 auto;
    }

    .catalog_top-filter {
        padding-left: 20px;
    }

    .not_buyed {
        margin-left: 28px;
    }

    #more_item {
        display: none;
        left: 80px;
        top: auto;
        bottom: -35px;
    }

    .my_order-list .my_order-list-warp .analogs_descriptions-warp {
        margin-right: 0px;
        margin-left: 16px;
        margin-bottom: 20px;
        width: 200px;
        padding-left: 0px;
    }

    .basket_user-active .my_order-list li {
        height: 180px;
        position: relative;
    }

    .order_without-warp {
        width: 320px;
        margin: 30px 0 0px 0px;
        height: 175px;
        padding-top: 10px;
    }

    .item_summ {
        margin-left: 80px;
    }

    .my_order-list-warp .analog_descriptions-text {
        width: auto;
    }

    .basket_title-line {
        display: none;
    }

    .basket_user-active {
        width: 320px;
        padding: 0px;
        overflow-x: hidden;
        overflow-y: auto;
        box-sizing: initial;
    }

    .ord_ttl {
        display: inline-block;
        bottom: 5px;
        left: -78px;
    }

    .item_add-quantity .ord_ttl {
        bottom: 10px;
    }

    .item_summ .ord_ttl {
    }

    .order-total-mead {
        margin-left: 20px;
    }

    #basketitemlist {
        margin: 0px;
    }

    .basket_user-active .my_order-list {
        margin: 0 20px 0 20px;
    }

    .order_total-warp {
        width: 280px;
        margin-left: 20px;
    }

    .basket_user-active h1 {
        margin: 20px 0 0 20px;
    }

    .basket_total-cost {
        text-align: inherit;
    }

    .my_order-list-warp .delete {
        top: auto;
        bottom: 84px;
        right: 0px;
    }

    .order_by-tlf-warp .form_box .form_style input {
        width: 155px;
        margin: 5px 0 12px 70px;
    }

    .my_order-list-warp {
        width: 280px;
        position: initial;
    }

    .icon_basket-tlf {
        margin: 0 0 0 0;
        bottom: 60px;
        left: 50px;
        position: absolute;
    }

    .order_total-warp .btn_blue-submit {
        width: 280px;
        display: block;
        margin: 0 auto;
    }

    .order_by-tlf-warp button {
        width: 280px;
    }

    .order_by-tlf-warp ~ .btnsubmit {
        width: 280px;
    }

    .my_order-list-warp .center_line-order {
        width: 190px;
    }

    .item_add-quantity {
        display: block;
        width: 150px;
        margin-left: 80px;
        margin-right: 0px;
    }
}

@media screen and (min-width: 760px) and (max-width: 979px) {
    .sort {
    top: 190px;
    position: absolute;
    }
    .cat-filters-li {
      width: 25%;
    }
    .cat-filters-list {
    flex-direction: column;
    height: 80px;
    overflow-x: auto;
    width: 560px;
    }
    .form_sucess {
        left: 100px;
    }
   .wizard_active-car .my_car-id {

   }
    .br-med_right {
        width: 283px
    }

    .br_rat, .brd_char li {
        margin-bottom: 3px;
    }

    .brd_otz {
        height: 30px;
        margin: 0 0 0 0;
    }

    .brdtype {
        display: table;
    }

    .prs-btm {
        display: table-header-group;
    }

    .brd_nm {
        display: none;
    }

    .brd_otz {
        max-width: 400px;
    }

    .popular_car-wrap .underline_dotted {
        top: -7px;
    }

    .brand_right-warp {
        width: 520px;
    }

    .brand_logo-img > img {
        width: 150px;
    }

    .brand_logo-img {
        width: 180px;
    }

    .content_main-block {
        width: 760px;
    }

    .hdr_1clk-popup {
        left: -260px;
    }

    .futile_srch-bottom {
        padding-top: 0px;
    }

    .hist_text {
        margin-bottom: 0px;
    }

    .vin_mycar_warp input {
        width: 300px !important;
    }

    .basket_big-icon {
        width: 250px;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .hdr_tlf-list {
        right: 0px;
        left: auto;
    }

    .ordering_page-main h1 {
        margin-top: 20px;
    }

    .basket_success_info-warp {
        width: 720px;
        margin: 0 auto;
        padding-left: 0px;
        display: block;
    }

    .basket_final-info {
        height: auto;
        display: none;
    }

    .basket_big-icon-warp {
        width: 760px;
    }

    .goods_item-title {
        margin-right: 150px;
        margin-left: 80px;
    }

    .my_inf {
        margin-left: 24px;
        margin-right: 0px;
        width: 300px;
    }

    .ordering_input-list {
        margin: 10px 36px 100px 20px;
        width: 300px;
    }

    .header_ordering_page .hdr_tlf-nbr {
        top: 0px;
        right: 70px;
    }

    .my_order-list-check {
        margin-left: 0px;
    }

    .massive-logo {
        margin-left: 20px;
    }

    .header_ordering_page {
        width: 760px;
    }

    .hdr_blue-line-top {
        min-width: 760px;
    }

    .ordering_page-main {
        width: 760px;
        margin: 0 auto;
    }

    .basket_big-icon {
        height: 70%;
    }

    .empty_bsk {
        height: 200px;
    }

    /*catalog  */
    .prev_parts-list {
        width: 539px;
        padding-left: 40px;
        box-sizing: border-box;
    }
    .prev_parts-list > li {
        width: 230px;
    }
    .prev_parts-item {
        width: 100%;
    }
    .prev_parts-list .futile_srch-bottom {
        width: 740px;
    }

    .prev_parts-list .futile_srch-bottom input {
        width: 300px;
    }

    .wizard_top-line > .my_car-id {
    max-width: 370px;
    top: 20px;
    left: 20px;
    height: 40px;
    }
 .wizard_top-line > .my_car-options {
        left: 550px;
 }
    .show_all_btn {
        width: 520px;
    }

    /*catalog  */
    .contact_left-icon {
        width: 240px;
        margin-left: 20px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .wizard_my-car-form .modific_menu {
        left: -402px;
    }

    .wizard_my-car-form .engine_menu {
        left: -201px;
    }

    .wizard_my-car-form .bodycar_menu {
        left: -1px;
    }

    .hdr_callme-popup {
        left: -112px;
    }

    .youtube_br {
        width: 540px;
    }

    .ftl_title_btm {
        width: 760px;
        margin: 0 auto;
    }

    .ftl-title_grey1,
    .ftl-title_grey2 {
        width: 155px;
    }

    .ftl-icons-main2 {
        top: 0px;
        left: 0px;
    }

    .ftl_srch-next-search {
        left: 300px;
        top: -50px;
    }

    .ftl_title_btm {
    }

    .ftl-icons-left {
        width: 200px;
    }

    .ftl-icons-left {
        display: none;
    }

    .ftl-info-right {
        display: block;
        margin: 0 auto;
    }

    .ftl_srch-icon-warp {
        width: 270px;
        height: 200px;
    }

    /*contact */
    .contact_left-icon {
        width: 250px;
        margin-left: 20px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    #SearchAutoComplete .myunit,
    #SearchAutoComplete1 .myunit {
        width: 316px;
    }

    #SearchAutoComplete {
        width: 316px;
    }

    #map,
    #map1 {
        height: 285px;
    }

    .contact_city {
        left: 350px;
    }

    .contact_center-info {
        width: 340px;
        margin-left: 120px;
    }

    .contact_right-feedback {
        width: 300px;
        display: none;
    }

    /*contact */
    .footer_1178,
    .main_content-warp,
    .headline,
    .parts_by-group-warp {
        width: 760px !important;
    }

    .wizard_my-car-form {
        width: 720px;
    }

    .questions_sect-warp {
        margin: 30px 0 0 60px;
        width: 700px;
    }

    .err_404-left {
        width: 300px;
        background-size: cover;
        margin: 50px 36px 0 30px;
    }

    .err_404-right_text {
        width: 390px;
    }

    .err_404-right {
        margin-top: 50px;
        width: 390px;;
    }

    .form_style input[type="text"] {
        width: 228px;
    }

    .massive_face-icon {
        width: 200px;
        margin: 0 20px 0 0;
    }

    .user_question {
        width: 476px;
    }

    .ask-questions-warp {
        width: 700px;
        margin: 0 auto;
    }

    .parts_group-warp {
        width: 378px;
        margin-bottom: 10px;
    }

    .pay_del-info-i {
        width: 338px;
    }

    .img_ab-1 {
        width: 300px;
    }

    .img_ab-2 {
        width: 200px;
        margin-bottom: 10px;
    }

    .about-facts-i-head {
        font-size: 60px;
    }

    .about-facts-i-head span {
        font-size: 20px;
    }

    .rught_style-log {
        display: none;
    }

    .ch_car, #hd_status1, .hdr_user-allbtn-sticky .possmHist {
        display: none;
    }

    .my_car-options {
        margin: 10px 0 0 10px;
        left: 50px;
        position: relative;
    }

    .ch_car1 {
        position: absolute;
        right: 0px;
        bottom: -65px;
        width: 105px;
    }

    #left_liq-menu-z .hdr_user-info {
        display: block !important;
    }

    .bread_crumbs {
        width: 100%;
    }

    .content_main-block {
        width: 760px;
    }

    .hdr_liquid_sticky .srch-form {
        width: 200px;
    }

    .Select_car .mark_menu {
        left: -248px !important;
        width: 645px;
    }

    .Select_car .year_menu {
        left: -235px !important;
        width: 648px;
    }

    .Select_car .car-mrk_mob {
        display: none !important;
    }

    .Select_car .model_menu {
        width: 640px;
        left: -430px !important;
    }

    .Select_car .engine_menu {
        left: -136px !important;
        min-height: 50px !important;
        height: auto !important;
    }

    .Select_car .bodycar_menu {
        left: -350px !important;
    }

    .Select_car .modific_menu {
        left: -394px !important;
        width: 600px !important;
        padding-left: 10px !important;;
    }

    .Select_car .btn_wizard {
        width: 219px;
        position: static;;
    }

    .car_wizard-main .my-car-form-list li:nth-child(3n) {
        margin-right: 10px !important;
    }

    .my-car-form-list .btn_wizard {
        margin: 0 auto;
    }

    .tech-maintenance-image {
        display: none;
    }

    .secondary_menu-warp {
        display: table;
    }

    .typical_page {
        width: 720px;
    }

    .news_border-top {
        border: none !important;
    }

    .popular_car-wrap {
        width: 720px !important;
        margin: 0 auto !important;
    }

    .popular_car {
        width: 720px !important;
    }

    .news_list-warp {
        width: 760px !important;;
        display: table-footer-group;
    }

    .news_list-item {
        display: inline-block !important;
    }

    .news_block {
        display: inline-block !important;
        width: 220px !important;
        margin-right: 20px;
        vertical-align: top;
    }

    .main_seo-text {
        display: none;
    }

    .popular_parts-group-wrap {
        width: 720px;
        margin: 0 auto;
        height: 300px;
    }

    .main_popular-wrap {
        width: 760px !important;
    }

    .slider {
        width: 720px !important;
    }

    .baner_main_right {
        display: none !important;
    }

    .popular_goods-wrap {
        display: none;
    }

    .Select_car {
        width: 472px !important;
        height: auto !important;
        padding: 5px 15px 15px 15px !important;
    }

    .car_modif-list {
        width: 219px;
    }

    .change_car {
        right: 15px;
        bottom: 143px;
    }

    .hist-car_srch {
        display: none;
    }

    .vin_send {
        width: 472px !important;
        background: none !important;
        padding: 15px 0 15px 0 !important;
    }

    .vin_form-list input {
        width: 300px !important;
    }

    .main_page-content {
        margin-right: 0px !important;
        width: 472px !important;
        height: auto !important;
    }

    #srch_repeat .srch-form_repeat {
        width: 300px;
    }

    .vin_btn-warp {
        margin: 0 auto !important;
        width: 280px !important;
    }

    .vin_btn-send {
        width: 280px !important;
    }

    .vin_title {
        text-align: center;
        font-size: 18px !important;
    }

    .vin_info-text {
        text-align: center;
        margin: 0 auto;
        width: 430px !important;
        margin-top: 13px;
    }

    .hdr_srch-btn .srch_button {
        width: 37px !important;
        height: 37px !important;
        margin: 0px 0 0 0 !important;
        font-size: 0px !important;
        vertical-align: top;
        color: white !important;
    }

    .btn-srch-sml {
        display: inline-block !important;
        margin: 10px 0 0 2px !important;
    }

    .hdr_srch-table {
        margin: 0 0 0 0 !important;
    }

    .hd_stk_cars {
        display: inline-block !important;
    }

    .hdr_logo {
        width: 168px !important;
    }

    .hdr_tlf-nbr {
        margin: 30px 0 0 0 !important;
        position: static;
        z-index: initial;
        width: 170px;
    }

    .end_hdr-stroke {
        height: 10px !important;
    }

    .hdr_search-block, .hdr_srch-main {
        width: 720px !important;
        margin: 0 auto !important;
    }

    .hdr_cityline {
        margin-top: 0px !important;
        margin-left: 10px;
        margin-bottom: 9px;
    }

    .hdr_srch-warp {
        width: 382px !important;
    }

    .main_content-warp {
        width: 760px !important;
    }

    .hdr_srch_form_btn {
        margin: 0 0px 0 18px;
        z-index: 100;
    }

    .hdr_logo-icon img {
        width: 176px !important;
    }

    .hdr_logo-icon {
        height: 35px !important;
    }

    .hdr_search-block {
        width: 760px !important;
    }

    .hdr_city-icon {
        margin-left: 25px;
    }

    .srch-form {
        width: 316px;
        border-right: none !important;
    }

    .ftl_srch-next-search {
        width: auto;
    }

    .navbar_dropdown-right {
        left: 234px !important;
        width: 487px !important;
    }

    .select_car-info {
        margin-bottom: 14px;
    }

    .car_wizard-main .my-car-form-list > li {
        width: 205px;
        margin: 0 10px 10px 0;
    }

    .select_car-ttl {
        font-size: 18px;
        margin-top: 7px;
    }

    .group_tech-maintenance li {
        width: inherit;
    }

    .navbar_dropdown-right .group_tech-maintenance {
    }

    .hdr_user-allbtn-sticky {
        width: auto;;
    }

    .stk_cars {
        display: none !important;
    }

    .hdr_user-left-sticky {
        width: 469px;
    }

    .hdr_user-allbtn {
        display: block;
        margin: 0 auto;
        width: 680px;
    }

    #my_basket {
        border-left: 0px;
    }

    #my_menu_top {
        border-left: 1px solid #3961b2;
    }

    .hdr_usr-btn-menu-left {
        display: inline-block !important;
    }

    .hdr_menu {
        width: 760px !important;
    }

    .hdr_user-info {
        display: none !important;
    }

    .footer_main {
        height: 500px;
    }

    .hdr_user-info {
    }

    .ftr_border {
        top: 73px;
        width: 100% !important;
    }

    .ftr_tlf {
        top: 93px !important;
        left: 50px !important;
    }

    .ftr_time {
        top: 92px !important;
        left: 247px !important;
    }

    .ftr_adress {
        bottom: 13px;
        left: 247px;
    }

    .ftr_icon-time {
        top: 4px !important;
        left: -39px !important;
    }

    .ftr_icon-adress {
        top: 1px !important;
        left: -52px !important;
    }

    .ftr_user-info {
        top: 30px !important;
        left: 50px !important;;
    }

    .ftr_bsmt-social {
        bottom: 101px;
        left: 400px;
    }

    .ftr_bsmt-logo {
        bottom: 0px;
        right: 249px;
        height: 160px;
    }

    .ftr_bsmt-designer {
        top: 91px;
        right: 21px !important;
    }

    .footer_main {
    }

    .footer_1178,
    .ftr_user-city {
        width: 760px;
    }

    .sticky_view, .stk_wished, .stk_order-st {
        display: none !important;
    }

    .hdr_logo-short {
        margin-right: 10px !important;
    }

    .news_list-item {
        width: 720px !important;
        margin: 0 0 0 20px !important;
    }

    .news_list-warp h2 {
        margin-left: 20px;
    }

    .main_seo-text h2 {
        margin-left: 20px;
    }

    .main_seo-text_item {
        width: 720px !important;
        margin: 0 auto;
    }

    .popular_goods {
        width: 720px !important;
    }

    .border_btm-grey {
        width: 740px;
    }

    #my_menu_top {
        display: inline-block;
    }

    .form_box #formRegAjax input,
    .form_box .form_style input {
        width: 300px;
    }
}

@media screen and (min-width: 540px) and (max-width: 760px) {
        .car_descript img{
    max-width: 65%;
}
.car_descript {
    padding: 0px 10px 0px 10px;
}
    .cat-filters-list {
    margin-top: 10px;
    max-height: 150px;
    flex-direction: column;
    overflow-x: auto;
}
.prev_parts-list.rand_items {
    width: 100%;
}
.bread_crumbs {
    display: block;
    width: 100%;
    border: none;
}
.sort {
    top: -5px;
    right: 0px;
    position: relative;
    height: 30px;
}
.cat-filters-li {
    width: 23%;
}

    
    .br-med_right {
        width: 283px
    }
    .side-menu__footer-buttons .button {
    width: 100%;
}
    .br_rat, .brd_char li {
        margin-bottom: 3px;
    }

    .prs-btm {
        margin-bottom: 20px;
    }

    .brd_otz {
        height: 30px;
        margin: 0 20px 30px 0;
        max-width: 280px;
        display: inline-block;
    }

    .brdtype {
        display: table;
    }

    .prs-btm {
        display: table-header-group;
    }

    .brd_nm {
        display: none;
    }

    .eng_used ul li {
        width: 100%;
    }

    .pagging {
        margin-top: 20px;
    }

    .txt_ft {
        max-width: 90%;
    }

    .goods_brand-logo img {
        max-height: 40px;
        max-width: 40px;
    }

    .our_famos {
        display: none;
    }

    .show_all_btn {
        width: 540px;
        margin: 0 auto;
    }

    .wiz_characteristics {
        margin-top: 30px;
    }

    .form_sucess {
        left: 80px;
    }

    .header-city-choose-popup {
        width: 400px;
    }

    #left_liq-menu-z {
        left: -95px;
    }

    .hdr_city {
        padding-top: 5px;
    }

    .nav_by_same-letter {
        display: none;
    }

    .all-news {
        width: 200px;
        margin-left: 50px;
    }

    .indic_modul {
        top: -79px;
        left: 393px;
    }

    .popular_car-wrap .underline_dotted {
        left: 323px;
        top: 40px;
    }

    .btn_br-parts {
        width: 180px;
        vertical-align: middle;
    }

    .brand_right-warp,
    .ftr_user-city {
        width: 520px;
    }

    .brand_logo-img > img {
        width: 150px;
    }

    .brand_logo-img {
        width: 180px;
    }

    .btn_br-parts {
        width: 180px;
    }

    .brand_right-warp {
        width: 540px;
    }

    .brand_logo-img > img {
        width: 150px;
    }

    .brand_logo-img {
        width: 180px;
    }

    .catalog_brand-main-filter input {
        width: 150px;
    }

    .ordering_page-main h1 {
        margin-top: 20px;
    }

    .hdr_1clk-popup {
        left: -260px;
    }

    .basket_success_info-warp {
        width: 500px;
        margin: 0 auto;
        padding-left: 0px;
        display: block;
    }

    .basket_final-info {
        height: auto;
        display: none;
    }

    .basket_big-icon-warp {
        width: 540px;
    }

    .ordering_input-list {
        margin: 0 auto;
        width: 300px;
        display: block;
        margin-top: 20px;
    }

    .header_ordering_page .hdr_tlf-nbr {
        top: 0px;
        right: 70px;
    }

    .my_order-list .analogs_descriptions-warp {
        width: 315px;
        overflow: hidden;
    }

    .my_order-list-check {
        margin: 0 auto;
        display: block;
        margin-bottom: 100px;
        width: 350px;
        margin-top: 30px;
    }

    .my_inf {
        margin: 0 auto;
        display: block;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .my_inf + .my_order-list-check {
        width: 400px;
        margin-bottom: 100px;
    }

    .massive-logo {
        margin: 0 auto;
        display: block;
        width: 275px;
    }

    .header_ordering_page {
        width: 540px;
    }

    .hdr_blue-line-top {
        min-width: 540px;
    }

    .ordering_page-main {
        width: 540px;
        margin: 0 auto;
    }

    .car_md-lone li,
    .ulTD1 li {
        width: 45%;
    }

    .brand_lst li {
        width: 23%;
    }

    /*basket */
    .basket_big-icon {
        width: 250px;
        display: block;
        margin: 0 auto;
    }

    .empty_bsk {
        height: 150px;
    }

    /*basket */
    .contact_left-icon {
        width: 240px;
        margin-left: 20px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .filters_by-charcs {
        display: none;
    }

    .prev_parts-list {
        margin: 0 auto;
        width: 100%;
        display: block;
    }
    .prev_parts-list li:nth-child(4n) {
        width: 48%;
    }
    .prev_parts-list > li {
        margin-left: 0px;
        width: 48%;
    }
    .prev_parts-item {
        width: 100%;
    }
    .prev_parts-item {
        border-radius: 0px;
    }

    .hdr_logo-icon img {
        width: 100%;
        height: auto;
    margin-top: 5px
    }
    .prev_parts-list li:nth-child(2n) {
        margin-left: 21px;
    }
    .wizard_my-car-form .year_menu {
        left: -1px;
    }

    .wizard_my-car-form .bodycar_menu {
        left: -234px;
    }

    .wizard_my-car-form .engine_menu {
        left: -1px;
    }

    .wizard_my-car-form .modific_menu {
        left: -234px;
    }

    .youtube_br {
        width: 540px;
    }

    .ftl_title_btm {
        width: 540px;
        margin: 0 auto;
    }

    .ftl-title_grey1,
    .ftl-title_grey2 {
        width: 55px;
    }

    .ftl-icons-main2 {
        top: 0px;
        left: 0px;
    }

    .ftl_srch-next-search {
        left: 120px;
        top: -10px;
    }

    .futile_srch-bottom {
        padding-top: 0px;
        padding-bottom: 20px;
        width: 400px !important;
    }

    .hist_text {
        margin-bottom: -10px;
    }

    .vin_form-list input {
        width: 300px !important;
    }

    .ftl_srch-about_list li {
        margin-bottom: 10px;
    }

    .ftl_title_btm {
    }

    .ftl-icons-left {
        width: 200px;
    }

    .ftl-icons-left {
        display: none;
    }

    .ftl-info-right {
        display: block;
        margin: 0 auto;
    }

    .ftl_srch-icon-warp {
        width: 170px;
        height: 220px;
        padding-top: 30px;
    }

    .ftl_srch-about {
        width: 345px;
    }

    /*contact */
    .contact_left-icon {
        display: none;
    }

    #SearchAutoComplete .myunit,
    #SearchAutoComplete1 .myunit {
        width: 298px;
    }

    #SearchAutoComplete {
        width: 298px;
    }

    .myunitright {
        display: none;
    }

    .contact_coment {
        height: auto;
    }

    .contact_telephon-list {
        height: 80px;
    }

    .contact_work-time {
        margin-top: 10px;
    }

    .feedback_icon-attention {
        top: -5px;
    }

    #map,
    #map1 {
        height: 285px;
    }

    .contact_city {
        left: auto;
        position: relative;
        display: block;
        margin: 0 auto;
    }

    .contact_center-info {
        width: 340px;
        display: block;
        margin: 0 auto;
    }

    .contact_right-feedback {
        width: 300px;
        display: block;
        margin: 0 auto;
    }

    .btn_feedback-send {
        width: 300px;
    }

    /*contact */
    .footer_1178,
    .parts_by-group-warp,
    .wizard_my-car-form {
        width: 540px !important;
    }

    .form_box #formRegAjax input,
    .form_box .form_style input {
        width: 300px;
        font-size: 18px;
    }

    .wizard_my-car-form {
        height: auto;
        max-height: none;
    }

    h1 {
        font-size: 18px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    h3,
    .h3_seo,
    .main_h2 {
        font-size: 16px;
        margin-left: 0px;
    }

    .b-crumbs-list {
        line-height: 35px;
        display: block;
    }

    .b-crumbs-list li:before,
    .b-crumbs-list li:after,
    .b-crumbs-list-arowfinish li:before {
        display: none;
    }

    .b-crumbs-list li:after {
        border: 0px;
    }

    .b-crumbs-list li:before, .b-crumbs-list-arowfinish li:before, .b-crumbs-list li:after {
        border: none;
        display: none;
    }

    .bread_crumbs {
        border: none;
    }

    .b-crumbs-list li {
        height: 20px;
        line-height: 20px;
        margin: 0 15px 0 0;
        text-transform: lowercase;
    }

    .b-crumbs-list li > a {
        color: #999999;
        font-size: 12px;
    }

    .b-crumbs-list li:after {
        display: none;
    }

    .bread_crumbs .b-crumbs-list li:after {
        content: "\00b7";
        width: 4px;
        height: 4px;
        top: 0px;
        color: #333333;
        font-size: 24px;
        position: absolute;
        margin: 0 0px 0 0px;
        right: -8px;
        display: inline-block;
    }

    .err_404-left {
        margin: 0 auto;
        margin-top: 20px;
        display: block;
    }

    .err_404-right {
        margin-top: 30px;
    }

    .questions_sect-warp {
        width: 500px;
        margin: 0 auto;
    }

    .ask-questions-warp {
        width: 500px;
        margin: 0 auto;
    }

    .user_question {
        width: 336px;
        margin-bottom: 50px;
    }

    .form_style input {
        width: 158px;
    }

    .massive_face-icon {
        width: 150px;
        height: 200px;
        margin: 0 10px 0 0;
    }

    .pay_del-info-i {
        width: 236px;
        margin-right: 32px;
    }

    .rught_style-log {
        display: none;
    }

    .about-facts-i-head {
        font-size: 60px;
    }

    .about-facts-i-text {
        font-size: 14px;
    }

    .img_ab-2,
    .img_ab-1 {
        margin-bottom: 10px;
    }

    img.float-right,
    img.float-left {
        float: none;
    }

    .parts_group-warp {
        width: 268px;
        margin: 0 0 0 0;
    }

    .typical_page {
        width: 500px;
    }

    .parts_group-img {
        width: 100px;
    }

    .parts_group {
        margin: 0 0 0 0;
    }

    .wizard_active-car {
        margin-top: 0px;
    }

    .ch_car1 {
        position: absolute;
        bottom: -67px;
        right: 0px;
        width: 103px;
    }

    .wizard_bottom-line {
        padding-left: 140px;
        width: 538px;
        overflow: hidden;
    }

    .ok_green-icon {
        vertical-align: top;
        margin-top: 5px;
    }

    .wizard_top-line > .my_car-id {
        width: 330px;
        margin: 0px;
        top: 10px;
        height: 40px;
        overflow: hidden;
        left: 150px;
    }
    .car_indetif {
        width: 350px;
    }
.sort {
    position: relative;
    top: -15px;
}
.cat-filters-li {
    width: 20%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 40px;
}
.cat-filters-list {
    margin-top: 10px;
    flex-direction: column;
    overflow-x: auto;
}
.filtrcat {
    display: inline-block;
}
    .my_car-options {
        display: none;
    }

    .found_item-quant {
        width: 200px;
        height: 30px;
    }

    .ch_car {
        display: none;
    }

    #cat_zap1 {
        width: 540px;
        margin: 0 auto;
        display: block;
        margin-bottom: 0px;
    }

    .navbar_menu-list {
        width: 540px;
        margin: 0 auto;
    }

    .content_main-block {
        width: 540px;
    }

    .headline {
        width: 100%;
        height: auto;
        margin-top: 0px;
    }

    .bread_crumbs {
        display: block;
        width: 500px;
        margin: 0 auto;
        height: 20px;
    }

    #left_liq-menu-z .hdr_user-info {
        display: block !important;
    }

    #vin_request > div p {
        margin-bottom: 0px;
    }

    .vin_form-list {
        margin-top: px;
    }

    .ftl-right-title {
        height: auto;
        width: 300px;
    }

    .ftl-info-right {
        width: 300px;
    }

    .vin_popup-warp {
        width: 340px;
        height: auto;
    }

    .wiz_compl-car_foto {
        float: left;
    }

    .select_car-ttl {
        text-align: center;
    }

    #hd_viewed, #hd_status, .hdr_liquid_sticky {
        display: none !important;
    }

    .secondary_menu-warp {
        display: table;
    }

    .news_border-top {
        border: none !important;
    }

    .popular_car-wrap {
        width: 500px !important;
        margin: 0 auto !important;
    }

    .popular_car {
        width: 500px !important;
    }

    .news_list-warp {
        width: 500px !important;;
        display: table-footer-group !important;
    }

    .news_list-item {
    }

    .news_block {
        display: inline-block !important;
        width: 220px !important;
        margin-right: 20px;
        vertical-align: top;
    }

    .main_seo-text {
        display: none !important;
    }

    .popular_parts-group-wrap {
        width: 500px !important;
        margin: 0 auto !important;
    }

    .main_popular-wrap {
        display: block;
        width: 540px !important;
        height: auto !important;
        margin: 0 auto;
    }

    .popular_car-item {
        width: 160px !important;
    }

    .popular_car-title {
        width: 73px;
        margin-left: 5px;
    }

    .slider {
        width: 500px !important;
    }

    .baner_main_right {
        display: none !important;
    }

    .popular_goods-wrap {
        display: none;
    }

    .Select_car {
        width: 500px !important;
        height: auto !important;
    }

    .vin_send {
        width: 500px !important;
        background: none !important;
        padding: 15px 0 15px 0 !important;
    }

    .my-car-form-list > li {
        margin: 0 20px 20px 0 !important;
        width: 209px;
    }

    .main_page-content {
        width: 540px !important;
        height: auto !important;
        margin: 0 auto;
        display: block;
    }

    .vin_form-list_icons {
        display: none;
    }

    .vin_btn-warp {
        margin: 0 auto !important;
        width: 280px !important;
    }

    .vin_btn-send {
        width: 280px !important;
    }

    .vin_title {
        text-align: center;
    }

    .vin_info-text {
        width: 430px !important;
        text-align: center;
        margin: 0 auto;
    }

    .hdr_srch-btn .srch_button {
        width: 37px !important;
        height: 37px !important;
        margin: 0px 0 0 0 !important;
        font-size: 0px !important;
        vertical-align: top;
        color: white !important;
    }

    .btn-srch-sml {
        display: inline-block !important;
        margin: 10px 0 0 2px !important;
    }

    .hdr_srch-table {
        margin: 0 0 0 0 !important;
    }

    .hd_stk_cars {
        display: inline-block !important;
    }

    .hdr_logo {
        width: 138px !important;
    }

    .hdr_tlf-nbr {
        display: none !important;
    }

    .hdr_search-block, .hdr_srch-main {
        width: 500px !important;
        margin: 0 auto !important;
    }

    .hdr_cityline {
        margin-top: 15px;
    }

    .hdr_srch-warp {
        width: 361px !important;
    }

    .select_car-info {
        margin-bottom: 10px !important;
    }

    .main_content-warp {
        width: 100%;
        height: auto;
    }

    .hdr_srch_form_btn {
        margin: 0 0px 0 16px !important;
    }

    .hdr_logo-icon {
        height: 35px !important;
    }

    .hdr_search-block {
        width: 540px !important;
    }

    .hdr_city-icon {
        margin-left: 0px;
    }

    .srch-form {
        width: 298px;
    }

    .filter_by-country {
        width: 150px;
    }

    .filter_by-brand-name {
        margin-left: 20px;
    }

    .ftl_srch-next-search {
        width: 340px !important;
    }

    .hdr_user-allbtn-sticky {
        width: 195px !important;
    }

    .stk_cars {
        display: none !important;
    }

    .hdr_user-left-sticky {
        width: 565px !important;
    }

    .hdr_user-allbtn {
        margin: 0 auto;
        display: block;
        width: 480px;
    }

    .hdr_usr-btn-menu-left {
        display: inline-block !important;
    }

    .hdr_menu {
        width: 540px !important;
    }

    #my_menu_top {
        border-right: none !important;
        border-left: 1px solid #3961b2;
    }

    .hdr_user-info {
        display: none !important;
    }

    .footer_main {
        height: 600px;
    }

    .hdr_user-info {
        display: none !important;
    }

    .ftr_border {
        top: 73px;
        width: 100% !important;
    }

    .ftr_tlf {
        top: 93px !important;
        left: 30px !important;
    }

    .ftr_time {
        top: 92px !important;
        left: 217px !important;
    }

    .ftr_adress {
        bottom: 8px;
        left: 219px;
    }

    .ftr_icon-time {
        top: 4px !important;
        left: -39px !important;
    }

    .ftr_icon-adress {
        top: 1px !important;
        left: -52px !important;
    }

    .ftr_user-info {
        top: 30px !important;
        left: 50px !important;
        text-align: center;;
    }

    .ftr_bsmt-social {
        bottom: 101px;
        left: 380px;
    }

    .ftr_bsmt-logo {
        bottom: 0px !important;
        right: px !important;
        height: 160px !important;
    }

    .ftr_bsmt-designer {
        top: 160px;
        right: 0px !important;
    }

    .ftr_user-info li {
        margin: 0 0 10px 0px !important;
        text-align: center !important;
    }

    .footer_1178 {
        width: 540px !IMPORTANT;
    }

    .sticky_view, .stk_wished, .stk_order-st {
        display: none !important;
    }

    .hdr_logo-short {
        margin-right: 10px !important;
    }

    .news_list-item {
        width: 500px !important;
        margin: 0 0 0 50px !important;
        max-height: 300px !important;
        overflow: hidden;
    }

    .news_list-warp h2 {
        margin-left: 50px;
        margin-top: 20px;
    }

    .main_seo-text h2 {
        margin-left: 20px;
    }

    .main_seo-text_item {
        width: 500px !important;
        margin: 0 auto;
    }

    .popular_goods {
        width: 480px !important;
        margin: 0 auto !important;
        height: 310px;
    }

    .border_btm-grey {
        width: 520px;
    }

    .Select_car .mark_menu {
        left: -12px !important;
    }

    .Select_car .year_menu {
        left: -10px !important;
    }

    .value_menu {
        width: 500px;
        box-sizing: border-box;
    }

    .year_ttl {
        display: none;
    }

    .Select_car .car-mrk_mob {
        display: none !important;
    }

    .Select_car .model_menu {
        left: -245px !important;
    }

    .Select_car .engine_menu {
        left: -30px !important;
        min-height: 50px !important;
        height: auto !important;
    }

    .Select_car .bodycar_menu {
        left: -300px !important;
    }

    .Select_car .modific_menu {
        left: -234px !important;
        padding-left: 10px !important;;
    }

    .Select_car .btn_wizard {
        width: 300px;
        margin-left: 70px;
        position: static;
    }

    .wizard-main_compl .btn_wizard {
        width: 238px;
        margin: 0;
        margin-top: 6px;
    }

    .wizard-main_compl .change_car {
        position: absolute;
        top: 40px;
        right: 0px;
        height: 20px;
    }

    .wizard-main_compl {
        position: relative;
    }

    .hist-car_srch {
        display: none;
    }

    .value_menu li {
        padding: 5px 5px 5px 5px;
    }

    #my_menu_top {
        display: inline-block;
    }

    .h1_vin {
        display: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 539px) {
    .car_descript img{
    max-width: 65%;
}
.car_descript {
    padding: 0px 10px 0px 10px;
}
    .cat-filters-list {
    max-height: 150px;
    flex-direction: column;
    overflow-x: auto;
}
.car_md-lst {
    margin-bottom: 0px;
}
.wizard_bottom-line {
    padding-left: 5px;
}
.wizard_active-car ~ .wizard-warp {
    margin-bottom: 0px; 
    margin-top: 0px;
}
.sort {
    top: -5px;
    right: 0px;
    position: relative;
    height: 30px;
}
.cat-filters-li {
    width: 23%;
    padding-bottom: 15px;
    margin-top: 10px;
}
    .best_price-goods {
        display: block;
        margin-top: -7px;
        width: 100%;
        margin: 0 auto;
    }
.catalogfaq h3 {
    text-transform: initial;
}
.button--gray, .button_color_gray {
    background-color: #f5f5f5;
    box-shadow: inset 0 0 0 1px #ebebeb;
    color: #3e77aa;
    display: block;
}
.cncflt {
    display: block;
}
.side-filter__header {
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid #e9e9e9;
    background-color: #fff;
}
.side-filter__back {
    position: relative;
    height: 56px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: none;
    background: 0 0;
    text-align: left;
    font-size: 20px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    color: #221f1f;
    text-overflow: ellipsis;
    padding-left: 30px;
}
.filter-srt {
    width: 100%;
}
.prev-left2:before {
    position: absolute;
    z-index: 120;
    top: 17%;
    left: -0px;
    content: "";
    width: 35px;
    height: 47px;
    display: block;
    background-image: url(../image/icons/prev.svg);
    background-size: 25px 37px;
    background-repeat: no-repeat;
}
.charcs_list-title, .charcs_list-title, .charcs_list-title  {
    width: 10%;
}
.button--medium, .button_size_medium {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.catparent > .charcs_list-title {
    width: 100%;
}
    .filtrcat {
        display: inline-block;
    }
    .hdr_logo-icon img {
        width: 120px;
        margin-top: 10px;
        height: 35px;
    }

    .icon-yes {
        margin-top: 10px;
        vertical-align: top;
    }

    .call__free {
        font-size: 22px;
        line-height: 25px;
        width: 200px;
        margin: auto;
        margin-top: 20px;
    }

    .thin {
        font-weight: 400;
    }

    .bold {
        font-weight: 600;
    }

    .call__free a {
        pointer-events: none;
        color: #224ea9;
        font-size: 22px;
        line-height: 25px;
        height: 30px;
    }
    .ctllogo img {
        display: block;
        width: 50%;
        margin: auto;
    }

    .webItem .item_rtm {
        width: 100%;
    }

    .slick-slide {
        border: none;
    }

    .hdr_liquid {
        height: 50px;
    }
.nav-arrows {
    display: none !important;
}
    .review_active-right {
        max-width: 236px;
    }

    .brand_news-list {
        width: 320px;
    }

    .br-med_right {
        width: 320px;
        margin: 0 auto;
    }

    .br_rat, .brd_char li {
        margin-bottom: 3px;
    }

    .brd_otz {
        height: 30px;
        margin: 0 20px 30px 0;
        max-width: 280px;
        display: inline-block;
    }

    .brdtype {
        display: table;
    }

    .prs-btm {
        display: table-header-group;
    }

    .brd_nm {
        display: none;
    }

    .pagging + .mdl_st ul li {
        width: 42%;
    }

    .eng_lst li {
        width: 42%;
    }

    .eng-tbl-inner li {
        display: block;
    }

    .eng_used ul li {
        width: 100%;
    }

    .our_famos {
        display: none;
    }

    .eng_used li {
        padding-left: 0px;
    }

    .goods_brand-logo img {
        max-height: 40px;
        max-width: 40px;
    }

    .txt_ft {
        max-width: 90%;
    }

    .wiz_characteristics {
        margin-top: 30px;
    }

    .form_sucess {
        left: 20px;
    }

    .header-city-choose-popup {
        width: 300px;
        left: -161px;
        box-sizing: border-box;
    }

    .h1_vin {
        display: none;
    }

    .goods_car-aplicable .h3_seo,
    .goods_characteristics-list-warp .h3_seo {
        width: 300px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .instock_city {
        width: 260px
    }

    .brand_content {
        display: block;
    }

    .nav_by_same-letter {
        display: none;
    }

    .brand_content-right {
        width: 320px;
        margin: 0 auto;
        display: block;
    }

    .brand_media-left {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .content_main-block .brand_main-info h1 {
        width: inherit;
        margin: 0 auto;
    }

    .btn_br-parts {
        width: 180px;
        display: block;
        margin: 0 auto;
    }

    .brand_right-warp {
        width: 320px;
        margin: 0 auto;
        display: block;
    }

    .brand_logo-img > img {
        width: 80%;
    }

    .brand_logo-img {
        width: 320px;
        margin: 0 auto;
    }

    .brand_media-left a,
    .brand_media-left div {
        display: block;
        margin: 0 auto;
    }

    .filter_by-brand-name {
        margin-left: 20px;
    }

    .basket_success_info-warp {
        width: 300px;
        margin: 0 auto;
        padding-left: 0px;
        display: block;
    }

    .filter_by-country {
        width: 150px;
    }

    .catalog_brand-main-filter input {
        width: 150px;
    }

    .ppw_act {
        left: -1px;
    }

    .letter_of_the-alphabet {
        width: 200px;
    }

    .catalog_by-alphavite {
        padding-left: 20px;
    }

    .item_instock {
        padding-left: 15px;
        box-sizing: border-box;
    }

    .hdr_1clk-popup {
        left: auto;
        right: -20px;
    }

    .ordering_page-main h3 {
        margin-top: 20px;
    }

    .basket_final-info {
        height: auto;
        display: none;
    }

    .basket_big-icon-warp,
    .ftr_user-city {
        width: 320px;
    }

    .my_inf {
        display: block;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 50px;
        width: 320px;
    }

    .ordering_page-main h1 {
        margin-top: 20px;
    }

    .my_inf + .my_order-list-check {
        width: 320px;
        display: block;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .ordering_input-list {
        margin: 0 auto;
        width: 300px;
        display: block;
        margin-top: 60px;
    }

    .ordering_page-main {
        width: 320px;
        margin: 0 auto;
        margin-top: 60px;
    }

    .header_ordering_page .hdr_tlf-nbr {
        top: 0px;
        right: 70px;
    }

    .my_order-list .analogs_descriptions-warp {
        width: 220px;
    }

    .order_total-text {
        display: none;
    }

    .order_total-cost {
        margin-left: 20px;
    }

    .my_order-list-check {
        margin: 0 auto;
        display: block;
        margin-bottom: 100px;
        width: 300px;
        margin-top: 20px;
    }

    .usr_inf {
        height: 20px;
        text-overflow: ellipsis;
    }

    .checkout-radio-label__img {
        padding-left: 70px;
        padding-top: 10px;
    }

    .massive-logo {
        margin: 0 auto;
        display: block;
        width: 320px;
        margin-left: -5px;
    }

    .ordering_input-list .btn_blue-submit {
        width: 300px;
    }

    .header_ordering_page {
        width: 320px;
    }

    .hdr_blue-line-top {
        min-width: 320px;
    }

    /*basket */
    .basket_big-icon {
        margin: 0 auto;
        width: 200px;
        display: block;
    }

    .empty_bsk {
        height: 160px;
        width: 140px;
    }

    /*basket */
    .contact_left-icon {
        width: 240px;
        margin-left: 20px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .car_models-list {
        width: 320px;
    }

    .prev_parts-list li:nth-child(4n) {
        width: 50%;
    }
.prev_parts-item {
    border-radius: 0px;
}
#order_parts, .filtrcat {
    width: 50%;
}
    .show_all_btn,
    .pagging {
        width: 98%;
        margin: 0 auto;
    }

    .pagging {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .car_mod-line {
        width: 150px;
        margin: 0px;
        padding-right: 5px;
        margin-bottom: 15px;
    }
    .prev_parts-item {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .grn {
        color: #00a046;
    }

    .prev_parts-list > li {
        width: 50%;
        margin-left: 0px;
    }

    .prev_parts-list li:nth-child(4n) > .typical_page-item {
        width: 48%;
    }

    .prev-parts-price {
        font-size: 16px;
        margin: 0 auto;
    }

    .prev-parts-img {
        width: 100%;
    }

    .prev_parts-list, .prev_parts-list.rand_items {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .prev_parts-short-detail + button {
        display: block;
        margin: 0 auto;
        top: auto;
        left: 0;
    }

    .car_line-alon {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .car_md-lone li,
    .ulTD1 li {
        width: max-content;
        margin-left: 7px;
        font-size: 12px;
    }

    .prev_parts-short-detail {
        display: block;
        margin: 0 auto;
        width: 240px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .my_car-id .arrow_down {
        display: inline-block;
        position: absolute;
        margin-left: 10px;
        top: 7px;
    }

    .car_indetif {
        max-height: 280px;
        max-width: 300px;
        margin-bottom: 5px;
    }

    .wizard_my-car-form .modific_menu {
        left: 0px;
    }

    .youtube_br {
        width: 100%;
        height: 200px;
    }

    .ftl_title_btm {
        width: 320px;
        margin: 0 auto;
    }

    .ftl-title_grey1,
    .ftl-title_grey2 {
        display: none;
    }

    .ftl_title_btm-text {
        font-size: 14px;
        width: 320px;
    }

    .ftl-icons-main2 {
        top: 0px;
        left: 0px;
    }

    .brand_lst li {
        width: 45%;
    }

    .ftl_srch-next-search {
        top: -10px;
        display: block;
        position: static;
        margin: 0 auto;
    }

    .ftl_srch-icon-warp {
        display: none;
    }

    .futile_srch-bottom {
        padding-top: 0px;
        padding-bottom: 20px;
        width: 300px !important;
        margin: 0 auto;
    }

    .ftl_srch-about_list li {
        margin-bottom: 10px;
    }

    .ftl_title_btm {
    }

    .ftl-icons-left {
        width: 200px;
    }

    .ftl-icons-left {
        display: none;
    }

    .ftl-info-right {
        display: block;
        margin: 0 auto;
    }

    .ftl_srch-icon-warp {
        height: 220px;
        display: none;
    }

    .ftl_srch-about {
        width: 320px;
        margin: 0 auto;
        display: block;
    }

    /*contact */
    .contact_left-icon {
        display: none;
    }

    #SearchAutoComplete .myunit,
    #SearchAutoComplete1 .myunit {
        width: 261px;
    }

    #SearchAutoComplete {
        width: 261px;
    }

    .myunitright {
        display: none;
    }

    .feedback_icon-tlf {
        position: static;
        top: auto;
        left: auto;
    }

    .contact_center-info {
        margin-bottom: 20px;
    }

    .contact_work-time {
        margin-bottom: 30px;
    }

    .contact_telephon-list {
        width: 300px;
    }

    .feedback_txt-warp {
        width: 240px;
    }

    .feedback_icon-time {
        top: -49px;
    }

    .contact_email,
    .contact_coment,
    .contact_work-time {
        width: 300px;
    }

    #map,
    #map1 {
        height: 285px;
    }

    .contact_right-feedback .btn_feedback-send-warp {
        margin-left: 0px;
        margin-right: 0px;
        width: 300px;
    }

    .contact_city {
        left: auto;
        position: relative;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }

    .contact_center-info {
        width: 300px;
        display: block;
        margin: 0 auto;
    }

    .contact_right-feedback {
        width: 300px;
        display: block;
        margin: 0 auto;
    }

    .btn_feedback-send {
        width: 300px;
    }

    /*contact */
    .footer_1178 {
        width: 320px;
        height: 500px;
    }

    .form_style input,
    input,
    textarea {
        font-size: 18px;
    }

    .wizard_my-car-form .select_car-ttl {
        margin-bottom: 0px;
    }

    .value_menu br {
        display: none;
    }

    .wizard_my-car-form {
        width: 320px;
        margin: 0 auto;
        max-height: none;
        box-shadow: none;
        padding: 0;
        border: none;
    }

    .wizard-warp {
        border: solid 1px #214ea9;
    }

    h1 {
        font-size: 16px;
        margin: 0px 0 10px 0;
        line-height: 19px;
    }

    .main_seo-text ~ .border_btm-grey {
        display: none;
    }

    h3,
    .h3_seo,
    .main_h2 {
        font-size: 15px;
        margin: 0px 0 10px 0px;
    }

    .err_500-left {
        background-position: 5px -159px;
    }

    .hdr_user-info > li a {
        width: 100%;
        height: 100%;
        display: block;
    }

    #left_liq-menu-z ul li {
        width: 320px;
    }

    #left_liq-menu-z {
        width: 320px;
        left: -113px;
        opacity: 1;
    }

    .payment_info,
    .dev_info {
        width: 300px;
        display: block;
        margin: 0 auto;
    }

    .err_404-left {
        margin: 0 auto;
        margin-top: 20px;
        display: block;
        width: 300px;
        background-size: cover;
    }

    .err_404-right {
        margin-top: 30px;
        width: 300px;
        display: block;
        margin: 0 auto;
    }

    .err_404-right_text {
        width: 300px;
    }

    .questions_sect-warp {
        width: 100%;
        margin-top: 20px;
        margin: 0 auto;
    }

    .pay_del-info-i {
        width: 300px;
        margin-right: 0px;
    }

    .massive_face-icon {
        display: block;
        width: 200px;
        height: 200px;
        margin: 0 auto;
    }

    .ask-questions-warp {
        width: 300px;
        margin: 0 auto;
    }

    .user_question {
        width: 300px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .payment_info h3 {
        margin-top: 20px !important;
    }

    .float-right,
    .float-left {
        float: none;
    }

    .img_ab-2,
    .img_ab-1 {
        margin-bottom: 20px;
    }

    .img_ab-1 {
        width: 300px;
    }

    .img_ab-2 {
        width: 200px;
    }

    .typical_page {
        width: 90%;
        display: block;
        margin: 0 auto;
        padding-right: 5px;
        padding-left: 5px;
        overflow-y: scroll;
        max-height: 350px;
        box-sizing: border-box;
    }

    .fastviber {
        display: inline-block;
        position: relative;
        margin-top: 20px;
    }

    .viber-text {
        display: inline-block;
        vertical-align: top;
        width: 45%;
    }

    .attract-text__thin {
        font-weight: 400;
        display: block;
        font-size: 22px;
        line-height: 26px;
    }

    .attract-text__bold {
        font-size: 22px;
        line-height: 26px;
        color: #000;
        margin-left: auto;
        text-align: right;
        font-weight: 600;
    }

    .fastviber:after, .viber-big {
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
    }

    .fastviber:after {
        content: "";
        position: absolute;
        top: 95px;
        right: 35px;
        width: 45px;
        height: 45px;
        transform: rotate(103deg);
        background-image: url(/image_user/curve.svg);
    }

    .bottom-img img {
        width: 45%;
    }

    .viber-big {
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        display: block;
        width: 100px;
        height: 40px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: 27%;
        background-image: url(/image_user/viber.png);
    }

    .parts_group-img {
        display: block;
        position: relative;
        margin: 0 auto;
    }

    .rught_style-log {
        display: none;
    }

    .about-facts-i-head span {
        font-size: 25px;
    }

    .about-facts-i-head {
        font-size: 25px;
        vertical-align: top;
    }

    .about-facts-i-text {
        font-size: 12px;
    }

    .wizard_active-car {
        height: auto;
        background-color: white;
        width: 100%;
        margin: 0;
        border-left: 0px;
        min-height: 37px;
        padding-top: 7px;
    }

    .wizard_top-line > .my_car-id {
        margin: 0 0 0 0;
        margin-top: 0px;
        width: auto;
        position: relative;
        display: inline-block;
    }
.my_car-menu {
    top: auto;
    bottom: 45px;
    right: 5px;
}
    header {
        height: 190px;
    margin-bottom: 5px;
    }

    .wizard_top-line {
    height: auto;
    padding: 0 0 0 5px;
    width: 72%;
    display: inline-block;
    margin: 0 auto;
    }
.selected_car-photo > img {
    width: 90%;
    vertical-align: initial;
}
.selected_car-photo {
    width: 100px;
    height: auto;
    max-height: 80px;
    top: 0px;
    left: 0px;
    position: relative;
}
    .parts_by-group-warp {
        width: 300px;
        display: block;
    }

    .content_main-block h1 {
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
        margin: 0 auto;
        margin-bottom: 10px;
        margin-top: 0px;
        text-align: center;
        box-sizing: border-box;
    }

    .prev_parts-link {
        margin: 0 auto;
        width: 95%;
        margin-top: 15px;
    }
.filtrcat {
    display: inline-block;
        border-radius: 0px;
}
.filters_by-charcs {
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    opacity: 1;
    background-color: white;
    display: none;
    max-height: 750px;
    overflow-y: scroll;
    width: 99%;
}
.sh_snip {
    display: none;
}

    .parts_group-warp {
        width: inherit;
        margin: 0 0 0 0;
        padding-top: 20px;
    }

    .parts_group {
        margin: 0 0 0 0;
    }

    .b-crumbs-list-arowfinish, .prev-parts-vertline, {
        display: none;
    }

    .b-crumbs-list li > a {
        color: #999999;
        font-size: 12px;
        margin-left: 0px;
    }

    .b-crumbs-list li {
        height: 20px;
        line-height: 20px;
        margin: 0 15px 0 0;
        text-transform: lowercase;
    }

    .headline {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
.b-crumbs-list {
padding: 0px 5px 0px 5px;
    width: 100%;
}
.ttl_mdllist .goods_brand-logo {
    top: -15px;
}
.content_main-block .ttl_mdllist h1 {
    margin-bottom: 15px;
}
    .bread_crumbs {
        display: block;
        border: none;
        width: 100%;
        margin-left: 0px;
        box-sizing:border-box;
        overflow: hidden;
        height: auto;
    }

    .content_main-block {
        position: relative;
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
        box-sizing: border-box;
    }
    .bread_crumbs .b-crumbs-list li:after {
        content: "\00b7";
        width: 4px;
        height: 4px;
        top: 0px;
        color: #333333;
        font-size: 24px;
        position: absolute;
        margin: 0 0px 0 0px;
        right: -8px;
        display: inline-block;
    }

    .b-crumbs-list li:before, .b-crumbs-list-arowfinish li:before, .b-crumbs-list li:after {
        border: none;
        display: none;
    }

    .overlay_nav {
        position: relative;
        width: 0px;
        height: 0px;
        z-index: 0;
    }

    .mainchcity {
        top: 35px !important;
        left: -145px;
    }

    .selectCityTitle {
    }

    #left_liq-menu-z .hdr_user-info {
        display: block !important;
    }

    .ftl-right-title + p, .hist-car_srch {
        display: none;
    }

    .hist_text {
        display: block !important;
        margin-left: 20px;
    }

    .year_type {
        display: inline-block;
        width: 80px;
        vertical-align: top;
    }

    .value_menu {
        width: 300px !important;
        box-sizing: border-box;
        padding: 0px 0px 0px 0px;
        left: -1px !important;
        top: auto;
        right: auto;
        bottom: auto;
        z-index: 5;
        position: relative;
    }

    .year-80 {
        display: none;
    }

    .value_menu li {
        display: block;
        width: 100%;
        background-color: #2238a9;
        border-bottom: 1px solid #284f9d;
        color: white;
        box-sizing: border-box;
        text-align: center;
    }

    .Select_car .btn_wizard {
        width: 280px;
        position: static;
        margin: 0 auto;
    }

    .indic_modul {
        position: absolute;
        top: 27px;
        left: -230px;
    }

    .hdr_liquid_sticky {
        display: none !important;
    }

    .footer_main {
        height: 1125px;
    }

    .payment_logo img,
    .payment_logo {
        width: 320px;
    }

    .ftr_border {
        top: 113px;
        width: 100% !important;
        height: 0px !important;
    }

    .ftr_tlf {
        top: 133px !important;
        left: 89px !important;
    }

    .ftr_time {
        top: 238px !important;
        left: 99px !important;
    }

    .ftr_adress {
        bottom: 163px;
        left: 99px;
    }

    .ftr_icon-time {
        top: 4px !important;
        left: -44px !important;
    }

    .ftr_icon-adress {
        top: 1px !important;
        left: -55px !important;
    }

    .ftr_user-info {
        top: 19px !important;
        left: 21px !important;
        width: 280px !important;
        height: auto !important;
        text-align: center;
    }

    .ftr_user-info li {
        margin-bottom: 19px !important;
    }

    .ftr_bsmt-social {
        bottom: 104px;
        left: 93px;
    }

    .ftr_bsmt-logo {
        bottom: 0px !important;
        right: 0px !important;
        height: 160px !important;
    }

    .ftr_bsmt-designer {
        right: 68px !important;
        bottom: 31px !important;
    }

    .select_car-ttl {
        text-align: center;
    }

    .news_list-warp, .end_hdr-stroke, .news_list-item, .main_seo-text, .popular_car-wrap, #hd_viewed, #hd_status, .hdr_liquid_sticky {
        display: none !important;
    }

    .news_block {
        display: inline-block !important;
        width: 220px !important;
        margin-right: 20px;
        vertical-align: top;
    }
.prev-parts-img .item {
    width: 100%;
}
.prev-parts-hover-menu, .ppw_act {
    display: none;
}
    .navbar_main {
        width: 100% !important;
        height: 37px !important;
        margin-bottom: 10px;
    }

    .hdr_liquid-search-block {
        border-bottom: none;
        box-shadow: none;
        margin-bottom: 10px;
    }

    .navbar_btn_name {
        width: 100% !important;
        border-right: none !important;
        border-left: none !important;
    }

    .popular_parts-group-wrap {
        width: 300px !important;
        margin: 0 auto !important;
        height: 200px !important;
    }

    .main_popular-wrap {
        width: 100% !important;
        height: auto !important;
    }

    .popular_car-item {
        width: 160px !important;
    }

    .popular_car-title {
        width: auto !important;
        margin-left: 5px !important;
    }

    .slider {
        width: 235px !important;
        margin: 0 auto !important;
    }

    .baner_main_right {
        display: none !important;
    }

    .popular_goods-wrap {
        margin: 0 0 20px 0px !important;
        padding-left: 20px;
        display: none !important;
    }

    .Select_car,
    .wizard-warp {
        width: 100%;
        height: auto;
        border-left: none;
        border-right: none;
        box-shadow: none;
        padding: 0px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .mycar-form {
        width: 320px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .vin_send {
        width: 100% !important;
        background: none !important;
        height: auto !important;
        padding: 15px 0 15px 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    .slide-item:after {
        height: 0px;
    }

    .secondary_menu-warp {
        padding-top: 20px !important;
    }

    .my-car-form-list > li {
        width: 300px;
        margin: 0 0px 20px 0;
    }

    .main_page-content {
        width: 100% !important;
        height: auto !important;
        margin: 0px auto !important;
    }

    .vin_btn-warp {
        margin: 0 auto !important;
        width: 280px !important;
    }

    .vin_btn-send {
        width: 280px !important;
        margin: 0 auto;
    }

    .vin_title {
        text-align: center;
        font-size: 18px !important;
    }

    .vin_info-text {
        width: 280px !important;
        text-align: left;
        margin: 0 auto;
    }

    .hdr_srch-btn .srch_button {
        width: 37px !important;
        height: 37px !important;
        margin: 0px 0 0 0 !important;
        font-size: 0px !important;
        vertical-align: top;
        color: white !important;
    }

    .btn-srch-sml {
        display: inline-block !important;
        margin: 10px 0 0 2px !important;
    }

    .hdr_srch-table {
        margin: 0 0 0 0 !important;
    }

    .hd_stk_cars, #hd_wished {
        display: none !important;
    }

    #my_basket {
    }

    .hdr_logo {
        width: 138px !important;
        height: 55px !important;
        margin-left: 1px;
    }

    .hdr_tlf-nbr {
        display: none !important;
    }

    .hdr_search-block, .hdr_srch-main {
        width: 300px !important;
        margin: 0 auto !important;
    }

    .hdr_cityline {
        position: absolute;
        left: 160px;
        top: 8px;
    }

    .hdr_srch-warp {
        margin-top: 0px;
        width: auto;
    }

    .select_car-info {
        margin-bottom: 10px;
        margin-left: 10px;
        display: none;
    }

    .popular_parts-group-wrap h2 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 20px;
    }

    .indic_modul {
        top: 12px;
        position: absolute;
        left: -229px;
    }
    .main_content-warp {
        width: 100%;

    }
    .select_car-ttl {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .hdr_layout-line {
        display: none;
    }

    .year_ttl {
        display: none;
    }

    .car_wizard {
        margin: 0 auto;
        width: 300px;
    }

    .my-car-form-list {
        margin: 0px;
        padding-right: 0px;
    }

    .hdr_srch_form_btn {
        margin: 0 0px 0 0px !important;
    }

    .hdr_search-block {
        width: 320px !important;
        height: auto;
    }

    .hdr_city-icon {
        margin-left: 0px;
    }

    .srch-form {
        width: 263px;
    }

    .ftl_srch-next-search {
        width: 340px !important;
    }

    .hdr_user-allbtn-sticky {
        width: 195px !important;
    }

    .stk_cars {
        display: none !important;
    }

    .hdr_user-left-sticky {
        width: 565px !important;
    }

    .hdr_user-allbtn {
        margin-left: 0px;
    }

    .hdr_usr-btn-menu-left {
        display: inline-block !important;
    }

    .hdr_menu {
        width: 100%;
        text-align: center;

    }

    .hdr_user-info {
        display: none;
        margin-right: 0px;
    }

    .hdr_user-info {
    }

    .sticky_view, .stk_wished, .stk_order-st {
        display: none !important;
    }

    .hdr_logo-short {
        margin-right: 10px !important;
    }

    .news_list-item {
        width: 300px !important;
        margin: 0 0 0 20px !important;
        max-height: 300px !important;
        overflow: hidden;
    }

    .news_list-warp h2 {
        margin-left: 20px;
    }

    .main_seo-text h2 {
        margin-left: 20px;
    }

    .main_seo-text_item {
        width: 300px !important;
        margin: 0 auto;
    }

    .popular_goods {
        width: 480px !important;
        margin: 0 auto !important;
        height: 310px;
    }

    .border_btm-grey {
        width: 100%;
    }

    .vin_form-list {
        display: block !important;
        margin: 0 auto;
        width: 280px !important;
        height: auto;
    }

    .ftl-right-title {
        width: 280px;
        height: auto;
        margin: 0 auto;
    }

    .vin-popup-marg p {
        width: 280px !important;
        margin-bottom: 0px;
    }

    .vin_mynumber_warp {
        margin-top: 5px;
    }

    .ftl-info-right {
        height: auto;
        width: 320px;
    }

    .vin_popup-warp {
        width: 320px !important;
        height: auto !important;
        padding-bottom: 0px;
    }

    .vin_form-list input {
        width: 280px !important;
    }

    .car_modif-list .btn_wizard {
        width: 200px !;
    }

    .wizard-main_compl {
        width: 280px;
        margin: 0 auto;
        position: relative;
        margin-bottom: 20px;
    }

    .change_car {
        bottom: 125px !important;
        right: 0px !important;
        z-index: 10;
    }

    .hist-car_srch {
        display: none;
    }

    .car_modif-list {
        margin: 0 auto;
    }

    .wiz_compl-car_foto {
        width: 100%;
        margin: 0 0 15px 0;
        line-height: 140px;
    }

    .wizard-main_compl .h3_ttl b {
        display: block;
    }

    .wiz_compl-car_foto img {
        width: 80%;
    }

    .vin_form-list_icons {
        display: none;
    }

    .vin-popup-marg {
        margin: 0;
        padding-left: 20px;
        box-sizing: border-box;
        padding-top: 20px;
    }

    .btn_vin_request {
        width: 280px;
    }

    .btn_feedback-send-warp {
        margin: 0 auto;
        width: 280px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #my_menu_top {
        display: inline-block;
        border-right: none;
    }
}

/*Адаптивная верстка */
.usa_frm {
    height: 60px;
}

.usa_frm2 {
    height: 1100px;
}

/*!
 * animate.css -http://daneden.me/animate
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

/*!
 * animate.css -http://daneden.me/animate
 */
.eng_prod {
    white-space: nowrap;
}

.arrow_up {
    width: 13px;
    height: 8px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -2px -25px;
}

.arrow_down + .eng_nm-parts + .table-list {
    display: block;
}

.arrow_up + .eng_nm-parts + .table-list {
    display: none;
}

.arrow_minus-quart {
    width: 19px;
    height: 19px;
    background: url(../image/icons/main_page_icons.png);
    background-position: -80px -488px;
    display: inline-block;
}

.arrow_minus-quart + .eng_sect-title + .eng-grp-list {
    display: block;
}

.arrow_pls-quart + .eng_sect-title + .eng-grp-list {
    display: none;
}

.brand-list-item {
    display: inline-block;
    width: 20%;
    font-weight: 600;
}

.brandlistpanel {
    margin: 50px 0;
}

.compatibility tr:last-child > td {
    border-bottom: 1px solid #ccc;
}

.compatibility td:last-child {
    border-right: 1px solid #ccc;
}

.compatibility td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px 6px 5px 10px;
    text-align: left;
}

.compatibility th {
    text-align: left;
    padding: 5px 6px 5px 10px;
    background: none repeat scroll 0 0 #f7f7f7;
    font-weight: bold;

}

.compatibility table {
    border-spacing: 0;
    width: 100%;
}

.ordering_input-list .ui-autocomplete {
    overflow-y: scroll;
    height: 300px;
}

.ordering_input-list .custom-combobox-input, #wh select {
    height: 37px;
    background-color: #fff;
    border: solid 1px #b2b2b2;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    padding-left: 12px;
    background-image: -webkit-linear-gradient(top, #f1f1f1, #fff);
    background-image: -moz-linear-gradient(top, #f1f1f1, #fff);
    background-image: -o-linear-gradient(top, #f1f1f1, #fff);
    background-image: -ms-linear-gradient(top, #f1f1f1, #fff);
    background-image: linear-gradient(to bottom, #f1f1f1, #fff);
    font-size: 14px;
    border-radius: 0;
}

.ordering_input-list .ui-button {
    display: none;
}

.ordering_input-list #consultation label {
    cursor: pointer;
}

.client_data-list input[type="radio"] {
    display: initial;
    width: initial !important;
}

.use_car_cat, .prop_cat {
    position: absolute !important;
    z-index: 101;
    background-color: #ffffff;
    width: 600px;
    border: solid 3px #214ea9;
    padding: 10px;
    max-height: 600px;
    overflow: auto;
    font-size: 12px;
}

.modal_block li {
    font-size: 14px;
}

.use_car_cat .h3_seo {
    margin-top: 0;
    margin-bottom: 10px;
}

.prop_cat li, .use_car_cat li {
    width: 100% !important;
}

.prop_cat .itm_char-warp div {
    display: inline-block;
    height: inherit;
    width: 270px;
    font-size: 14px;
    color: #666;
    text-align: right;
    margin-right: 16px;
}

.use_car_cat .car_list-model > div {
    display: inline-block;
    height: inherit;
    width: 270px;
}

.use_car_cat .arrow_down, .use_car_cat .car_year-from-apl, .use_car_cat .ahch_aplic {
    display: none !important;
}

.use_car_cat a {
    margin-left: 15px;
}

.use_car_api {
    max-height: 400px;
    overflow-x: auto;
    margin-left: -200px;
}

.use_car_api table {
    width: 100%;
}

.icon-car {
    background-position: -194px -489px;
    width: 42px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 5px;
}
.api_items .cat_opt {
    display: block;
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 25px;
}
.day_cost {
    font-weight: 600;
}
.api_items .cat_opt>.btn_cat_opt {
    margin-bottom: 20px;
}
.icon-car:hover {
    background-position: -194px -518px;
}
.icon-cog {
    background-position: -105px -482px;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-top: 5px;
}
.icon-cog:hover {
    background-position: -105px -511px;
}

.prev_parts-item .star {
    margin-left: calc(50% - 32px);
}

.get_use_car, .get_prop_api, .get_user_car_api {
    cursor: pointer;
}

.day_cost_cat {
    font-size: 18px;
    font-weight: bold;
    color: #282828;
    max-height: 24px;
    overflow: hidden;
    margin: 4px 20px 0 20px;
    text-align: center;
}

.analog_block-items .analog-item-warp {
    width: 326px;
    max-height: 100px;
}

.analog_block-items .analog_descriptions-text {
    width: 160px;
}

.analog_block-items .price_btn {
    width: 253px;
    margin-right: 0px;
    margin-top: 40px;
}

.analog_block-items .analog_by {
    position: static;
    width: 39px;
}

.analog_block-items .user-btn_cart {
    margin-left: 8px;
    position: unset;
}

.analog_block-items .analog_prc-ttl {
    width: 115px;
    padding-top: 32px;
}

.car_aplicable-warp li:hover {
    cursor: pointer !important;
}

.car_aplicable-warp li .arrow_down {
    position: absolute;
    top: 16px;
    right: 14px;
}

.cars_applicab div {
    display: inline-block;
    vertical-align: top;
}

.cars_applicab {
    margin-top: 0px !important;
    position: relative;
    left: -20px;
    width: 798px;
}

.cars_applicab ul li {
    font-size: 12px;
    background-color: #ffffff;
    padding-bottom: 10px;
    position: relative;
}

.cars_applicab .drop-down-list-header {
    font-size: 12px;
    color: #333333;
    vertical-align: top !important;
    width: 778px;
}

.vol_3 {
    font-size: 10px;
    position: absolute;
    top: -4px;
    left: 10px;
    font-weight: bold;
}

.cars_applicab ul li:hover {
    cursor: default !important;
}

.cars_applicab .drop-down-list {
    margin: 0px;
    width: 800px;
}

.cars_applicab .drop-down-list-header {
}

.model_car {
    width: 100px;
    margin-right: 20px;
}

.eng_vol-car {
    position: relative;
    width: 40px;
    margin-right: 20px;
}

.power_car {
    width: 100px;
    margin-right: 20px;
}

.fuel_car {
    width: 50px;
    margin-right: 20px;
}

.privod_car {
    width: 119px;
    margin-right: 20;
}

.engine_type {
    width: 60px;
    margin-right: 20px;
}

.cars_applicab div {
    vertical-align: top;
    line-height: 20px;
}

.headline_model {
    position: relative;
    left: -20px;
}

.activat_car_list-model {
    background-color: #d9e2f4 !important;
    font-weight: 600;
}

.use_car_api .cars_applicab, .use_car_cat .cars_applicab {
    width: 585px;
    margin-left: 20px;
}

.use_car_api .cars_applicab .drop-down-list, .use_car_cat .cars_applicab .drop-down-list {
    width: 585px;
}

.cat_opt {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    margin-right: 12px;
}

.btn_cat_opt {
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px #bfbfbf;
    -moz-box-shadow: 0 2px #bfbfbf;
    box-shadow: 0 2px #bfbfbf;
    border: solid 1px #f4f4f4;
    background-image: -webkit-linear-gradient(bottom, rgba(215, 215, 215, .6) 0%, rgba(215, 215, 215, .6) 24%, rgba(255, 255, 255, .6) 76%, rgba(255, 255, 255, .6) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(215, 215, 215, .6) 0%, rgba(215, 215, 215, .6) 24%, rgba(255, 255, 255, .6) 76%, rgba(255, 255, 255, .6) 100%);
    background-image: -o-linear-gradient(bottom, rgba(215, 215, 215, .6) 0%, rgba(215, 215, 215, .6) 24%, rgba(255, 255, 255, .6) 76%, rgba(255, 255, 255, .6) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(215, 215, 215, .6) 0%, rgba(215, 215, 215, .6) 24%, rgba(255, 255, 255, .6) 76%, rgba(255, 255, 255, .6) 100%);
    background-image: linear-gradient(to top, rgba(215, 215, 215, .6) 0%, rgba(215, 215, 215, .6) 24%, rgba(255, 255, 255, .6) 76%, rgba(255, 255, 255, .6) 100%);
    padding: 0 5px 0 5px;
    height: 23px;
    margin-right: 4px;
    margin-bottom: 5px;
    font-size: 14px;
}

.btn_cat_opt-active {
    color: white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 2px 3px #5e040c;
    -moz-box-shadow: inset 0 2px 3px #5e040c;
    box-shadow: inset 0 2px 3px #5e040c;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .19), rgba(255, 255, 255, .19));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .19), rgba(255, 255, 255, .19));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .19), rgba(255, 255, 255, .19));
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .19), rgba(255, 255, 255, .19));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .19), rgba(255, 255, 255, .19));
    border: solid 1px #bf1e2e;
    background-color: #ca2336;
}

.btn_cat_opt-active a {
    color: white;
    border: none;
    cursor: default;
}

.btn_cat_opt-active:hover a {
    color: white !important;
    border: none !important;
    cursor: default !important;
}

.cat_btn {
    display: inline-block;
    position: absolute;
    right: 0px;
}

.cat_btn .user-btn_cart {
    background-position: -191px -1px;
    position: unset;
    left: 13px;
    top: 10px;
    width: 31px;
    height: 22px;
    margin-left: 8px;
}

.prev_parts-item div.cat_opt:nth-child(8) {
    margin-right: 0;
}
.eng_right-bl, .eng-tbl-inner li {
    width: 100%;
}

.navbar_search {
    display: none;
    background-image: unset;
    padding: 0px 5px 5px 7px;
}

.navbar_menu-list > li.all_navbar {
    display: none;
}

.navbar_menu-list > li:nth-child(5) {
    border-left: 1px solid rgb(203, 203, 203);
}

.navbar_menu-list > li > .more_list > .more_list_item {
    position: absolute;
    right: 0;
    background: white;
    width: 197px;
    border-bottom: 1px solid rgb(203, 203, 203);
    border-right: unset;
    height: 55px;
}

.hide_navbar > .navbar_dropdown-right {
    left: -800px;
    right: 197px;
    top: 0;
    width: unset;
}

.more_list {
    display: none;
}

.more_list_item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    color: #333333;
    font-weight: 500;
    height: 100%;
}

.navbar_searchlist::-webkit-scrollbar {
    width: 4px;
    height: 0;
}

.navbar_searchlist::-webkit-scrollbar-thumb { /* 1 - скроллбар */
    border-radius: 2px;
    background-color: #ec6266;
}

.navbar_searchlist {
    display: none;
    background: white;
}

.cat-filters-link{
    text-align: center;
    color: #333333;
    font-weight: bold;
    text-decoration: underline;
    font-size: 12px;
}
.cat-filters > a{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
}


@media screen and (min-width: 320px) and (max-width: 1177px) {

    .navbar_searchlist {
        display: block;
    }

    .navbar_menu-list > i {
        position: relative;
        width: 100%;
        display: block;
    }

    .navbar_menu-list > i > span {
        width: 15px;
        height: 24px;
        position: absolute;
        right: 7px;
        top: -27px;
        content: " ";
        background: url(../image/icons/main_page_icons.png);
        background-position: -8px -177px;
    }

    .navbar_searchlist {
        max-height: 290px;
        overflow: scroll;
    }

    .navbar_searchlist a {
        display: flex;
    }

    .navbar_searchlist > li:hover {
        background: #eaeaea;
    }

    .navbar_main {
        width: unset;
    }

    .menu_list {
        border: unset;
        background: unset;
    }

    .all_navbar {
        display: block !important;
    }

    .navbar_menu {
        width: 100%;
        margin: 0 auto;
        margin-top: 7px;
    }

    .navbar_menu-list {
        border: solid 1px #7390c9;
        display: none;
        background: unset;
        box-sizing: border-box;
        background-color: #fff;
    }

    .navbar_search {
        display: block;
        color: #333333;
        font-size: 17px;
        width: 100%;
        border: solid 1px #7390c9;
        padding-top: 3px;
    }

    .navbar_menu-list li:not(.navbar_dropdown-item) > a {
        justify-content: left;
    }

    .navbar_menu-list > li > .MenuTDGo {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .navbar_menu-list > li {
        width: unset;
        font-size: 14px;
        height: unset;
        background: white;
        border-right: unset;
    }

    .navbar_menu-list li > a {
        color: #224ea9;
        padding: 5px 10px;
    }

    .navbar_btn_name {
        display: block;
        width: 100%;
    }
}
