@media (max-width: 1000px) {
    .nav_car_big {width: 412px;}
    .wrapper_big {width: 412px; height: 266px;}
    .wrapper {width: 307px; height: 250px;}
    .nav_goods_index {width: 307px;}
    .wrapper_small {width: 201px; height: 168px;}
    .nav_goods_index_small {width: 201px; height: 355px;}
    .wrapper_news {width: 400px; height: 310px;}
    .wrapper_staff {width: 400px; height: 310px;}
    .nav_news {width: 400px; height: 620px;}
    .table_reviews {width: 430px;}
    .nav_reviews {width: 450px;}
    .table_staff {width: 385px;}
    .table_news {width: 380px; height: 290px;}
    .nav_reviews_hr {width: 440px;}
    .nav_staff {width: 400px;}
    .nav_goods_index_list {width: 300px;}
    .place_tale {display: none;}
    .place_tale {display: none;}
    .button_menu {display: none;}
    .button_menu_work {display: none;}
    .button_menu_two {display: none;}
    .button_menu_work_two {display: none;}
    .place_mobile {display: none;}
    .place_mobile_menu {display: none;}
    .place_slider {display: none;}
    .place_index_one {width: 100px;}
    .place_index_two {width: 100%;}
    .place_photer {width: 400px;}
    .poisk {width: 240px;}
    .poisk input[type="poisk"] {width: 160px;}
    .fonts_cat1 {font-size: 22px;}
    .fonts_cat1_work {font-size: 22px;}
    .fonts_cat2 {font-size: 20px; margin-left: 0px;}
    .fonts_cat2_work {font-size: 20px; margin-left: 0px;}
    .fonts_cat3 {font-size: 20px; margin-left: 0px;}
    .fonts_cat3_work {font-size: 20px; margin-left: 0px;}
    .placerr {width: 95%; text-align: center;}
    .placerrin {max-width: 500px;}
    .fonts_top {font-size: 15px;}
    .fonts_top_white_25 {font-size: 15px;}
    .placerl {width: 95%;}
    .nav_baskets {width: 450px;}
    .hrbas {width: 450px;}
    .place_fig {padding: 0px 0px 30px 0px;}
    .ui-autocomplete {max-width: 400px;}
    .main_panel {width: 95%; padding-top: 10px; padding-bottom: 10px;}
    .select_index {width: 345px;}
    .place_footer_br {width: 95%;}
    .place_footer_admin {max-width: 1000px;}
    .place_footer_text{width: 100%;}
    .place_footer_sort{}
    .place_mobile_footer{display: none;}
    .sort_select {width: 250px;}
    .placerra {width: 100%;}
    .main_slider {font-family: fonts; margin:auto; background: white;}
    .place_main_clever_index {width: 450px;}
    .place_main_clever_right {width: 450px;}
    .place_main_right {width: 450px;}
    #otstup_top_index_global {margin-top: 300px;}
    #otstup_top_slide {margin-top: 5px;}
    .table_footer {width: 400px;}
    .place_comment {max-width: 450px;}
    .textarea_comment {width: 400px;}
    .textarea_rating {width: 360px;}
    .place_main_red {max-width: 450px;}
    .place_basket_contact {max-width: 450px;}
    .text_basket {width: 430px;}
    .textarea_basket {width: 422px;}
    .place_main_clever {width: 80%;}
    .place_main_clever:hover {transform: scale(1);}
    .place_comment_new {width: 95%;}
    .main {padding-top: 30px; padding-bottom: 30px; width: 95%;}
    .main_catalog {padding-top: 30px; width: 95%;}
    .placer_interface_contact {width: 95%;}
    .otstup_top_slider {}
    .place_map {width: 500px; scale:0.8;}
    .sdvig_mobile_menu_left {padding-left: 100px;}
    .sdvig_mobile_menu_right {padding-right: 100px;}
}

@media (min-width:1000px) and (max-width:1320px) {
    .nav_car_big {width: 304px;}
    .wrapper_big {width: 304px; height: 196px;}
    .wrapper {width: 304px; height: 250px;}
    .nav_goods_index {width: 304px;}
    .wrapper_small {width: 199px; height: 168px;}
    .nav_goods_index_small {width: 199px; height: 355px;}
    .nav_goods_index_list {width: 620px;}
    .table_good_list {width: 295px;}
    .wrapper_news {width: 280px; height: 250px;}
    .wrapper_staff {width: 304px; height: 210px;}
    .nav_news {width: 620px; height: 250px;}
    .table_reviews {width: 595px;}
    .table_staff {width: 288px;}
    .table_news {width: 320px; height: 230px;}
    .nav_reviews {width: 615px;}
    .nav_reviews_hr {width: 605px;}
    .nav_staff {width: 304px;}
    .place_tale {display: none;}
    .button_menu {display: none;}
    .button_menu_work {display: none;}
    .place_mobile_menu {display: none;}
    .poisk {width: 500px;}
    .poisk input[type="poisk"] {width: 450px;}
    .place_pc {display: none;}
    .fonts_cat1 {font-size: 18px;}
    .fonts_cat1_work {font-size: 18px;}
    .fonts_cat2 {font-size: 16px; margin-left: 0px;}
    .fonts_cat2_work {font-size: 16px; margin-left: 0px;}
    .fonts_cat3 {font-size: 16px; margin-left: 0px;}
    .fonts_cat3_work {font-size: 16px; margin-left: 0px;}
    .placerr {width: 640px; text-align: left;}
    .placerrin {max-width: 930px; margin-left: 30px;}
    .fonts_top {font-size: 30px;}
    .fonts_top_white_25 {font-size: 25px;}
    .placerl {width: 353px; padding-right: 5px;}
    .nav_baskets {width: 800px;}
    .hrbas {width: 800px;}
    .place_fig {padding: 0px 0px 30px 0px;}
    .ui-autocomplete {max-width: 900px;}
    .main_panel {max-width: 1000px;}
    .select_index {width: 345px;}
    .place_footer_br {max-width: 1000px;}
    .place_footer_admin {max-width: 1000px;}
    .place_footer_text {width: 460px;}
    .place_footer_sort {width: 525px;}
    .sort_select {width: 250px;}
    .place_mobile_footer {display:inline-block;}
    .placerra {width: 670px; }
    .main_slider {font-family: fonts; margin:auto; background: white;}
    .main_mobile {display: none;}
    .place_main_clever_index {width: 800px;}
    .place_main_clever_right {width: 300px;}
    .place_main_right {width: 550px;}
    #otstup_top_index_global {margin-top: 0px;}
    #otstup_top_slide {margin-top: 30px;}
    .table_footer {width: 300px;}
    .place_comment {max-width: 580px;}
    .textarea_comment {width: 530px;}
    .textarea_rating {width: 460px;}
    .place_main_red {max-width: 450px;}
    .place_basket_contact {max-width: 450px;}
    .text_basket {width: 430px;}
    .textarea_basket {width: 422px;}
    .place_main_clever {width: 700px;}
    .place_main_clever:hover {transform: scale(1);}
    .main {padding-top: 10px; padding-bottom: 10px; width: 1000px;}
    .main_catalog {padding-top: 30px; width: 1000px;}
    .placer_interface_contact {width: 495px;}
    .otstup_top_slider {display: none;}
    .place_map {width: 900px;}
    .sdvig_mobile_menu_left {padding-left: 100px;}
    .sdvig_mobile_menu_right {padding-right: 100px;}
}

@media (min-width:1320px) and (max-width:1640px) {
    .nav_car_big {width: 464px;}
    .wrapper_big {width: 464px; height: 300px;}
    .wrapper {width: 305px; height: 250px;}
    .nav_goods_index {width: 305px;}
    .wrapper_small {width: 227px; height: 202px;}
    .nav_goods_index_small {width: 227px; height: 388px;}
    .nav_goods_index_list {width: 940px;}
    .table_good_list {width: 610px;}
    .wrapper_news {width: 340px; height: 250px;}
    .wrapper_staff {width: 306px; height: 210px;}
    .nav_news {width: 940px; height: 250px;}
    .table_reviews {width: 915px;}
    .table_staff {width: 290px;}
    .table_news {width: 580px; height: 230px;}
    .nav_reviews {width: 935px;}
    .nav_reviews_hr {width: 925px;}
    .nav_staff {width: 306px;}
    .place_mob {display: none;}
    .promo_img_index {display: none;}
    .place_late {display: none;}
    .poisk {width: 500px;}
    .poisk input[type="poisk"] {width: 450px;}
    .place_pc {display: none;}
    .fonts_cat1 {font-size: 18px;}
    .fonts_cat1_work {font-size: 18px;}
    .fonts_cat2 {font-size: 16px; margin-left: 0px;}
    .fonts_cat2_work {font-size: 16px; margin-left: 0px;}
    .fonts_cat3 {font-size: 16px; margin-left: 0px;}
    .fonts_cat3_work {font-size: 16px; margin-left: 0px;}
    .placerr {width: 960px; text-align: left;}
    .placerrin {max-width: 930px; margin-left: 30px;}
    .fonts_top {font-size: 30px;}
    .fonts_top_white_25 {font-size: 25px;}
    .placerl {width: 353px; padding-right: 5px;}
    .nav_baskets {width: 800px;}
    .hrbas {width: 800px;}
    .place_fig {padding: 0px 0px 30px 0px;}
    .ui-autocomplete {max-width: 900px;}
    .main_panel {max-width: 1320px;}
    .hamburger-menu {display: none;}
    .select_index {width: 320px;}
    .place_footer_br {max-width: 1320px;}
    .place_footer_admin {max-width: 1320px;}
    .place_footer_text {width:780px;}
    .place_footer_sort {width: 525px;}
    .sort_select {width: 250px;}
    .place_mobile_footer {display:inline-block;}
    .placerra {width: 990px; }
    .main_slider {font-family: fonts; margin:auto; background: white;}
    .main_mobile {display: none;}
    .place_main_clever_index {width: 800px;}
    .place_main_clever_right {width: 300px;}
    .place_main_right {width: 650px;}
    #otstup_top_index_global {margin-top: 0px;}
    #otstup_top_slide {margin-top: 30px;}
    .table_footer {width: 300px;}
    .place_comment {max-width: 900px;}
    .textarea_comment {width: 850px;}
    .textarea_rating {width: 560px;}
    .place_main_red {max-width: 600px;}
    .place_basket_contact {max-width: 650px;}
    .text_basket {width: 630px;}
    .textarea_basket {width: 622px;}
    .place_main_clever {width: 900px;}
    .place_main_clever:hover {transform: scale(1.05);}
    .main {padding-top: 10px; padding-bottom: 10px; width: 1320px;}
    .main_catalog {padding-top: 30px; width: 1320px;}
    .placer_interface_contact {width: 655px;}
    .otstup_top_slider {display: none;}
    .place_map {width: 1200px;}
}

