/*стили текста*/

.title_oktan {
    font-size: 50px;
    font-family: 'HyundaiSansHead';
    font-weight: 100;
}

.title_oktan--small {
    margin: 0 20px;
    font-size: 23px;
    font-family: 'HyundaiSansHead';
    font-weight: 400;
}

.title_oktan--europlan {
    display: block;
    margin-top: 20px;
}

.ul_style_oktan {
    list-style: disc;
}

.li_style_oktan {
    position: relative;
    padding-left: 50px;
    line-height: 28px;
}

.link_oktan {
    color: #00C;
}

.li_style_oktan::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 11px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #AF9C91;
}

.wrapper_text-oktan {
    margin-bottom: 15px;
    margin-top: 10px;
}


/*ГЛОБАЛЬНЫЕ ЭЛЕМЕНТЫ*/

.textblock {
    display: flex;
    margin-left: 5px;
    align-items: center;
    margin-top: -12px;
}

.textblock img {
    display: inline-block;
    vertical-align: top;
}

.oktan-button {
    background: #1a85ca;
    color: #fff;
    font-family: "Arial";
    font-size: 12px;
    font-weight: 900;
    padding: 18px 50px 14px;
    text-align: center;
    text-transform: uppercase;
    transition: background 200ms ease 0s;
    width: 240px;
}

.hpromice_btn {
    display: block;
    width: 95%;
    height: 40px;
    margin: 10px auto;
    padding-top: 7px;
    background-color: transparent;
    border: 2px solid #418ce5;
    border-radius: 3px;
    color: #418ce5;
    text-align: center;
    text-decoration: none;
    transition: border-color 0.2s;
}

.hpromice_btn:hover {
    border-color: #ffffff;
    color: #ffffff;
}

.header_phone {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 5px;
    color: #a6a6a6;
    font-size: 20px;
    font-family: "HyundaiSansHead", "Hevetica", "Arial", sans-serif;
    font-weight: 400;
    cursor: auto;
}

.navbar_logo {
    display: inline-block;
    vertical-align: middle;
    padding-top: 2px;
    cursor: auto;
}

.social_oktan {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #f6b9ff;
    text-align: center;
    padding-top: 10px;
    opacity: 0.17;
    transition: opacity 0.3s linear;
}

.social_oktan:hover {
    opacity: 1;
}


/*блоки*/


/*navbar-primary__sp*/

.navbar-primary__sp::before {
    display: none;
}

.submenu-content {
    padding-bottom: 15px;
}


/*стили страниц*/


/*услуги/Trade-In*/

.trade-in-contacts {
    margin: 20px;
    margin-left: 50px;
}


/*кредит*/

.evroplan {
    margin-top: 10px;
}