@media (min-width: 1640px) {
    .nav_car_big {width: 412px;}
    .wrapper_big {width: 412px; height: 266px;}
    .wrapper {width: 306px; height: 250px;}
    .nav_goods_index {width: 306px;}
    .wrapper_small {width: 201px; height: 168px;}
    .nav_goods_index_small {width: 201px; height: 355px;}
    .nav_goods_index_list {width: 1260px;}
    .table_good_list {width: 930px;}
    .wrapper_news {width: 312px; height: 350px;}
    .wrapper_staff {width: 412px; height: 300px;}
    .nav_news {width: 623px; height: 350px;}
    .table_reviews {width: 1235px;}
    .table_staff {width: 398px;}
    .table_news {width: 291px; height: 330px;}
    .nav_reviews {width: 1255px;}
    .nav_reviews_hr {width: 1245px;}
    .nav_staff {width: 412px;}
    .hamburger-menu {display: none;}
    .place_mob {display: none;}
    .promo_img_index {display: none;}
    .place_late {display: none;}
    .poisk {width: 500px;}
    .poisk input[type="poisk"] {width: 450px;}
    .place_pc {display: none;}
    .fonts_cat1 {font-size: 18px;}
    .fonts_cat1_work {font-size: 18px;}
    .fonts_cat2 {font-size: 16px; margin-left: 0px;}
    .fonts_cat2_work {font-size: 16px; margin-left: 0px;}
    .fonts_cat3 {font-size: 16px; margin-left: 0px;}
    .fonts_cat3_work {font-size: 16px; margin-left: 0px;}
    .placerr {width: 1280px; text-align: left;}
    .placerrin {max-width: 930px; margin-left: 30px;}
    .fonts_top {font-size: 30px;}
    .fonts_top_white_25 {font-size: 25px;}
    .placerl {width: 353px; padding-right: 5px;}
    .nav_baskets {width: 1120px;}
    .hrbas {width: 1120px;}
    .place_fig {padding: 0px 0px 30px 0px;}
    .ui-autocomplete {max-width: 900px;}
    .main_panel {max-width: 1640px;}
    .select_index {width: 430px;}
    .place_footer_br {max-width: 1640px;}
    .place_footer_admin {max-width: 1640px;}
    .place_footer_text {width: 1100px;}
    .place_footer_sort {width: 525px;}
    .sort_select {width: 250px;}
    .place_mobile_footer {display:inline-block;}
    .placerra {width: 1310px; }
    .main_slider {font-family: fonts; margin:auto; background: white;}
    .main_mobile {display: none;}
    .place_main_clever_index {width: 1000px;}
    .place_main_clever_right {width: 300px;}
    .place_main_right {width: 850px;}
    #otstup_top_index_global {margin-top: 0px;}
    #otstup_top_slide {margin-top: 30px;}
    .table_footer {width: 400px;}
    .place_comment {max-width: 1210px;}
    .textarea_comment {width: 1160px;}
    .textarea_rating {width: 760px;}
    .place_main_red {max-width: 600px;}
    .place_basket_contact {max-width: 650px;}
    .text_basket {width: 630px;}
    .textarea_basket {width: 622px;}
    .place_main_clever {width: 1200px;}
    .place_main_clever:hover {transform: scale(1.05);}
    .main {padding-top: 10px; padding-bottom: 10px; width: 1640px;}
    .main_catalog {padding-top: 30px; width: 1640px;}
    .placer_interface_contact {width: 815px;}
    .otstup_top_slider {display: none;}
    .place_map {width: 1500px;}
}

.scale_img{
    transition: 1s transform;
}

.scale_img:hover{
    transform: scale(1.15);
    transition: 1s transform;
}

.scroll_compare {
    max-width: 1640px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-left: 20px;
    margin-right: 20px;
}

#star {
    width: 0;
    height: 0;
    margin: 50px 0;
    color: #fc2e5a;
    position: relative;
    display: block;
    border-right: 100px solid transparent;
    border-bottom: 70px solid #fc2e5a;
    border-left: 100px solid transparent;
    -moz-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
}

#star:before {
    height: 0;
    width: 0;
    position: absolute;
    display: block;
    top: -45px;
    left: -65px;
    border-bottom: 80px solid #fc2e5a;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    content: '';
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
}

#star:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    top: 3px;
    left: -105px;
    color: #fc2e5a;
    border-right: 100px solid transparent;
    border-bottom: 70px solid #fc2e5a;
    border-left: 100px solid transparent;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
}

.modules_block
{
    font-family: fonts;
    margin:auto;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    z-index: 0;    
}

.modules_block .bg 
{
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;	
    background: no-repeat center center;
    background-size: cover;
    background-color: var(--work-color);
}

.modules_urlblock
{
    display:inline-block;
    font-family: fonts;
    border-radius: 15px;
    margin: 10px;	
}

.modules_urlblock:hover
{
    box-shadow: 0 0 10px grey;	
}

.wrapper_urlblock {
    overflow: hidden;
}

.fonts_name_urlblock
{ 
    font-family: fonts-medium;
    font-size: 20px;
    color: black;
    overflow: hidden;
}

.fonts_desc_urlblock
{ 
    font-family: fonts;
    font-size: 14px;
    color: grey;
    overflow: hidden;
}

.ui-widget
{
    font-size: 16px;
}

.ui-menu
{
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
}

.ui-autocomplete
{
    cursor: default;
    position: fixed;
    max-height: 500px;
    overflow-y: scroll;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 0px;
    text-decoration: none;
    z-index:30;  
}

.ui-menu .ui-menu-item
{
    text-decoration: none;
    clear: left;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.ui-menu .ui-menu-item a
{
    display: block;
    text-decoration: none;
    cursor: pointer;
    background-color: white;
    color: black;
}

.ui-menu .ui-menu-item a:hover
{
    display: block;
    text-decoration: none;
    color: var(--work-color);
    cursor: pointer;
    background-color: #edeef0;
}

.arrow-4 {
    position: relative;
    cursor: pointer;
    margin: 0px;
    width: 25px;
    height: 23px;
}
.arrow-4-left {
    position: absolute;
    background-color: transparent;
    top: 10px;
    left: 0;
    width: 13px;
    height: 3px;
    display: block;
    transform: rotate(35deg);
    float: right;
    border-radius: 2px;
}
.arrow-4-left:after {
    content: "";
    background-color: var(--work-color);
    width: 13px;
    height: 3px;
    display: block;
    float: right;
    border-radius: 6px 10px 10px 6px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1;
}

.arrow-4-right {
    position: absolute;
    background-color: transparent;
    top: 10px;
    left: 9px;
    width: 13px;
    height: 3px;
    display: block;
    transform: rotate(-35deg);
    float: right;
    border-radius: 2px;
}
.arrow-4-right:after {
    content: "";
    background-color: var(--work-color);
    width: 13px;
    height: 3px;
    display: block;
    float: right;
    border-radius: 10px 6px 6px 10px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1;
}
.open .arrow-4-left:after {
    transform-origin: center center;
    transform: rotate(-70deg);
}
.open .arrow-4-right:after {
    transform-origin: center center;
    transform: rotate(70deg);
}

.arrow-5 {
    position: relative;
    cursor: pointer;
    margin: 0px;
    width: 25px;
    height: 23px;
}
.arrow-5-left {
    position: absolute;
    background-color: transparent;
    top: 10px;
    left: 0;
    width: 13px;
    height: 3px;
    display: block;
    transform: rotate(-35deg);
    float: right;
    border-radius: 2px;
}
.arrow-5-left:after {
    content: "";
    background-color: var(--work-color);
    width: 13px;
    height: 3px;
    display: block;
    float: right;
    border-radius: 6px 10px 10px 6px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1;
}

.arrow-5-right {
    position: absolute;
    background-color: transparent;
    top: 10px;
    left: 9px;
    width: 13px;
    height: 3px;
    display: block;
    transform: rotate(35deg);
    float: right;
    border-radius: 2px;
}
.arrow-5-right:after {
    content: "";
    background-color: var(--work-color);
    width: 13px;
    height: 3px;
    display: block;
    float: right;
    border-radius: 10px 6px 6px 10px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1;
}
.open .arrow-5-left:after {
    transform-origin: center center;
    transform: rotate(70deg);
}
.open .arrow-5-right:after {
    transform-origin: center center;
    transform: rotate(-70deg);
}

.sort_select {
    font-family: arial;
    outline: none;
    border: 1px solid rgba(00,00,00, 0.2);
    padding-left: 7px; /* Поля */
    vertical-align: middle; /* Выравнивание по середине */
    text-align: left;
    background: #ffffff;
    border-radius: 5px;
    height: 30px;
    font-size: 16px;
    font-family: inherit;
    color: #000000;
    background-color: #ffffff;
    margin-top: 2px;
    cursor: pointer;
}

.filter_select {
    font-family: arial;
    outline: none;
    border: 1px solid rgba(00,00,00, 0.2);
    padding-left: 7px; /* Поля */
    vertical-align: middle; /* Выравнивание по середине */
    text-align: left;
    background: #ffffff;
    border-radius: 5px;
    height: 30px;
    font-size: 16px;
    font-family: inherit;
    color: #000000;
    background-color: #ffffff;
    width: 320px;
    cursor: pointer;
}

/* для элемента input c type="checkbox" */
    .custom-checkbox {
      position: absolute;
      z-index: -1;
      opacity: 0;
      cursor: pointer;
    }

    /* для элемента label, связанного с .custom-checkbox */
    .custom-checkbox+label {
      display: inline-flex;
      align-items: center;
      user-select: none;
      cursor: pointer;
    }

    /* создание в label псевдоэлемента before со следующими стилями */
    .custom-checkbox+label::before {
      content: '';
      display: inline-block;
      width: 18px;
      height: 18px;
      flex-shrink: 0;
      flex-grow: 0;
      border: 1px solid #adb5bd;
      border-radius: 0.25em;
      margin-left: 0.35em;
      margin-right: 1.3em;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 50% 50%;
      cursor: pointer;
    }

    /* стили при наведении курсора на checkbox */
    .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
      border-color: var(--work-color);
      cursor: pointer;
    }

    /* стили для активного чекбокса (при нажатии на него) */
    .custom-checkbox:not(:disabled):active+label::before {
      background-color: var(--work-color);
      border-color: var(--work-color);
      cursor: pointer;
    }

    /* стили для чекбокса, находящегося в состоянии checked */
    .custom-checkbox:checked+label::before {
      border-color: var(--work-color);
      background-color: var(--work-color);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
      cursor: pointer;
    }

    /* стили для чекбокса, находящегося в состоянии disabled */
    .custom-checkbox:disabled+label::before {
      background-color: #e9ecef;
      cursor: pointer;
    }