.evroplan_table {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.evroplan_col1 p,
.evroplan_col2 p {
    margin-bottom: 10px;
}

.evroplan_col2 {
    margin-left: 40px;
}

.vtb {
    margin-top: 20px;
    margin-bottom: 20px;
}

.vtb__contact {
    margin-top: 15px;
    margin-bottom: 15px;
}


/*expresservice*/

.content--no_background {
    background: none;
    background-color: #ffffff;
}

.expresservice__title {
    margin-bottom: 20px;
}

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

.expresservice__button:hover {
    opacity: 0.7;
}

.expresservise__table {
    width: 940px;
    border-collapse: collapse;
    border: 2px solid #5D6E82;
    font-size: 16px;
    color: #5D6E82;
}

.expresservise__table td,
th {
    border: 2px solid #5D6E82;
    padding: 15px;
}

.expresservise__table th {
    text-align: center;
}


/*aboutus*/

.content-header-fw__text--oktan_about {
    text-align: right;
    margin-top: 45px;
}

.content--aboutus .content-title--oktan_about {
    width: 940px;
    margin: 0 auto;
}

.content-title--oktan h1 {
    font-size: 23px;
    font-family: 'HyundaiSansHead';
    color: #454545;
}

.aboutus__values-wrapper {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    margin: 20px 0;
}

.aboutus__values-item {
    width: 19%;
    text-align: center;
}

.aboutus__img-wrapper {
    width: 100%;
    height: 150px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.aboutus__text-item--title {
    font-weight: bold;
    font-family: 'HyundaiSansHead';
    color: #454545;
    font-size: 16px;
    margin-bottom: 10px;
}

.aboutus__img-item {
    width: 50%;
}

.aboutus__values-item:nth-child(4) img {
    width: 33%;
}

.aboutus__values-title {
    width: 100%;
    text-align: center;
    font-family: 'HyundaiSansHead';
    color: #454545;
    font-size: 23px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.aboutus--oktan b {
    font-weight: bold;
    font-family: 'HyundaiSansHead';
    color: #454545;
    font-size: 16px;
}

.reward__title {
    width: 100%;
    text-align: center;
    font-family: 'HyundaiSansHead';
    color: #454545;
    font-size: 23px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.reward,
.reward__wrapper {
    width: 100%;
    margin-bottom: 7px;
}

.reward__wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.reward__year-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
}

.reward__item {
    width: 160px;
    text-align: center;
}

.reward__img-item {
    width: 85px;
}

.reward__img-item--small {
    width: 55px;
}

.reward__item .aboutus__text-item {
    font-size: 12px;
}


/*vacance*/

.vacance-button {
    display: block;
    margin: 0 auto;
    background: #103a71 none repeat scroll 0 0;
    border: 2px solid #103a71;
    color: #fff !important;
    line-height: 40px;
    text-decoration: none !important;
    transition: background 0.15s cubic-bezier(0.65, 0.05, 0.36, 1) 0s, color 0.15s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    width: 300px;
    font-size: 16px;
    padding: 10px 20px;
    margin-bottom: 20px;
    margin-top: -20px;
    font-family: HyundaiSansHead;
    font-weight: 500;
}

.vacance__img {
    width: 100%;
}


/*team*/

.team {
    display: flex;
    flex-flow: row wrap;
    width: 940px;
    justify-content: center;
    align-content: flex-start;
}

.team__item {
    width: 220px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.team__item img {
    border: none;
}

.team__item:nth-child(3n) {
    margin-right: 0;
}

.team__text--bold {
    font-weight: bold;
}

.team__link-mail {
    color: #00C;
}

.team__title-small {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 840px;
    padding-left: 100px;
    text-align: left;
    font-size: 25px;
}

.team__foto {
    width: 220px;
    height: 323px;
    display: block;
    position: relative;
    margin-bottom: 5px;
}

.team__foto-wrapper {
    position: relative;
}

.best-manager::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -1px;
    width: 221px;
    height: 328px;
    background-image: url(/media/img/oktan/personal/best_manager.png);
    background-repeat: no-repeat;
}

.best-manager::before {
    content: attr(data-description);
    z-index: 10;
    position: absolute;
    top: 305px;
    left: 54px;
    font-family: 'Modern H Medium';
    font-size: 11px;
    color: #ffffff;
    width: 100%
}

.modal_oktan {
    display: none;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    transition: opacity 500ms ease-in;
}

.modal_oktan-show {
    display: block;
}

.modal_oktan-team {
    width: 300px;
    background: #F1EFEE;
    position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -150px;
    color: #000000;
    padding: 30px;
    border-radius: 7px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
    text-shadow: 0 1px 0 #fff;
    text-align: center;
}

.modal__btn_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 50%;
    font-size: 0;
    background-color: #AF9C91;
}

.modal__btn_close::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 5px;
    width: 15px;
    height: 2px;
    background-color: #ffffff;
    transform: rotate(45deg);
}

.modal__btn_close::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 5px;
    width: 15px;
    height: 2px;
    background-color: #ffffff;
    transform: rotate(-45deg);
}

.modal_btn-ok {
    width: 200px;
    height: 30px;
    margin-top: 10px;
    color: #fff;
    background-color: #AF9C91;
    border: none;
    border-radius: 5px;
}

.modal_text--big {
    font-weight: bold;
    font-size: 16px;
}

.btn_viber_team {
    border: none;
    background: none;
    padding: 0;
}


/*contacts*/

.wrapper-februra {
    display: none;
    width: 940px;
    padding-top: 30px;
    margin: 0 auto;
    text-align: center;
}