.poisk {
    font-family: fonts;
    margin-left:10px;
  
    border: 1px solid rgba(00,00,00,0.2);
    height: 40px; /* Высота */
    padding-left: 5px; /* Поля */
    font-size: 18px; /* Размер текста */
    vertical-align: middle; /* Выравнивание по середине */
    border-radius: 5px;
    background: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;
   }
   .poisk input[type="poisk"] {
    border: none; /* Убираем рамку */
    outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */

    vertical-align: middle; /* Выравнивание по середине */
    font-size: 16px; /* Размер текста */
   }
   .poisk input[type="submit"] {
    width: 30px; /* Ширина кнопки */
    height: 40px; /* Высота кнопки */
    border: none; /* Убираем рамку */
    vertical-align: middle; /* Выравнивание по середине */
    background: url(../photos/default/pbs.png) no-repeat 50% 50%; /* Параметры фона */
    cursor: pointer;
   }
   .poisk:hover input[type="submit"] {
    transform: scale(1.15);
    transition: 2s transform;
   }

.img_logo {
  width: 300px;
}

.user {
    width: 215px; /* Ширина поля с учетом padding */
    height: 30px; /* Высота */
    padding: 0 5px; /* Поля */
    font-size: 20px; /* Размер текста */
   }
   
.user_phone {
    width: 220px; /* Ширина поля с учетом padding */
    height: 47px; /* Высота */
    padding: 0 5px; /* Поля */
    font-size: 20px; /* Размер текста */
    margin-right: 15px;
   }
   
.user_prav {
    width: 210px; /* Ширина поля с учетом padding */
    height: 30px; /* Высота */
    padding: 0 5px; /* Поля */
    font-size: 20px; /* Размер текста */
   }
   
.useres {
    width: 137px; /* Ширина поля с учетом padding */
    height: 30px; /* Высота */
    padding: 0 5px; /* Поля */
    font-size: 20px; /* Размер текста */
   }
   
.user_contact {
    width: 310px; /* Ширина поля с учетом padding */
    height: 30px; /* Высота */
    padding: 0 5px; /* Поля */
    font-size: 20px; /* Размер текста */
   }
   
.user_text {
    width: 450px; /* Ширина поля с учетом padding */
    height: 100px; /* Высота */
    padding: 5px 5px; /* Поля */
    font-size: 20px; /* Размер текста */
    line-height: 110%;
   }
   
.user_basket {
    width: 312px; /* Ширина поля с учетом padding */
    height: 100px; /* Высота */
    padding: 5px 5px; /* Поля */
    font-size: 20px; /* Размер текста */
    line-height: 110%;
   }

.user_c_b {
    width: 220px; /* Ширина поля с учетом padding */
    height: 30px; /* Высота */
    padding: 0 5px; /* Поля */
    font-size: 20px; /* Размер текста */
   }

.select_index {
      font-family: fonts;
      height: 50px;
      border-radius: 5px;
      font-size: 18px;
      color: #000000;
      background-color: #ffffff;
      margin: 10px;
      border: 1px solid rgba(00,00,00,0.2);
      cursor: pointer;
      padding: 0 5px; /* Поля */
   }

.select_tyre {
      font-family: fonts;
      width: 250px;
      height: 50px;
      border-radius: 5px;
      font-size: 18px;
      color: #000000;
      background-color: #ffffff;
      margin: 10px;
      border: 1px solid rgba(00,00,00,0.2);
      cursor: pointer;
      padding: 0 5px; /* Поля */
   }
   
.select_model {
      font-family: fonts;
      width: 220px;
      height: 50px;
      border-radius: 5px;
      font-size: 18px;
      color: #000000;
      background-color: #ffffff;
      margin-right: 20px;
      margin-top: 10px;
      margin-bottom: 10px;
      border: 1px solid rgba(00,00,00,0.2);
      cursor: pointer;
      padding: 0 5px; /* Поля */
   }

.menu_admin
{ 
    font-family: fonts;
    font-weight: 400; 
    color: black;
    cursor: pointer;
    line-height: 1;
    font-size: 18px;
    border: 0px solid var(--work-color);
    background: transparent;
    padding: 15px 0px;
}

.menu_admin:hover
{ 
    font-family: fonts;
    color: var(--work-color);
}

.menu_admin_work
{ 
    font-family: fonts;
    font-weight: 400; 
    color: var(--work-color);
    cursor: pointer;
    line-height: 1;
    font-size: 18px;
    border: 0px solid var(--work-color);
    background: transparent;
    padding: 15px 0px;
}

.menu_admin_little
{ 
    font-family: fonts;
    font-weight: 400; 
    color: black;
    cursor: pointer;
    line-height: 1;
    font-size: 16px;
    border: 0px solid var(--work-color);
    background: transparent;
    padding: 15px 0px;
}

.menu_admin_little:hover
{ 
    font-family: fonts;
    color: var(--work-color);
}

.menu_admin_little_work
{ 
    font-family: fonts;
    font-weight: 400; 
    color: var(--work-color);
    cursor: pointer;
    line-height: 1;
    font-size: 16px;
    border: 0px solid var(--work-color);
    background: transparent;
    padding: 15px 0px;
}

.fonts_cat1
{ 
    font-family: fonts;
    font-weight: 400; 
    color: black;
    cursor: pointer;
    line-height: 1;
}

.fonts_cat1:hover
{ 
    font-family: fonts;
    color: var(--work-color);
}

.fonts_cat1_work
{ 
    font-family: fonts;
    font-weight: 400; 
    color: var(--work-color);
    cursor: pointer;
    line-height: 1.5;
}

.fonts_cat1_work:hover
{ 
    font-family: fonts;
    color: var(--work-color);
}

.fonts_cat2
{ 
    font-family: fonts;
    font-weight: 400; 
    color: black;
    cursor: pointer;
}

.fonts_cat2:hover
{ 
    font-family: fonts;
    color: var(--work-color);
}

.fonts_cat2_work
{ 
    font-family: fonts;
    font-weight: 400; 
    color: var(--work-color);
    cursor: pointer;
}

.fonts_cat2_work:hover
{ 
    font-family: fonts;
    color: var(--work-color);
}

.fonts_cat3
{ 
    font-family: fonts;
    font-weight: 400; 
    color: black;
    cursor: pointer;
}

.fonts_cat3:hover
{ 
    font-family: fonts;
    color: var(--work-color);
}

.fonts_cat3_work
{ 
    font-family: fonts;
    font-weight: 400; 
    color: var(--work-color);
    cursor: pointer;
}

.fonts_cat3_work:hover
{ 
    font-family: fonts;
    color: var(--work-color);
}

.fonts_top
{ 
    font-family: fonts;

}

.fonts_top_model
{ 
    font-family: fonts;
    font-size: 18px;
    color: #000000 !important;
}

.fonts_top_model_href
{ 
    font-family: fonts;
    font-size: 18px;
    color: red !important;
}

.fonts_top_model_href:hover
{ 
    color: #000000 !important;
}

.fonts_top_white
{ 
    font-family: fonts-Medium;
    font-size: 20px;
    color: #ffffff !important;
}

.fonts_top_white_20
{ 
    font-family: fonts-Medium;
    font-size: 20px;
    color: #ffffff !important;
}

.fonts_top_white_25
{ 
    font-family: fonts-Medium;
    
    color: #ffffff !important;
}

.fonts_top_white_m
{ 
    font-family: fonts-Medium;
    font-size: 25px;
    color: #ffffff !important;
}

.fonts_top_white_15
{ 
    font-family: fonts;
    font-size: 15px;
    color: #ffffff;
}

.fonts_top_red_phone
{ 
    font-family: fonts-Medium;
    font-size: 20px;
    color: #000000;
    font-weight: 600
}

.fonts_top_red_25
{ 
    font-family: fonts-Medium;
    font-size: 13px;
    color: #000000;
}

.fonts_top_white_global
{ 
    font-family: fonts-Medium;
    font-size: 18px;
    color: #000000 !important;
}

.fonts_basket_label
{ 
    font-family: fonts;
    font-size: 16px;
    color: #000000 !important;
}

.fonts_main_black
{ 
    font-family: fonts-Medium;
    font-size: 28px;
    color: #000000 !important;
}

.fonts_tema
{ 
    font-family: fonts-Medium;
    font-size: var(--size_main_font);
    color: var(--main_font);
}

.fonts_tema_link
{ 
    font-family: fonts-Medium;
    font-size: var(--size_main_font);
    color: var(--main_font);
    cursor: pointer;
}

.fonts_tema_link:hover
{ 
    color: var(--work-color);
}

.fonts_tema_link_small
{ 
    font-family: fonts-Medium;
    font-size: 15px;
    color: var(--main_font);
    cursor: pointer;
}

.fonts_tema_link_small:hover
{ 
    color: var(--work-color);
}

.fonts_tema_all_small
{ 
    font-family: fonts;
    font-size: 15px;
    color: grey;
    cursor: pointer;
}

.fonts_tema_all_small:hover
{ 
    color: var(--work-color);
}

.fonts_tema_haid
{ 
    font-family: fonts-Medium;
    font-size: 22px;
    color: #000000;
}

.fonts_tema_white
{ 
    font-family: fonts-Medium;
    font-size: 22px;
    color: #ffffff;
}

.fonts_interface_main
{ 
    font-family: fonts-Medium;
    font-size: 18px;
    color: var(--main_font);
}

.fonts_review
{ 
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  font-size: 16px;
  overflow: hidden;
  text-align:justify;
  color: black;
}

.fonts_news
{ 
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  color: black;
}

.fonts_news_admin
{ 
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fonts_goods
{ 
    font-family: fonts;
    font-size: 16px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: wrap;
}

.fonts_staff
{ 
    font-family: fonts-Medium;
    font-size: 20px;
    color: black;
}

.fonts_goods_big
{ 
    font-family: fonts-Medium;
    font-size: 25px;
    color: #000000;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fonts_car
{ 
    font-family: fonts;
    font-size: 20px;
    color: #000000;
    font-weight: 600;
}

.fonts_main_clever_index
{ 
    font-family: fonts;
    font-size: 32px;
    color: black;
    cursor: default;
}

.fonts_main_clever
{ 
    font-family: fonts-Medium;
    font-size: 32px;
    color: var(--work-color);
    cursor: default;
}

.fonts_main
{ 
    font-family: fonts-Medium;
    font-size: 35px;
    color: var(--main_font);
}

.fonts_main_active
{ 
    font-family: fonts-Medium;
    font-size: 35px;
    color: var(--main_font);
}

.fonts_main_active:hover
{ 
    font-family: fonts-Medium;
    font-size: 35px;
    color: var(--work-color);
}

.fonts_main_lit
{ 
    font-family: fonts;
    font-size: 18px;
    color: #000000;
}

.fonts_main_lit:hover
{ 
    color: var(--work-color);
}

.fonts_main_lit_lit
{ 
    font-family: fonts-Medium;
    font-size: 16px;
    color: #000000;
}

.fonts_main_lit_lit:hover
{ 
    color: var(--work-color);
}

.fonts_main_lit_work
{ 
    font-family: fonts-Medium;
    font-size: 15px;
    color: var(--work-color);
}

.fonts_main_lit_work:hover
{ 
    color: black;
}

.fonts_main_littel
{ 
    font-family: fonts-Medium;
    font-size: 18px;
    color: #ffffff !important;
}

.fonts_basket
{ 
    font-family: fonts-Medium;
    font-size: 25px;
    color: #bababa;
}

.fonts_basket:hover
{ 
    color: black;
}

.fonts_basket_default
{ 
    font-family: fonts-Medium;
    font-size: 25px;
    color: #bababa;
}

.fonts_basket_active
{ 
    font-family: fonts-Medium;
    font-size: 25px;
    color: black;
}

.fonts_basket_level
{ 
    font-family: fonts-Medium;
    font-size: 25px;
    color: #bababa;
}

.fonts_catalog_textura
{ 
    font-family: fonts;
    font-size: 13px;
    color: grey;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.logotype {
  font-family: arial;
  font-weight: bold;
  font-size: 48px; 
  color: white;
}

.div_color{
  animation: color 60S linear infinite ;
  transition: color .2s linear ;
  font-family: arial;
  font-weight: bold;
  font-size: 48px;
  background: transparent;
}
@keyframes color{
  0%{
    color: #fff;
  }
  9%
  {
    color: #fff;
  }
  10%{
    color: #fff;
  }
  19%{
    color: #fff;
  }
  20%{
    color: #fff;
  }
  29%{
    color: #505267;
  }
  30%{
    color: #74d3a3;
  }
  39%{
    color: #74d3a3;
  }
  40%{
    color: #d3c474;
  }
  49%{
    color: #d3c474;
  }
  50%{
    color: #3cd8cc;
  }
  59%{
    color: #3cd8cc;
  }
  60%{
    color: #ad4444;
  }
  69%{
    color: #ad4444;
  }
  70%{
    color: #d835d1;
  }
  79%{
    color: #d835d1;
  }
  80%{
    color: #57e59e;
  }
  89%{
    color: #57e59e;
  }
  90%{
    color: #e55767;
  }
  99%{
    color: #e55767;
  }
  100%{
    color: #6eb5db;
  }
}

.page {
  font-family: fonts;
  font-size: 16px;
  color: #ffffff;
  width: 35px;
  height: 30px;
  border: 1px solid var(--work-color);
  background: var(--work-color);
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;
  border-radius: 3px;
  -webkit-appearance: none;
  margin-bottom: 5px;
}

.page:hover {
  background: #ffffff;
  color: #000000;
  border: 1px solid var(--work-color);
  cursor: pointer;
  margin-bottom: 5px;
}

.page_work {
  font-family: fonts;
  font-size: 16px;
  color: #000000;
  width: 35px;
  height: 30px;
  border: 1px solid var(--work-color);
  background: #ffffff;
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;
  border-radius: 3px;
  -webkit-appearance: none;
  margin-bottom: 5px;
}

.shop_card_work {
  font-family: fonts;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 4px;
  border: 1px solid rgba(00,00,00, 0.2);
  background: #e0e0e0;
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;
  border-radius: 3px;
  -webkit-appearance: none;
}

.shop_card_work:hover {
  background: #e0e0e0;
  color: #000000;
  border: 1px solid rgba(00,00,00, 0.2);
  cursor: pointer;
}

.shop_card {
  font-family: fonts;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 4px;
  border: 1px solid rgba(00,00,00, 0.2);
  background: #ffffff;
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;
  border-radius: 3px;
  -webkit-appearance: none;
}

.shop_card:hover {
  background: #e0e0e0;
  color: #000000;
  border: 1px solid rgba(00,00,00, 0.2);
  cursor: pointer;
}

.shop_design {
  font-family: fonts;
  color: black;
  width: 90px;
  height: 50px;
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;
  -webkit-appearance: none;
  background: white;
  border: 1px solid #edeef0;
  font-weight: 500;
}

.shop_design:hover {
  background: #edeef0;
  cursor: pointer;
  color: var(--work-color);
}

.shop_design_block {
    display:inline-block;
    position:relative;
    width:100%;
}

.shop_design_count {
    display: block;
    font-family: fonts-Medium;
    padding: 1px 5px;
    position: absolute;
    top: 0px;
    right: 12px;
    text-align:center;
    font-size: 12px;
    color:#fff;
    background-color: var(--work-color);
    border-radius: 50px;
    border: 2px solid white;
}

#button-design 
.b-orange,
#button-design 
.b-orange:before{
    background:#ffc107;
    background:-moz-linear-gradient(45deg,#ffc107 0,#ff7c22 100%);
    background:-webkit-gradient(left bottom,right top,color-stop(0,#ffc107),color-stop(100%,#ff7c22));
    background:-webkit-linear-gradient(45deg,#ffc107 0,#ff7c22 100%);
    background:-o-linear-gradient(45deg,#ffc107 0,#ff7c22 100%);
    background:-ms-linear-gradient(45deg,#ffc107 0,#ff7c22 100%);
    background:linear-gradient(45deg,#ffc107 0,#ff7c22 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc107',endColorstr='#ff7c22',GradientType=1)}
#button-design .button{box-shadow: 0 0 2px;border:0px;display:inline-block;font-family: fonts-medium;position:relative;border-radius:3px;text-decoration:none;padding:6px 12px;font-size:15px;font-weight:500;transition:all .5s;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#button-design .button:hover{text-shadow:0 0 0 rgba(255,255,255,1)}
#button-design .button:hover:after{left:100%;top:100%;bottom:100%;right:100%}
#button-design .button:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;right:0;z-index:-1;border-radius:3px;transition:all .5s}
#button-design .button:after{content:'';display:block;position:absolute;left:2px;top:2px;bottom:2px;right:2px;z-index:-1;border-radius:3px;transition:all .5s;background:#fff}

.shop_basket {
  font-family: fonts;
  color: #ffffff;
  font-size: 15px;
  padding: 4px 12px;
  border: 1px solid var(--work-color);
  background: vvar(--work-color);
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;
  border-radius: 0px;
  -webkit-appearance: none;
}

.shop_basket:hover {
  background: #ffffff;
  color: #000000;
  border: 1px solid var(--work-color);
  cursor: pointer;
}

.shop_red {
  font-family: fonts;
  color: #000000;
  font-size: 12px;
  padding: 7px 9px;
  border: 1px solid red;
  background: #ffffff;
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;
  -webkit-appearance: none;
  display: inline-block;
}

.shop_red:hover {
  background: red;
  color: #ffffff;
  border: 1px solid red;
  cursor: pointer;
}

.stucka {
  font-family: fonts;
  border-top: 1px solid #c0c0c8; 
  border-bottom: 1px solid #c0c0c8;
  width: 30px; 
  height: 25px;
  background: transparent;
  vertical-align: middle;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding-top: 3px;
}

.block_button {
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.prosto {
  display: inline-block; /*Задаем блочно-строчное отображение*/
  vertical-align: top; /* Выравнивание по середине */
}

.prosto_card {
  display: inline-block; /*Задаем блочно-строчное отображение*/
  vertical-align: top; /* Выравнивание по середине */
  padding-right: 10px;
}

.prosto_sort {
  display: inline-block; /*Задаем блочно-строчное отображение*/
  vertical-align: top; /* Выравнивание по середине */
  margin-top: 5px;
}

.prosto_catalog {
  display: inline-block; /*Задаем блочно-строчное отображение*/
  vertical-align: top; /* Выравнивание по середине */
  width: 225px;
}

.prosto_work {
  display: inline-block; /*Задаем блочно-строчное отображение*/
  vertical-align: top; /* Выравнивание по середине */
  padding: 10px;
}

.prosto_news {
  display: inline-block; /*Задаем блочно-строчное отображение*/
  vertical-align: top; /* Выравнивание по середине */
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

.lbread {
  display: inline-block; /*Задаем блочно-строчное отображение*/
  width: 59%;
  border: 1px solid black;
}

.rbread {
  display: inline-block; /*Задаем блочно-строчное отображение*/
  width: 40%;
  border: 1px solid black;
}

.exmp img {object-fit: cover; width: 100%; height: 100%;}

.wrapper_card {
        width: 100px;
        height: 70px;
    }
      
.wrapper_search {
        width: 80px;
        height: 50px;
    }
      
.wrapper_block {
        width: 175px;
        height: 175px;
    }

.zoom {
}

.shop_green {
  font-family: fonts;
  color: #000000;
  font-size: 12px;
  padding: 7px 8px;
  border: 1px solid green;
  background: #ffffff;
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;
  -webkit-appearance: none;
  display: inline-block;
}

.shop_green:hover {
  background: green;
  color: #ffffff;
  border: 1px solid green;
  cursor: pointer;
}

.snop {
  font-family: fonts;
  color: #ffffff;
  font-size: 12px;
  padding: 1px 5px;
  border: 1px solid var(--work-color);
  background: var(--work-color);
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;
  border-radius: 15px;
  -webkit-appearance: none;
}

.snop:hover {
  background: #ffffff;
  color: #000000;
  border: 1px solid var(--work-color);
  cursor: pointer;
}

.snop1 {
  font-family: fonts;
  color: #000000;
  font-size: 12px;
  padding: 1px 5px;
  border: 1px solid var(--work-color);
  background: #ffffff;
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;
  border-radius: 15px;
  -webkit-appearance: none;
}

.snop1:hover {
  background: var(--work-color);
  color: #ffffff;
  border: 1px solid var(--work-color);
  cursor: pointer;
}

.button {
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 15px;
  padding: 4px 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid var(--work-color);
  background: var(--work-color);
  text-decoration: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.button:hover {
  color: #000000;
  background: #FFFFFF;
}

.button_brand {
  font-family: arial;
  font-weight: bold;
  color: #000000 !important;
  font-size: 15px;
  width:150px;
  height:75px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #ffffff;
  background: #FFFFFF;
  text-decoration: none;
  -webkit-appearance: none;
}

.button_brand:hover {
  color: red !important;
  background: #FFFFFF;
  border: 2px solid #ffffff;
}

.button_order {
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 20px;
  padding: 8px 18px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid var(--work-color);
  background: var(--work-color);
  text-decoration: none;
  -webkit-appearance: none;
}

.button_order:hover {
  color: var(--work-color);
  background: #FFFFFF;
}

.button_main {
  font-family: arial;
  font-style: italic;
  color: #000000 !important;
  font-size: 30px;
  padding: 8px 18px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #f6d20a;
  background: #f6d20a;
  text-decoration: none;
  -webkit-appearance: none;
}

.button_main:hover {
  color: darkred !important;
  background: #f6d20a;
  box-shadow: 0 0 35px black;
}

.button_prosport_comment
{ 
  display: inline-block;
  font-family: fonts-medium;
  color: black;
  font-size: 20px;
  padding: 0px 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 0px solid #CB2821;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
    font-family: fonts-Medium;
    font-size: 15px;
}

.button_prosport_comment:hover
{ 
    font-family: fonts-Medium;
    font-size: 15px;
    color: var(--work-color);
}

.button_procat {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 20px;
  padding: 4px 26px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid var(--work-color);
  background: var(--work-color);
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
}

.button_procat:hover {
  color: #000000 !important;
  background: #ffffff;
  cursor: pointer;
}

.button_admin_index {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 25px;
  padding: 8px 18px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid var(--work-color);
  background: var(--work-color);
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
  width: 250px;
}

.button_admin_index:hover {
  color: #000000 !important;
  background: #ffffff;
  cursor: pointer;
}

.button_admin_panel {
  font-family: fonts-medium;
  color: #000000 !important;
  font-size: 25px;
  padding: 8px 18px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid var(--work-color);
  background: #ffffff;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
  width: 250px;
  margin: 10px;
  display:inline-block; 
}

.button_admin_panel:hover {
  color: #ffffff !important;
  background: var(--work-color);
  cursor: pointer;
}

.parametr_category {
  font-family: fonts-medium;
  color: black;
  font-size: 13px;
  padding: 4px 6px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #edeef0;
  text-decoration: none;
  -webkit-appearance: none;
  cursor: pointer;
  margin: 5px 5px 5px 0px;
}

.button_montage_0 {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 15px;
  padding: 3px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ffc72e;
  background: #ffc72e;
  text-decoration: none;
  -webkit-appearance: none;
  cursor: default;
}
/*
.button_montage_0:hover {
  color: #000000 !important;
  background: #ffffff;
}
*/
.button_montage_1 {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 15px;
  padding: 3px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid red;
  background: red;
  text-decoration: none;
  -webkit-appearance: none;
  cursor: default;
}
/*
.button_montage_1:hover {
  color: #000000 !important;
  background: #ffffff;
}
*/
.button_montage_2 {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 15px;
  padding: 3px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #00e600;
  background: #00e600;
  text-decoration: none;
  -webkit-appearance: none;
  cursor: default;
}
/*
.button_montage_2:hover {
  color: #000000 !important;
  background: #ffffff;
}
*/
.button_montage_reg {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 13px;
  padding: 3px 5px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  border: 2px solid #7E292C;
  background: #7E292C;
  text-decoration: none;
  -webkit-appearance: none;
}

.button_admin_montage_0 {
  font-family: fonts;
  color: #000000 !important;
  font-size: 13px;
  padding: 3px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(00,00,00, 0.3);
  background: white;
  text-decoration: none;
  -webkit-appearance: none;
  cursor: point;
}

.button_admin_montage_1 {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 12px;
  padding: 3px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid red;
  background: red;
  text-decoration: none;
  -webkit-appearance: none;
  cursor: default;
}

.button_admin_montage_2 {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 12px;
  padding: 3px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #00e600;
  background: #00e600;
  text-decoration: none;
  -webkit-appearance: none;
  cursor: default;
}

.button_admin_montage_3 {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 12px;
  padding: 3px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid orange;
  background: orange;
  text-decoration: none;
  -webkit-appearance: none;
  cursor: default;
}

.button_discount {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 18px;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #1041ad;
  background: #1041ad;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
}

.button_discount:hover {
  color: #000000 !important;
  background: #ffffff;
  cursor: pointer;
}

.button_contact {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 20px;
  padding: 5px 27px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid var(--work-color);
  background: var(--work-color);
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
}

.button_contact:hover {
  color: #000000 !important;
  background: #ffffff;
  cursor: pointer;
}

.button_good {
  font-family: fonts-medium;
  color: #ffffff !important;
  font-size: 16px;
  padding: 4px 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #e31e24;
  background: #e31e24;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
}

.button_good:hover {
  color: #000000 !important;
  background: #ffffff;
  cursor: pointer;
}

.button_bream {
    font-family: fonts;
    font-size: 15px;
    color: #000000 !important;
    -webkit-appearance: none;
}

.button_bream:hover {
    color: #7E292C !important;
}

.button_work {
  font-family: arial;
  font-weight: bold;
  color: var(--primary-color) !important;
  background: #FFFFFF;
  font-size: 15px;
  padding: 2px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid var(--work-color);
  text-decoration: none;
  -webkit-appearance: none;
}

.button_work:hover {
  color: var(--work-color);
  background: #FFFFFF;
}

.button_menu_footer {
  font-family: fonts;
  color: #ffffff;
  font-size: 14px;
  padding: 0px 0px;
  background: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  font-weight: 500;
  cursor: pointer;
}

.button_menu_footer:hover {
  color: var(--work-color);
  background: transparent;
}

.button_contacts {
  font-family: fonts-medium;
  color: black;
  font-size: 18px;
  text-decoration: none;
  -webkit-appearance: none;
  font-weight: 500;
  cursor: pointer;
}

.button_contacts:hover {
  color: var(--work-color);
}

.button_stroka {
  font-family: fonts;
  color: #ffffff !important;
  font-size: 18px;
  width: 250px;
  height: 50px;
  background: #181818;
  border-radius: 5px;
  text-decoration: none;
  border: 1px solid rgba(00,00,00,0.2);
  cursor: pointer;
  margin: 10px;
  -webkit-appearance: none;
}

.button_stroka:hover {
  opacity: 0.8;
}

.mcontacts{
height: 50px;
width: 923px;
position: fixed;
background: #fff;
}

#otstup   
{  
    margin-top: 8px;
}

#otstup_menu 
{  
    /*margin-top: 25px;*/
}

#otstup_top_module_first
    {  
        margin-top: 150px;
    }

#otstup_top 
{  
    margin-top: 60px;
}

#otstup_top_2
{  
    margin-top: 2px;
}

#otstup_top_3
{  
    margin-top: 3px;
}

#otstup_top_5 
{  
    margin-top: 5px;
}

#otstup_top_7
{  
    margin-top: 7px;
}

#otstup_top_8
{  
    margin-top: 8px;
}

#otstup_top_10 
{  
    margin-top: 10px;
}

#otstup_top_15 
{  
    margin-top: 15px;
}

#otstup_top_17
{  
    margin-top: 17px;
}

#otstup_top_20
{  
    margin-top: 20px;
}

#otstup_top_25
{  
    margin-top: 25px;
}

#otstup_top_30 
{  
    margin-top: 30px;
}

#otstup_top_slide
{  

}

#otstup_top_35
{  
    margin-top: 35px;
}

#otstup_top_45 
{  
    margin-top: 45px;
}

#otstup_top_50
{  
    margin-top: 50px;
}

#otstup_top_60
{  
    margin-top: 60px;
}

#otstup_top_90
{  
    margin-top: 95px;
}

#otstup_top_110
{  
    margin-top: 135px;
}

#otstup_top_130
{  
    margin-top: 170px;
}

#otstup_top_200
{  
    margin-top: 200px;
}

#otstup_top_300
{  
    margin-top: 300px;
}

#otstup_top_b
{  
    
    margin-top: 100px;
}

#otstup_top_bot
{  
    
    margin-top: 150px;
}

#otstup_px 
{  
    margin-top: 4px;
}

.promo_img {
      box-shadow: 0 0 1px black;
      border-radius: 5px;
    }

.place_mobile {
}

.place_pc {
}

.place_empty {
  display:inline-block; 
  vertical-align: top; /* Выравнивание по середине */
}

.place_none {
  display: none;
}

.place {
  border: 2px solid #ebebeb; 
  width: 678px; 
  background: #ebebeb; 
  padding: 15px; 
  border-radius: 5px; 
  font-size: 12px; 
  font-family: Arial;
  box-shadow: 0 0 5px;
}

.place_round {
  max-width: var(--width);
  background: transparent; 
  padding: 0px; 
  margin-left: 15px;
  margin-right: 15px;
}

 .place_index
 {
  max-width:100%;
  margin:auto;
  padding: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #e31e24;
  margin-top: 15px;
 }

.place_index_one
 {
  width: 455px;
  margin:auto;
  padding: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #e31e24;
  display:inline-block;
  margin-right: 15px;
  margin-top: 30px;
 }
 
.place_index_two
 {
  width: 455px;
  margin:auto;
  padding: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #e31e24;
  display:inline-block;
  margin-left: 15px;
  margin-top: 30px;
 }
 
.place_index_infa
 {
  max-width:100%;
  margin:auto;
  color: #ffffff;
  padding: 30px 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #000000;
  font-size: 20px; 
  font-family: fonts;
  margin-top: 30px;
 }
 
/* 
.place_index_infa:hover
 {
  max-width:100%;
  margin:auto;
  color: #000000;
  padding: 30px 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ebebeb;
  font-size: 20px; 
  font-family: fonts;
  margin-top: 50px;
  transition: 3s;
 }
 */
 
.place_index_zazor
 {
  width: 30px;
  margin:auto;
  display:inline-block;
  background: green;
  margin-top: 30px;
 }

.place_three {
  vertical-align: top;
  border: 2px solid #FFFFFF; 
  width: 197px; 
  background: #FFFFFF; 
  padding: 15px; 
  border-radius: 5px; 
  font-size: 12px; 
  font-family: Arial;
  box-shadow: 0 0 5px;
  display:inline-block
  
}

.place_one {
  border: 2px solid #ffffff;
  width: 925px; 
  background: #ffffff; 
  padding: 15px; 
  border-radius: 1px; 
  font-size: 12px; 
  font-family: Arial;
  /*background: rgba( 0, 0, 0, 0.3);*/
}

.place_left {
  border: 2px solid #FFFFFF;
  width: 170px; 
  background: #FFFFFF; 
  padding: 10px; 
  border-radius: 5px; 
  font-size: 12px; 
  font-family: Arial;
  box-shadow: 0 0 5px;
}

.place_left_main {
  border: 2px solid #FFFFFF;
  width: 170px; 
  background: #FFFFFF; 
  padding: 10px; 
  border-radius: 5px; 
  font-size: 12px; 
  font-family: Arial;
  box-shadow: 0 0 5px;
  display:inline-block
  
}

.alig_pr {padding: 0 0 0 10px;}

.modules_categories {
  font-family: fonts;
  border: 1px solid rgba(0, 0, 0, 0.1);  
  background: transparent;
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding: 10px;
  border-radius: 5px;
  margin: 5px;
  color: black;
}

.modules_categories:hover {
  background: #edeef0;
  border: 1px solid rgba(0, 0, 0, 0.1);  
  color: var(--work-color);
}

.place_main {
  font-family: fonts;
  border: 0px solid #000; 
  max-width: 1200px; 
  background: transparent;
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

.place_main_clever_right {
  font-family: fonts;
  border: 0px solid #000; 
  background: transparent;
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding: 20px;
  text-align: left;
}

.place_main_clever_index {
  font-family: fonts;
  background: transparent;
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding: 20px;
  text-align: left;
}

.place_main_clever {
  font-family: fonts;
  border: 5px solid white; 
  background: transparent;
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding: 20px;
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.7); 
  border-radius: 15px;
  margin: 10px;
  transition: 1s;
}

.place_main_clever:hover {
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.7); 
  border: 5px solid white;
  transition: 2s;
  cursor: pointer;
}

.place_main_staff {
  font-family: fonts;
  border: 5px solid white; 
  max-width: 600px; 
  background: transparent;
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding: 10px;
  border-radius: 15px;
  margin: 10px;
  transition: 1s;
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.7);
}

.place_main_basket {
  font-family: fonts;
  border: 0px solid #000; 
  max-width: 1200px; 
  background: transparent;
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
}

.place_basket_contact {
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  margin: 0px 20px 20px 20px;
}

.place_main_right {
  font-family: fonts;
  background: transparent;
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding: 10px;
  /*width: 820px;*/
  border: 0px solid rgba(00,00,00, 0.1);
  border-radius: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.place_comment {
  background: transparent;
}

.place_comment_new {
  background: #f5f5f6;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgba(00,00,00, 0.1);
}

.place_comment_all {
  background: transparent;
  width: 100%;
  padding: 10px;
}

.place_rating_new {
  background: #f5f5f6;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: 0px solid rgba(00,00,00, 0.1);
}

.place_rating_all {
  background: transparent;
  width: 100%;
  padding: 10px;
}

.text_basket {
    font-family: fonts;
    margin-left:0px;
    outline: none;
    border: 1px solid rgba(00,00,00, 0.2);
    height: 40px; /* Высота */
    padding-left: 10px; /* Поля */
    font-size: 18px; /* Размер текста */
    vertical-align: middle; /* Выравнивание по середине */
    text-align: left;
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 5px;
}

.textarea_basket{
    font-family: fonts;
    border: none;
    border: 1px solid rgba(00,00,00, 0.2);
    height: 100px; /* Высота */
    padding: 5px 10px 5px 10px; /* Поля */
    font-size: 18px; /* Размер текста */
    line-height: 120%;
    -webkit-appearance: none;
    border-radius: 5px;
}   

.text_comment {
    font-family: fonts;
    margin-left:0px;
    width: 210px; /* Ширина поля с кнопкой */
    outline: none;
    border: 1px solid rgba(00,00,00, 0.2);
    height: 25px; /* Высота */
    padding-left: 10px; /* Поля */
    font-size: 15px; /* Размер текста */
    vertical-align: middle; /* Выравнивание по середине */
    text-align: left;
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-right: 7px;
}

.textarea_comment{
    font-family: fonts;
    border: none;
    border: 1px solid rgba(00,00,00, 0.2);
    height: 100px; /* Высота */
    padding: 5px 10px 5px 10px; /* Поля */
    font-size: 15px; /* Размер текста */
    line-height: 100%;
    -webkit-appearance: none;
    border-radius: 5px;
}   

.textarea_rating{
    font-family: fonts;
    border: none;
    border: 1px solid rgba(00,00,00, 0.2);
    height: 100px; /* Высота */
    padding: 5px 10px 5px 10px; /* Поля */
    font-size: 15px; /* Размер текста */
    line-height: 100%;
    -webkit-appearance: none;
    border-radius: 5px;
}   

.place_glavsdvig {
    margin-left: 0px;
    border: 1px solid black;
}

.place_mainsdvig {
    margin-left: 0px;
    background: #d0f0c0;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.place_sdvig {
    margin-left: 0px;
    background: #ffffad;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.place_subsdvig {
    margin-left: 0px;
    background: #ffa8af;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.place_main_footer {
  font-family: fonts;
  border: 0px solid #000; 
  max-width: 1200px; 
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding: 10px;
}

.hr_white {
    border: none; /* Убираем границу */
    background-color: rgba(255,255,255,0.1); /* Цвет линии */
    height: 1px; /* Толщина линии */
}

.hr_invoice {
    border-top: solid 2px #000 !important;
}

.place_main_red {
  font-family: fonts;
  border: 1px solid var(--work-color);
  background: transparent;
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding: 10px;
}

.place_main_400 {
  font-family: fonts;
  border: 0px solid #000;
  width: 450px;
  background: transparent);
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding-left: 10px;
  padding-right: 10px;
}

.main_panel
 {
     font-family: fonts;
     margin:auto;
     background: white;
     margin-bottom: 10px;
 }
 
 .main_panel_index
 {
     font-family: fonts;
     margin:auto;
     background: white;
 }
 
 .main_warning_ok
 {
     /*border: 1px solid rgba(00,00,00, 0.1);*/
     /*border-radius: 5px;*/
     font-family: fonts;
     /*max-width:1640px;*/
     margin:auto;
     background: #B1FFA3;
     padding-top: 10px;
     padding-bottom: 10px;
     font-size: 23px;
     color: green;
 }
 
  .main_warning_no
 {
     /*border: 1px solid rgba(00,00,00, 0.1);*/
     /*border-radius: 5px;*/
     font-family: fonts;
     /*max-width:1640px;*/
     margin:auto;
     background: #fdbdba;
     padding-top: 10px;
     padding-bottom: 10px;
     font-size: 23px;
     color: red;
 }

.place_slider_main
{
    padding: 10px;
}

.sidebar {display: none;}

.place_photer {
    width: 150px;
}

.place_condition {
    max-width: 1200px;
    padding: 0px 30px 0px 30px;
}

.place_news {
  border: 0px solid #FFFFFF; 
  width: 360px; 
  background: var(--fon);
  padding: 15px; 
  border-radius: 5px; 
  font-size: 15px; 
  font-family: fonts;
  display:inline-block;
}

.place_news:hover {
  background: var(--fon1); 
}

.place_new {
  border: 0px solid #FFFFFF; 
  width: 500px; 
  background: var(--fon); 
  padding: 15px; 
  border-radius: 5px; 
  font-size: 15px; 
  font-family: fonts;
  display:inline-block;
}

.place_new:hover {
  background: var(--fon1); 
}

.place_blitz {
  border: 0px solid #FFFFFF; 
  width: 250px; 
  background: var(--fon);
  padding: 15px; 
  border-radius: 5px; 
  font-size: 15px; 
  font-family: fonts;
  display:inline-block;
}

.place_blitz:hover {
  background: var(--fon1); 
}

.place_category {
  border: 2px solid #edeef0; 
  width: 160px; 
  height: 18px;
  background: #edeef0; 
  padding: 4px; 
  border-radius: 0px; 
  font-size: 12px; 
  font-family: Arial;
  box-shadow: 0 0 0px;
  display:inline-block;
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#2c3e50; 
}

.place_category:hover {
  border: 2px solid #2c3e50; 
  width: 160px; 
  height: 18px;
  background: #2c3e50; 
  padding: 4px; 
  border-radius: 0px; 
  font-size: 12px; 
  font-family: Arial;
  box-shadow: 0 0 0px;
  display:inline-block;
   font:15px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
}

.place_brand {
  border: 2px solid #FFFFFF; 
  width: 80px; 
  height: 18px;
  background: #FFFFFF; 
  padding: 4px; 
  border-radius: 0px; 
  font-size: 12px; 
  font-family: Arial;
  box-shadow: 0 0 1px;
  display:inline-block;
   font:15px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#2c3e50;
}

.place_brand:hover {
  border: 2px solid #2c3e50; 
  width: 80px; 
  height: 18px;
  background: #2c3e50; 
  padding: 4px; 
  border-radius: 0px; 
  font-size: 12px; 
  font-family: Arial;
  box-shadow: 0 0 1px;
  display:inline-block;
   font:15px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff;
}

.place_model {
  border: 2px solid #FFFFFF; 
  width: 280px; 
  height: 18px;
  background: #FFFFFF; 
  padding: 4px; 
  border-radius: 0px; 
  font-size: 12px; 
  font-family: Arial;
  box-shadow: 0 0 0px;
  display:inline-block;
   font:15px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#2c3e50;
}

.place_model:hover {
  border: 2px solid #2c3e50; 
  width: 280px; 
  height: 18px;
  background: #2c3e50; 
  padding: 4px; 
  border-radius: 0px; 
  font-size: 12px; 
  font-family: Arial;
  box-shadow: 0 0 0px;
  display:inline-block;
   font:15px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff;
}

.place_footer_vlack {
  border: 0px solid var(--primary-color2); 
  background-color: #303030; 
  padding: 15px; 
  border-radius: 0px; 
  font-size: 12px; 
  font-family: Arial;
}

.place_footer_admin {
  background: transparent;
  padding: 0px; 
  font-size: 12px; 
  margin:0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 50px;
}

.place_footer_br {
  padding: 0px; 
  font-size: 12px; 
  margin:0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 50px;
}

.place_footer_text {
  background-color: transparent; 
  display: inline-block; /*Задаем блочно-строчное отображение*/
  vertical-align: top;
  max-width: 100%;
  background: transparent;
  border: 0px solid black;
  text-align: left;
  padding-top: 5px;
}

.place_footer_sort {
  background-color: transparent; 
  text-align: right;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  vertical-align: bottom;
  padding: 5px 8px 0px 0px;
  background: transparent;
  border: 0px solid black;
  padding-bottom: 6px;
}

.place_footer_text_message {
  background-color: transparent; 
  max-width: var(--width);
  /* margin:0 auto; */
  padding: 0px;
}

.place_circle {
  border: 2px solid var(--work-color);
  background-color: #ffffff; 
  padding: 10px; 
  border-radius: 40px; 
  font-size: 20px; 
  font-family: fonts-medium;
  color: var(--work-color);
  width: 24px;
  height: 24px;
  display:inline-block
}

.place_red {
  border: 1px solid red;
  background-color: red;
  padding: 10px; 
  border-radius: 40px; 
  font-size: 13px; 
  font-family: fonts-medium;
  color: #ffffff; 
  width: 17px;
  height:17px;
  display:inline-block
}

.place_red:hover {
  background-color: #ffffff; 
  color: red;
}

.place_green {
  border: 1px solid green;
  background-color: green;
  padding: 2px; 
  border-radius: 40px; 
  font-size: 13px; 
  font-family: fonts-medium;
  color: #ffffff; 
  width: 17px;
  height:17px;
  display:inline-block
}

.place_green:hover {
  background-color: #ffffff; 
  color: green;
}

.place_footer {
  background-color: var(--footer);
  padding: 15px; 
  border-radius: 0px; 
  font-size: 12px; 
  font-family: Arial;
}

.place_header {
  border: 2px solid var(--primary-color2); 
  width: 920px; 
  background: transparent; 
  border-radius: 5px; 
  font-size: 12px; 
  font-family: Arial;
}

.place_delivery {
  border: 1px solid rgba(00,00,00,0.2);
  width: 270px; 
  background: #ffffff; 
  border-radius: 0px; 
  font-size: 20px; 
  font-family: fonts;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  padding: 10px;
  cursor: pointer;
  color: black;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 30px;
}

.place_delivery:hover {
  background: #ebebeb;
}

.place_fig {
}

.placer_fon {
  background: #ebebeb;
}

.placer_interface {
  padding: 10px;
  background: white;
  margin-bottom: 10px;
}

.placer_interface_good {
  padding: 5px;
  background: white;
  margin-bottom: 10px;
}

.placer_interface_contact {
  padding-top: 20px;
  padding-bottom: 20px;
  background: white;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
}

.placerl {
  vertical-align: top;
  display:inline-block;
  margin-bottom: 0px;
  text-align: left;
}

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

.placerla {
  vertical-align: top;
  display:inline-block;
  padding-right: 5px;
  margin-bottom: 30px;
  text-align: left;
  width: 300px;
  border: 0px solid rgba(00,00,00, 0.1);
}

.placerra {
  vertical-align: top;
  display:inline-block;

  border: 0px solid black;
}

.placerrin {
  vertical-align: top;
  display:inline-block;
  text-align: center;
}

.buy {
    vertical-align: top;
    display: inline-block; /*Задаем блочно-строчное отображение*/
    border: 0px solid #000000;
    width: 274px; 
    background: #ebebeb;
    padding: 10px; 
  border-radius: 5px; 
  font-size: 12px; 
  font-family: fonts;
  display:inline-block
}

.nav {
    vertical-align: top;
    display: inline-block; /*Задаем блочно-строчное отображение*/
    border: 2px solid var(--work-color);
    width: 321px; 
    background: #FFFFFF;
    padding: 15px; 
  border-radius: 5px; 
  font-size: 12px; 
  font-family: Arial;
  display:inline-block
}

.nav_brand {
  vertical-align: top;
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.nav_photo_list {
  display: inline-block; /*Задаем блочно-строчное отображение*/
}

.nav_brand_list {
  display: inline-block; /*Задаем блочно-строчное отображение*/
  vertical-align: top;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.nav_goods {
    vertical-align: top;
    display: inline-block; /*Задаем блочно-строчное отображение*/
    width: 172px; 
    height: 290px;
    padding: 0px 0px 10px 0px; 
  font-size: 12px; 
  font-family: fonts;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 35px;
}

.nav_goods:hover {
    vertical-align: top;
    display: inline-block; /*Задаем блочно-строчное отображение*/
  font-family: fonts;
  box-shadow: 0 0 15px grey;
}

.nav_goods_index {
    vertical-align: top;
    display: inline-block; /*Задаем блочно-строчное отображение*/
  font-size: 12px; 
  font-family: fonts;
  margin: 5px;
}

.nav_goods_index:hover {
  box-shadow: 0 0 10px grey;
}

.nav_goods_index_list {
    vertical-align: top;
    display: inline-block; /*Задаем блочно-строчное отображение*/
    height: 250px;
  font-size: 12px; 
  font-family: fonts;
  margin: 5px;
}

.nav_goods_index_list:hover {
  box-shadow: 0 0 10px grey;
}

.nav_staff {
    vertical-align: top;
    display: inline-block; /*Задаем блочно-строчное отображение*/
  font-size: 12px; 
  font-family: fonts;
  margin: 5px;
  text-align: left;
}

.nav_staff:hover {
  box-shadow: 0 0 10px grey;
}

.nav_news {
    vertical-align: top;
    display: inline-block; /*Задаем блочно-строчное отображение*/
  font-size: 12px; 
  font-family: fonts;
  margin: 5px;
  text-align: left;
}

.nav_news:hover {
  box-shadow: 0 0 10px grey;
}

.nav_reviews {
  vertical-align: top;
  font-size: 12px; 
  font-family: fonts;
  margin: 5px;
  text-align: left;
  color: black;
}

.nav_reviews:hover {
  box-shadow: 0 0 10px grey;
}

.nav_car_big {
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  font-size: 12px; 
  font-family: fonts;
  margin: 5px;
}

.nav_car_big:hover {
  box-shadow: 0 0 10px grey;
}

.nav_goods_model {
  vertical-align: top;
  display: inline-block; /*Задаем блочно-строчное отображение*/
  width: 250px; 
  font-size: 12px; 
  font-family: fonts;
  margin: 5px;
  color: black;
}

.nav_goods_model:hover {
  box-shadow: 0 0 10px grey;
}

.nav_goods_index_small {
    vertical-align: top;
    display: inline-block; /*Задаем блочно-строчное отображение*/
  font-size: 12px; 
  font-family: fonts;
  margin: 5px;
}

.nav_goods_index_small:hover {
    vertical-align: top;
    display: inline-block; /*Задаем блочно-строчное отображение*/
  font-family: fonts;
  background: white;
  box-shadow: 0 0 10px grey;  
}

.nav_baskets {
    background: #ffffff;
    padding: 3px 0px 0px 3px; 
  font-size: 12px; 
  font-family: fonts;
  margin-left: 10px;
  margin-right: 10px;
}

.nav_baskets:hover {
  box-shadow: 0 0 15px grey;
}

.nav_brand_old {
    vertical-align: top;
    display: inline-block; /*Задаем блочно-строчное отображение*/
    width: 177px; 
    background: transparent;
    padding: 10px 10px 10px 10px; 
  border-radius: 0px; 
  font-size: 12px; 
  font-family: fonts;
  color: black;
  margin: 10px 10px 10px 10px;
}

.nav_brand_old:hover {
  box-shadow: 0 0 15px grey;
}

.hrbas {
}

.example5 {
display:inline-block;
position:relative;
}

.example_text_5 {
display: block;
font-family: fonts;
position:absolute;
left:0;
bottom:1px;
width:100%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
color: var(--work-color);
background-color:rgba(0,0,0,0.7);
}

.example {
padding-top:8px;
width:160px;
padding-left:10px;
height: 29px;
background-image:url(http://epbtuning.ru/photo/button.png);
/*оформление текста*/
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

.example2 {
font-family:Arial, Helvetica, sans-serif;
display:inline-block;
position:relative;

}
.example2 span {
font-family:Arial, Helvetica, sans-serif;
display:inline-block;
position:absolute;
top:30px;
left:0px;

/* Оформление текста */
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;

/* Фон */
background-color:rgba(0,0,0,.4);
padding:10px 30px;
}

.example4 {
display:inline-block;
position:relative;
}

.example_text_4 {
display: block;
font-family: fonts-Medium;
width:100%;
height:99%;
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
text-align:center;

color:#fff;
padding:0px;
background-color:rgba(0,0,0,0.4);
}

.example9 {
display:inline-block;
position:relative;
}

.example_text_9 {
display: block;
font-family: fonts-Medium;
width:80%;
height:45%;
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
text-align:center;
font-size: 9px;
color:#fff;
padding:10px;
background-color:rgba(0,0,0,0.55);
}

.text_center9 {
position: relative;
top: 0%;
width: 100%;
}

.example7 {
display:inline-block;
position:relative;
}

.example_text_7 {
display: block;
font-family: fonts-Medium;
width:100%;
height:31%;
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
text-align:center;
font-size: 14px;
color:#fff;
background-color:rgba(0,0,0,0.55);
}

.example_text_100 {
    display: block;
    font-family: fonts-Medium;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    text-align:center;
    font-size: 12px;
    color:#fff;
    background-color: #00b300;
    border-radius: 50px;
    rotate: -15deg;
}

.example_delete {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #555;
    color: white;
    font-size: 16px;
    padding: 2px 7px;
    border: none;
    cursor: pointer;
    border-radius: 15px;
}
.example_delete:hover {
    background-color: black;
}

.example8 {
display:inline-block;
position:relative;
}

.example_text_8 {
display: block;
font-family: fonts-Medium;
width:85%;
height:20%;
position: absolute;
    top: 76%;
    left: 50%;
    transform: translate(-50%, -50%);
text-align:center;
font-size: 12px;
color:#fff;
padding:10px;
background-color:rgba(0,0,0,0.55);
}

.text_center8 {
position: relative;
top: 0%;
width: 100%;
}

.text_center {
position: relative;
top: 30%;
width: 100%;
}



.example3 {
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
position:relative;
}
.example3 .example_text {
font-family:Arial, Helvetica, sans-serif;
display:block;
position:absolute;
left:0;
bottom:3px;
width:100%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

color:#fff;

padding:10px;
background-color:rgba(0,0,0,.7);

border-radius: 15px;

}
.example3 h10 {
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
}
.example3 span {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.example_menu {
padding-top:5px;
width:923px;
border-radius: 5px; 
padding-left:0px;
height: 125px;
/*оформление текста*/
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

.menu_db {
  padding: 5px; 
  border-radius: 5px; 
  background-color: #ffffff;  
  display:inline-block;
}

img {
  /*  max-width: 20%;*/
}

.captcha {
      height: 38px;
  /*  max-width: 20%;*/
  width: 65px;  
}

/*
.image {
 overflow:hidden;
 width: 55px;
 height: 55px;
 display:inline-block;
 }
 
 .image img {
 -moz-transition: all 0.25s ease-out;
 -o-transition: all 0.25s ease-out;
 -webkit-transition: all 0.25s ease-out;
 display:inline-block;
 }
 
.image img:hover{
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 display:inline-block;
 }
*/

body {
background-color: var(--fon);
font-family: fonts;
     text-size-adjust: none;
     -moz-text-size-adjust: none; 
     -webkit-text-size-adjust: none;
     -ms-text-size-adjust: none;
     -o-text-size-adjust: none;
cursor: default;
}

a{
text-decoration:none;
}

hr {
    border: none; /* Убираем границу */
    background-color: rgba(00,00,00,0.1); /* Цвет линии */
    color: rgba(00,00,00,0.1); /* Цвет линии для IE6-7 */
    height: 1px; /* Толщина линии */
   }

H1 { 
    font-family: Arial, Helvetica, Verdana, sans-serif; /* Гарнитура шрифта */ 
    font-size: 15px; /* Размер текста */ 
    font-weight: lighter; /* Светлое начертание */ 
   }
   
H2 { 
    font-family: Arial, Helvetica, Verdana, sans-serif; /* Гарнитура шрифта */ 
    font-size: 15px; /* Размер текста */ 
    font-weight: lighter; /* Светлое начертание */ 
   }

H3 { 
    font-family: Arial, Helvetica, Verdana, sans-serif; /* Гарнитура шрифта */ 
    font-size: 18px; /* Размер текста */ 
    font-weight: lighter; /* Светлое начертание */ 
    font-weight: bold;
   }
   
H3 { 
    font-family: Arial, Helvetica, Verdana, sans-serif; /* Гарнитура шрифта */ 
    font-size: 6; /* Размер текста */ 
    font-weight: lighter; /* Светлое начертание */ 
    font-weight: bold;
   }
   
H7 {
    text-decoration: none; 
    font-family: Arial, Helvetica, Verdana, sans-serif; /* Гарнитура шрифта */ 
    font-size: 70px; /* Размер текста */ 
    font-weight: bold;
    color: black; 
   }

H8 {
    text-decoration: none; 
    font-family: Arial, Helvetica, Verdana, sans-serif; /* Гарнитура шрифта */ 
    font-size: 48px; /* Размер текста */ 
    color: black; 
    link: red;
    vlink: #cecece;
    alink: #ff0000;
    }

.line { 
    border-left: 2px solid var(--work-color);
    margin-left: 10px; /* Отступ слева */
    padding-left: 10px; /* Расстояние от линии до текста */ 
   }

.line-big { 
    border-left: 5px solid var(--work-color);
    margin-left: 10px; /* Отступ слева */
    padding-left: 10px; /* Расстояние от линии до текста */ 
   }

.wrapper {
  overflow: hidden;
}

.wrapper_small {
  overflow: hidden;
}

.wrapper_model {
  overflow: hidden;
  height: 180px;
}

 /*Ширина сайта*/
.main
{
    font-family: fonts;
    margin:auto;
    background: var(--fon_main);
}

.main_catalog
{
    font-family: fonts;
    margin:auto;
    text-align: left;
}
 
 .main_module
{
    font-family: fonts;
    max-width: var(--width);
    margin:auto;
    background: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
}

.main_index
{
    font-family: fonts;
    max-width: var(--width);
    margin:auto;
    background: var(--fon_main);
    padding: 10px;
    border: 1px solid rgba(00,00,00, 0.1);
}
 
.main_white
{
    border: 0px solid rgba(00,00,00, 0.1);
    border-radius: 5px;
    font-family: fonts;
    max-width: var(--width);
    margin:auto;
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
    height: 175px;
    margin-left:0px; 
}


/* Middle
-----------------------------------------------------------------------------*/
.middle {
    width: 100%;
    position: relative;
}
.middle:after {
    display: table;
    clear: both;
    content: '';
}
.container {
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 5px 0 5px 0;
}
.content {
    padding: 0 0 0 210px;
}

/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
    float: left;
    width: 170px;
    margin-left: -100%;
    position: relative;
    padding: 5px 0 0 0;
}

.left-sidebar_main {
    float: left;
    width: 111px;
    margin-left: -100%;
    position: relative;
    padding: 5px 0 0 0;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
    text-align: center;
    padding-top: 20px;
}

.select {
    width: 80px;
    font-family: fonts;
    outline: none;
    border: 1px solid rgba(00,00,00, 0.2);
    height: 40px; /* Высота */
    padding-left: 7px; /* Поля */
    font-size: 22px; /* Размер текста */
    vertical-align: middle; /* Выравнивание по середине */
    text-align: left;
    background: #ffffff;
    border-radius: 5px;
   }

.antiurl {
    text-decoration: none;
}


.clear{
    clear: both;
}

.mesage_error{
    color: white;
    font-size: 16px;
    font-family: fonts;
}

.success_message{
    color: white;
    font-size: 16px;
    font-family: fonts;
}

.block_for_messages{
    font-family: fonts-Medium;
    text-align: left;
    font-size: 20px; /* Размер текста */
    background-color: white;
    margin-bottom: 10px;
    /*border-radius: 5px;*/
    /*max-width:1640px;*/
}

html, body {padding:0; margin:0;}

.layout {background:#fff; max-width:1200px; margin:1em auto; border:0px solid #ccc; text-align:justify; font-family: fonts;}