.februra {
    /*display: none;*/
    width: 940px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    color: red;
    font-family: Arial, sans-serif;
    font-size: 18px;
    margin: 0 auto;
    margin-top: 10px;
}

.ferura {
    display: none;
    margin: 0 auto;
    width: 940px;
    margin-top: 20px;
    text-align: center;
}

.time-work {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 300px;
}

.time-work__quad-wrapper {
    display: flex;
    flex-flow: row nowrap;
    height: 30px;
    margin-left: 8px;
    margin-right: 30px;
}

.time-work__quad {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    padding-top: 5px;
    border-radius: 2px;
    background-color: #1b83c6;
    text-align: center;
    font-family: ModernhMedium;
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.time-work__quad--red {
    background-color: #bcbec0;
}

.time-work__text-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.time-work__text {
    width: 150px;
    text-align: center;
    padding-top: 10px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.tel li {
    display: block;
    margin-left: 40px;
}

.soci li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.adress-wrapper,
.telefon-wrapper {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
}

.adress-wrapper b,
.telefon-wrapper b {
    font-size: 16px;
}

.adress {
    display: inline-block;
    background-image: url("/media/img/oktan/contacts.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 25px;
    height: 32px;
}

.telefon {
    display: inline-block;
    background-image: url("/media/img/oktan/contacts.png");
    background-position: -30px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 15px;
}

.img_social:hover {
    opacity: 0.7;
}

.about_t {
    padding-top: 1px;
    margin: 0 auto;
    position: relative;
    max-width: 1920px;
    width: 100%;
    height: 330px;
}

.about_fon {
    position: relative;
    margin: 0 auto;
    top: -347px;
    background: url("/media/img/oktan/about_fon.png") 0 -27px;
    width: 940px;
    height: 340px;
    opacity: 0.9;
    box-shadow: inset 0 0 6px;
    padding: 10px;
    padding-top: 2px;
    padding-left: 20px;
    font-size: 95%;
    border-radius: 5px;
}


/*sales auto*/

.sale-models {
    width: auto;
    padding: 0;
    margin: 0;
    background-color: white;
}

.sale-models__item {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin-right: 10px;
    margin-bottom: 40px;
    opacity: 0.9;
}

.sale-models__item:hover {
    opacity: 1;
}

.sale-models__item:nth-child(3n) {
    margin-right: 0;
}

.sale-models__title {
    font-size: 18px;
    font-family: inherit;
    text-align: center;
    color: #1D88CD;
}

.sale-models__title--item {
    font-size: 40px;
}

.sale-models__link-btn {
    display: block;
    width: 250px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 20px;
    padding-bottom: 12px;
    padding-top: 7px;
    background-color: #1D88CD;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
}

.sale-models__images-wrapper {
    width: 600px;
    display: inline-block;
    vertical-align: top;
}

.sale-models__button-wrapper {
    width: 335px;
    display: inline-block;
}

.sale-models__btn {
    width: 200px;
    height: 50px;
    border: 0;
    border-radius: 5px;
    background-color: black;
    color: white;
    text-align: center;
    font-size: 14px;
    margin-top: 130px;
}

.sale-models__btn--max {
    background-color: red;
    width: 280px;
    text-transform: uppercase;
    margin-top: 15px;
}

.sale-models__line-text {
    text-decoration: line-through;
}

.sale-models__text {
    width: 280px;
    height: 50px;
    margin-top: 10px;
    padding-top: 10px;
    background-color: #1D88CD;
    color: #ffffff;
    text-align: center;
    font-size: 17px;
}

.sale-models__lead {
    margin-top: 50px;
    font-size: 18px;
}

.contacts_sale {
    margin: 0 auto;
    width: 940px;
}

.ten_cover {
    width: 500px;
    margin: 0 auto;
    padding-top: 20px;
}

.ten_sale {
    padding-bottom: 20px;
    font-size: 16px;
    text-align: center;
    color: #1d88cd;
}

.ten-color {
    background-color: #bce6f6;
    color: #558719;
    font-weight: bold;
}

.trade_in-color {
    background-color: #dfeac4;
    color: #000000;
    font-weight: bold;
}

.car-view__photo__medium img {
    width: auto;
}

.asphalt {
    width: 350px;
    height: 45px;
    padding-top: 10px;
    padding-left: 38px;
    padding-right: 38px;
    float: left;
    background-image: url(/media/img/oktan/asphalt.jpg);
    background-repeat: no-repeat;
    text-align: center;
}

.asphalt_link {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    color: white;
}

.asphalt_link:hover {
    text-decoration: none;
}

.header-center {
    padding-bottom: 0;
    padding-top: 0;
}

.header-center-right {
    padding-top: 0;
    padding-right: 0;
}

.header-center-right-btn {
    overflow: visible;
}

.sales_backgroud {
    width: 100%;
    height: 55px;
    padding: 0;
    margin: 0;
}

.sales_backgroud--2016 {
    background: #e8e5e0 url(/media/img/oktan/asphalt_big.jpg) no-repeat;
    height: 55px;
    text-transform: uppercase;
    padding-top: 7px;
    font-size: 28px;
    color: white;
    text-align: center;
    opacity: 0.8;
}

.sales_backgroud--solaris {
    height: 70px;
    background: url(/media/img/oktan/background_solaris.png) no-repeat;
}

.sales_backgroud--2017 {
    height: 70px;
    background: url(/media/img/oktan/sale_2017.png) no-repeat;
}

.sales_backgroud--ten {
    height: 70px;
    background: url(/media/img/oktan/small_summer.jpg) no-repeat;
}

.content_wrap .title_area--solaris_new {
    height: 50px;
}

.wrapper_send_email {
    width: 940px;
    height: auto;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 30px;
    text-align: center;
    background-color: white;
}

.sales_gravitation {
    padding: 0;
    background: none;
    margin-bottom: 10px;
}

.img-container-final {
    width: 1920px;
    margin: 0 auto;
    text-align: center;
}

.container_sale_auto {
    width: 940px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.sale-models {
    width: auto;
    padding: 0;
    margin: 0;
    background-color: white;
}

.sale-models__item {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin-right: 10px;
    margin-bottom: 40px;
    opacity: 0.9;
}

.sale-models__item:hover {
    opacity: 1;
}

.sale-models__item:nth-child(3n) {
    margin-right: 0;
}

.sale-models__title {
    font-size: 18px;
    font-family: inherit;
    text-align: center;
    color: #1D88CD;
}

.sale-models__title--item {
    font-size: 40px;
}

.sale-models__link-btn {
    display: block;
    width: 250px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 20px;
    padding-bottom: 12px;
    padding-top: 7px;
    background-color: #1D88CD;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
}

.sale-models__images-wrapper {
    width: 600px;
    display: inline-block;
    vertical-align: top;
}

.sale-models__button-wrapper {
    width: 335px;
    display: inline-block;
}

.sale-models__btn {
    width: 200px;
    height: 50px;
    border: 0;
    border-radius: 5px;
    background-color: black;
    color: white;
    text-align: center;
    font-size: 14px;
    margin-top: 130px;
}

.sale-models__btn--max {
    background-color: red;
    width: 280px;
    text-transform: uppercase;
    margin-top: 15px;
}

.sale-models__line-text {
    text-decoration: line-through;
}

.sale-models__text {
    width: 280px;
    height: 50px;
    margin-top: 10px;
    padding-top: 10px;
    background-color: #1D88CD;
    color: #ffffff;
    text-align: center;
    font-size: 17px;
}

.sale-models__lead {
    margin-top: 50px;
    font-size: 18px;
}

.contacts_sale {
    margin: 0 auto;
    width: 940px;
}


/*hcar*/


/*-----car hpromise-----*/

.container_info_hcar {
    position: relative;
    width: 1260px;
    padding-left: 160px;
    padding-right: 160px;
    padding-top: 15px;
    margin: 0 auto;
    padding-top: 90px;
    background-color: #FFFFFF;
    margin-bottom: 30px;
}

.hcar_btn_container a {
    text-decoration: none;
}

.hcar_img_container {
    width: 480px;
    float: left;
}

.hcar_info {
    width: 460px;
    float: left;
    padding-left: 36px;
}

.hcar_info_title {
    font-size: 350px;
    font-family: 'modern_h_light';
    color: #000;
    line-height: 0.8em;
    margin-bottom: 20px;
}

.hcar_parametr {
    display: inline-block;
    vertical-align: top;
    width: 310px;
    line-height: 1;
    font-size: 15px;
    color: #a3a3a3;
    margin-bottom: 15px;
}

.hcar_parametr_value {
    display: inline-block;
    vertical-align: top;
    width: 36px;
    line-height: 1;
    font-size: 15px;
    color: #404040;
    margin-bottom: 15px;
}

.hcar_img_hprom {
    margin-top: 50px;
}

.hcar_name_dealer {
    display: block;
    float: left;
    font-size: 1.7em;
    font-family: 'rus_modern_h_light';
    line-height: 1.7em;
    text-align: left;
}

.hcar_contacts {
    width: 100%;
}

.hcar_tel_dealer {
    display: block;
    float: right;
    font-size: 1.7em;
    font-family: 'rus_modern_h_light';
    line-height: 1.7em;
    text-align: right;
}

.hcar_price {
    font-size: 35px;
    color: #1A85CA;
}

.hcar_btn_container {
    width: 100%;
    margin-top: 15px;
}

.hcar_btn {
    float: left;
    width: 250px;
    height: 53px;
    padding: 15px 0px;
    border: none;
    background-color: #1A85CA;
    color: #ffffff;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 0.8em;
    line-height: 1em;
    text-align: center;
    font-family: Arial Black;
    text-transform: uppercase;
    cursor: pointer;
}

.hcar_detail {
    width: 1280px;
    padding-left: 160px;
    padding-right: 160px;
    background: none;
    margin: 0 auto;
}

.hcar_detail_title {
    font-size: 30px;
    margin-top: 0.8em;
    line-height: 1;
    color: #000;
    font-family: 'rus_modern_h_light';
    margin-bottom: 20px;
}

.hcar_detail_col {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    margin-bottom: 60px;
}

.hcar_detail_col_title {
    color: #000;
    font-size: 25px;
    ;
    line-height: 30px;
    font-family: 'modern_h_medium';
    margin-bottom: 15px;
}

.hcar_detail_list {
    list-style: none;
}

.hcar_detail_item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.hcar_detail_item::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: #1880c3;
}


/*-----popup-----*/

.hcar_popup {
    display: none;
    position: fixed;
    top: 20px;
    width: 390px;
    height: 600px;
    left: 50%;
    margin-left: -190px;
    padding-right: 10px;
    background-color: #FFFFFF;
}

.hcar_popup1 {
    height: 470px;
}

.hcar_popup2 {
    height: 720px;
}

.hcar_popup_title {
    width: 350px;
    padding: 25px;
    color: #303030;
    font-family: 'rus_modern_h_medium';
    font-size: 21px;
    background-color: #F2F2F2;
    margin-bottom: 8px;
}

.hcar_popup_text {
    width: 380px;
    padding-left: 25px;
    padding-right: 25px;
}

.hcar_popup_text input[type="text"] {
    width: 328px;
    height: 40px;
    padding-left: 13px;
    padding-right: 13px;
    margin-bottom: 10px;
}

.good_link {
    width: 380px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 35px;
}

.good_link_title {
    font-size: 16px;
    margin-bottom: 15px;
}

.good_link input[type="radio"] {
    display: none;
}

.good_link label {
    position: relative;
    padding-left: 40px;
    padding-top: 5px;
    margin-right: 20px;
}

.radio_indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #BCBEC0;
}

.good_link input[type="radio"]:checked+.radio_indicator {
    background-color: #268DCF;
}

.question {
    width: 380px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 25px;
}

.question textarea {
    width: 350px;
    border: 1px solid #cfcfcf;
}

.i_data {
    position: relative;
    width: 380px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 25px;
}

.i_data input[type="checkbox"] {
    display: none;
}

.i_data input[type="checkbox"]:checked+.checkbox_indicator {
    background-color: #268DCF;
}

.i_data label {
    position: relative;
    padding-left: 50px;
    padding-top: 10px;
}

.i_data .open_rules {
    margin-left: 50px;
    display: none;
}

.i_data .open_rules:hover~.rules {
    display: block;
}

.checkbox_indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 37px;
    height: 37px;
    border: 1px solid #cfcfcf;
}

.checkbox_indicator {
    background: none;
}

.btn_popup_one {
    width: 350px;
    height: 50px;
    margin-left: 25px;
    padding: 0 33px;
    background-color: #1A85CA;
    color: #ffffff;
    font-size: 21px;
    border: none;
}

.rules {
    display: none;
    position: absolute;
    top: 10px;
    left: -250px;
    z-index: 999;
    width: 1000px;
    margin: 0 auto;
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
}

.rules_active {
    display: block;
}

.car-view__photo-link img {
    height: 80px;
}

.car-view__options {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px;
    width: 33%;
    margin-top: 1.8em;
}


/* картинки разделов услуг*/


/*

.content--warranty .content-header-fw {
	background: none;
	background-color: #ffffff;
}

.content--warranty .content-header-fw {
	background-image: url(/media/img/oktan/uslugi/corp.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.content-header-fw .oktan_header--text {
	color: black;
}*/

.content--trade_in .oktan_header_strah {
    background-image: url(/media/img/oktan/uslugi/strahovanie.jpg);
    color: black;
}

.content--trade_in .oktan_header_trade-in {
    background-image: url(/media/img/oktan/uslugi/tradein.jpg);
    color: black;
}

.content--trade_in .oktan_header_credit {
    background-image: url(/media/img/oktan/uslugi/credit.jpg);
    color: black;
}

.content--aboutus .header_about_oktan {
    height: 341px;
    background-image: url(/media/img/oktan/about_oktan.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
}

.content--trade_in .oktan_header_corp .oktan_header--text {
    color: white;
}

.header_about_oktan {
    background: none;
}


/*сервис стоимость ТО*/

.materials-pdf-wrap--price {
    bottom: -110px;
}

.materials-pdf-wrap-asses {
    bottom: -205px;
}

.sale_2016_btn {
    display: block;
    height: 42px;
    width: 180px;
    background-image: url(/media/img/oktan/sale_auto/2016_small.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sale_2016_btn:hover {
    background-image: url(/media/img/oktan/sale_auto/2016_small.jpg);
    background-size: contain;
    opacity: 0.7;
}

.navbar-primary__btn_hprom,
.hpromice_btn {
    background-color: #013368;
    color: #ffffff;
}

.requisites {
    width: 100%;
    height: auto;
    font-size: 16px;
    margin-bottom: 10px;
}

.requisites__title {
    font-size: 18px;
    font-weight: bold;
}

.requisites__paragraph b {
    font-size: 18px;
}

.main-header__logo {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    min-width: 130px;
    padding-top: 5px;
    line-height: 80px;
    height: auto;
}

.logoblock {
    line-height: 35px;
}


/*-витрина-*/

.p-header-first-line__logo {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}

.logo {
    line-height: 1;
}

.p-header-first-line__logo .logo__img {
    display: inline-block;
    width: 163px;
}

.p-header-first-line__logo span {
    color: #002c5f;
    position: relative;
    padding-left: 15px;
    margin-left: 15px;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
}

.p-header-first-line__logo span::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 1px;
    background: #b7b7b7;
    left: 0;
    top: -2px;
}

.p-header-first-line__logo span::before {
    left: -2px;
}

.catalog-list .autos_list_head,
.auto_detail_info {
    background: none;
}


/*-витрина машины по модели-*/

.small_text {
    text-align: left;
    color: #ffffff;
    font-size: 8px;
}

.car-card {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0;
    box-shadow: 0 4px 13px rgba(0, 47, 109, .25);
    margin-bottom: 20px;
}

.car-card__info {
    position: relative;
    z-index: 2
}

.car-card__sticker {
    position: absolute;
    top: 0;
    right: -15px;
    text-align: center
}

.car-card__stock {
    position: absolute;
    top: 0;
    right: -15px;
    padding: 3px 15px 2px;
    font-size: 13px;
    line-height: normal;
    color: #fff;
    border-radius: 7px
}

.car-card__stock--on {
    background-color: #7bc248;
}

.car-card__stock--off {
    background-color: #fc0;
}

.car-card__stock--only {
    border-radius: 0;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.car-card__option {
    flex-shrink: 0;
    height: 60px;
    display: block;
    font-family: Hyundai Sans Head, sans-serif;
    line-height: 1.2;
}

.car-card__price {
    margin-bottom: 15px;
}

.car-card__price .price-block {
    display: flex;
    text-align: left;
}

.autos_list_head .form_search_block {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: -50px !important;
    padding-bottom: 30px !important;
}

#set_filter {
    border: 0 !important;
}

.lg_50 {
    text-align: left !important;
}

.btn-filter {
    width: auto;
    height: 40px;
    border: 2px solid #b3b3b3;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-right: 7px;
    background-color: #ffffff;
    color: #113a70;
    cursor: pointer;
}

.filter_title {
    font-size: 19px;
}

.btn-filter--active {
    background-color: #113a70;
    color: #fff;
    border-color: transparent;
}


/*.oktan_offer_call {
    width: 90% !important;
    margin-top: auto !important;
}*/

.car-card__part {
    min-height: 255px;
    background-color: #f6f3f2;
    position: relative;
}

.car-card__part .car-card__options {
    flex-flow: column nowrap;
    align-items: flex-start;
}

.car-card__option-title {
    font-size: 20px !important;
}

.car-card__option-icon-text {
    font-size: 14px !important;
}

.price-block__part1-text span {
    font-size: 18px;
    font-weight: bold;
}

.car-card__sticker {
    top: 190px;
    right: 0px;
    width: 150px;
    height: 30px;
}

.car-card__sticker .sticker--rounded-left {
    border-radius: 0;
    width: 100%;
    height: 100%;
    line-height: 30px;
    background-color: #e63312;
    text-align: left;
    font-weight: bold;
}

.car-card__stock {
    top: 147px;
    right: 0px;
    width: 150px;
    border-radius: 0;
    height: 30px;
    line-height: 30px;
    text-align: left;
    background-color: #e4dcd3;
    color: #003a70;
    font-weight: bold;
}

.car-card__info {
    padding: 20px 20px 20px 30px;
    width: 33.3%;
}

.slider_on {
    width: 28%;
    margin-left: 15px;
    margin-top: 15px;
}

.price-block__part1-title {
    font-size: 17px !important;
}

.price-block__part1-text {
    font-size: 22px;
}

.car-card__name-desktop {
    min-width: 250px;
    text-align: left;
    margin-bottom: 15px;
}

.car-card__name-part1 {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 400;
}

.car-card__name-part2 {
    font-size: 22px;
    font-weight: 700;
}

@media (max-width: 1499px) {
    /* .oktan_offer_call {
        margin-top: 50px !important;
    }*/
}

@media (max-width: 768px) {
    .small_text {
        bottom: -25px;
    }
    .car-card {
        flex-flow: column nowrap;
    }
    .car-card__info {
        width: 100%;
        box-sizing: border-box !important;
    }
    .car-card__part {
        width: 100% !important;
        box-sizing: border-box;
    }
    .slider_on {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
    }
    .filter_title {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .form-item {
        text-align: center !important;
    }
    .filter_btn {
        text-align: center !important;
        margin-top: 20px !important;
    }
}

.car-card__info {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
}

.car-card__btns {
    margin-top: auto !important;
    margin-bottom: 18px;
}

.cars-grid__item {
    min-width: 270px !important;
}

.form-item {
    position: relative;
}

.back_link {
    position: absolute;
    top: -85px;
    left: 30px;
    display: block;
    text-decoration: none;
}

@media (max-width: 1000px) {
    .back_link {
        top: -70px;
    }
}

@media (max-width: 768px) {
    .back_link {
        left: 50%;
        margin-left: -63px;
    }
}

.p-header-first-line__logo {
    margin-left: 100px;
}

@media (max-width: 550px) {
    .p-header-first-line__logo {
        margin-left: 0;
    }
}

.price-block__part1 s {
    color: #e63312;
}

.price-block .car_price {
    color: #000000;
}

.price-block .price-block__part1 {
    margin-bottom: 0;
}

.car-card__price {
    margin-bottom: 3px;
}