@import url("rouble.css");


* {margin:0; padding:0;}

html {
    scroll-behavior: smooth;
}

a {		
     color: #59919A;
     cursor: pointer;
     text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h2 a:hover {
    text-decoration: underline;
}

header, main, aside, footer {padding:0;}

header {grid-area:header;}
#img_logo {grid-area:img-logo;}
#responsive-menu {grid-area:responsive-menu;}
#logo_in_header {grid-area:header-logo;}
#main_carousel_photoslider {grid-area:header-photoslider;}
#header_telefones {grid-area:header-telefones;}
#open-in-heder {grid-area:open-in-heder;}
#main {grid-area:main;}
#left-menu {grid-area:left-menu;}
#wrap-content {grid-area:wrap-content;}
footer {grid-area:footer;}
#footer-col_1 {grid-area:footer-col_1;}
#footer-col_2 {grid-area:footer-col_2;}
#footer-col_3 {grid-area:footer-col_3;}
#footer-col_4 {grid-area:footer-col_4;}
#footer-col_5 {grid-area:footer-col_5;}
#o_nas_1 {grid-area:o_nas_1}
#o_nas_2 {grid-area:o_nas_2}
#o_nas_3 {grid-area:o_nas_3}

#header-nav {
    display:block;
}

#header_first_row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    margin-bottom: 40px;
}

#grid {
    padding: 0;
    display:grid;
    grid-gap:0px;
    grid-template: auto auto auto / 1fr ;
    grid-template-areas: "header"
        "main"
        "footer"; 
}

body {
    left: 0;
    margin: 0;
    position: relative;
    max-width: 100%;
}


#main {
    margin: 15px 35px 0 0;
    padding: 0px;
    display: block;
    grid-gap:0px;
    grid-template: 1fr / 21% 79% ;
    grid-template-areas:
        "left-menu wrap-content"; 
}

.icon-menu-close {
    display: none;
}

#responsive-menu {
    position: fixed;
    top: 105px;
    z-index: 2;
    width: calc(100% + 30px);
}

#responsive-menu-item-1, #responsive-menu-item-2,
#responsive-menu-item-3, #responsive-menu-item-4,
#responsive-menu-item-5, #responsive-menu-item-6
{
    width: 15%;
}


#left-menu {
    display: table-cell;
    background: #fff url('assets/i/menu-bg1.jpg') repeat left top;
    padding: 0px;
    z-index: 1;
}

#right-menu {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding-left: 20px;
    padding-right: 20px;
    width: 500px;
    text-align: center;
    display: block;
    position: absolute;
    top: -1000px; /* прячем это меню вначале */
    left: 100px;
    background: #fff url('assets/i/menu-bg1.jpg') repeat left top;
}

#right-menu form {
    display: block;
    width: 300px;
}

.main-page-content {
    display: block;
    height: 100%;
    width: 70%;
    vertical-align: top;
}

#cover_shadow {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0, 86, 100);
    opacity: 0.0;
    z-index: 50;
}

main {
    display: table-row;
    position: relative;
    text-align: left;
    vertical-align: top;
}

#footer-grid {
    width: 100vw;
    padding: 10px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    grid-gap:10px;
    grid-template: 1fr / 22% 1fr 1fr 1fr 22% ;
    grid-template-areas:"footer-col_1 footer-col_2 footer-col_3 footer-col_4 footer-col_5";
}

#img_logo {
    display: block;
}

#open-in-heder {
    display: none;
    background-color: #005664;
    color: #FFFFFF;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
}

#wrap-content {
    width: 100%;
    padding: 0px; 
    margin: 0px; 
    border: 0px solid #b2b2b2; 
    text-align: center;
    vertical-align: top;
    border-spacing: 0px; 
    border-collapse: separate;
}

#all_category_block {
    display: block;
    margin: 10px -15px;
    border: 0px solid #b2b2b2; 
    background: #FFFFFF none repeat scroll 0% 0%; 
    padding: 0px; 
    margin: 0px; 
    margin-left: 10px;  
    text-align: center; 
    width: 100%;
    vertical-align:top;
}

#all_category_block img{
    width: 150px;
    height: 150px;
}

#all_category_block>div {
    display: inline-block;
    position: relative;
    width: 25%;
    height: 275px;
    border: 1px solid #FFFFFF;
    padding: 10px;
    margin: 0 15px;
    border-radius: 10px; 
    text-align: center; 
    vertical-align: top; 
    background: #FFFFFF none repeat scroll 0% 0%;    
}

#all_category_block>div>div {
    display: block;
    positon: absolute;
}

#all_category_block a {
    display: block;
}

#all_category_block.main_page a:hover {
    display: block;
    position: absolute;
    top: -25px;
    left: -25px;
    border: 0px solid #9DB3AA;
    border-radius: 10px;
    background-color: #FFFFFF;
    text-decoration: none;
    width: 220px;
    height: 250px;
    z-index: 500;
    -webkit-box-shadow: 9px 10px 19px 6px rgba(0,86,100,1);
    -moz-box-shadow: 9px 10px 19px 6px rgba(0,86,100,1);
    box-shadow: 9px 10px 19px 6px rgba(0,86,100,1);
}

#all_category_block a:hover img {
    width: 190px;
    height: 190px;
}

#logo_in_header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin:  0px;
}

#header_telefones {
    display: flex;
    align-items: center;
    justify-content: center;
    margin:  0px;
}

#header_telefones_inner {
    text-align: justify;
    width: 200px;
    text-decoration: none;
}

#header_telefones_inner h3 {
    margin: 0;
    padding: 0;
    font-size: 1.3em;
}
#header_telefones_inner a {
    margin: 0;
    color: #3E7D7D;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
}

#header_telefones_inner a:hover {
    color: #FF9640;
}

#header-address a {
     color: #82B6A3;
}

#footer-col_1, #footer-col_5 {
    text-align: center;
} 


#footer-col_2, #footer-col_3, #footer-col_4 {
    text-align: left;
}

.breadcrumb {
    padding-left: 9px;
}


.breadcrumb .active a:hover {
    color: #59919A;
}

.all_tovars_block {
     display: block;
     border: 0px solid #b2b2b2;
     background: #FFFFFF none repeat scroll 0% 0%;
     padding: 0px;
     margin: 0 auto;
     margin-left: 40px;
     text-align: center;
     max-width:100%;
     vertical-align:top;
}

.tovar_record_in_category_3 {
    width: 900px;
    margin: 0 auto;
    display: block;
}

.tovar_record_first_row {
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 60vw;
    text-align: left;
}

.tovar_record_second_block {
    grid-area: tovar_record_second_block;
    margin: 10px;
    position: relative;
    width: 320px;
    text-align: center;
    vertical-align: top;
}

.tovar_record_first_block {
    grid-area: tovar_record_first_block;
    margin: 10px;
    padding-left: 30px;
    text-align: left;
    vertical-align: top;
}

.tovar_record_third_block {
    grid-area: tovar_record_third_block;
    height: 0px;
    margin: 0px;
    border-bottom: 3px solid #b2b2b2;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}

#header_medium_image {
    grid-area: header_medium_image;
    display: none;
}

#header_small_image {
    grid-area: header_small_image;
    display: none;
    height: 100px;
}

.tovar_record_in_price {
     width: calc(100% / 4 - 30px);
     margin: 15px;
     padding: 20px;
     border: 1px solid #ccc;
     border-radius: 20px;
     display: flex;
     flex-direction: column;
}

.tovar_main_photo {
    max-height: 20vh;
}

.tovar_record_in_price img {
    width: 90%;
}

.tovar_record_in_price:hover {
    border: 1px solid darkolivegreen;
    text-decoration: none;
}

.tovar_record_in_price .tovar_price {
    margin: auto 0 0 0;
    font-size: 16px;
}

.tovar_price {
    max-height: 10vh;
}

.all_tovars_block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.category_3_name {
    margin: 0 30px 0 0;
}

.category_3_name h3 {
    background-color: #59919A;
    color: #FFFFFF;
    line-height: 40px;
}

.all_categories_2_block {
    width: 66vw;
}

.all_categories_3_block {
    width: 65vw;
    margin: 0 -15px 0 15px;
}

.category_2_name {
    margin: 0;
}

.category_2_name h2 {
    background-color: #59919A;
    color: #FFFFFF;
    line-height: 40px;
    font-size: 26px;
}

#order_buttons_block {
    padding: 10px 20px 10px 10px; 
    text-align: left;
    width: 100%;
}

#order_buttons_block td {
     vertical-align: top;
     padding: 10px;
}

#offer_page_block {
    display: block;
    margin: 0 5% 0 30px;
    grid-gap: 10px;
    grid-template: auto auto 1fr auto auto auto auto auto auto auto auto auto / 355px 1fr;
    grid-template-areas:
        "tovar_page_visible_title tovar_page_visible_title"
        "photoslider_block upper_tovar_tips_block"
        "photoslider_block configurator_block"
        "tovar_page_summary_block tovar_page_summary_block"
        "tovar_page_addition_text_block tovar_page_addition_text_block"
        "tovar_page_models_table_block tovar_page_models_table_block"
        "tovar_page_tabs_block_1 tovar_page_tabs_block_1"
        "tovar_page_html_code_2_block tovar_page_html_code_2_block"
        "tovar_page_accessory_tovars_block tovar_page_accessory_tovars_block"
        "tovar_page_neighbors_tovars_block tovar_page_neighbors_tovars_block"
        "tovar_page_comments_block tovar_page_comments_block"
        "tovar_page_feedback_form_block tovar_page_feedback_form_block"
        ;
}

#photoslider_block {
    grid-area: photoslider_block;
    display: block;
    vertical-align: top;
}

#configurator_block {
    grid-area: configurator_block;
    display: block;
    vertical-align: top;
    background-color: rgba(201, 201, 201, 0.13);
}

#upper_tovar_tips_block {
    grid-area: upper_tovar_tips_block;
    text-align: left; 
    vertical-align: top;
    position:relative; 
    width:100%;
}

#tovar_page_summary_block {
    grid-area: tovar_page_summary_block;
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding: 15px;
}

#tovar_page_addition_text_block {
    grid-area: tovar_page_addition_text_block;
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding: 15px;
}

#tovar_page_html_code_2_block {
    grid-area: tovar_page_html_code_2_block;
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding: 15px;
}

#tovar_page_models_table_block {
    grid-area: tovar_page_models_table_block;
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding: 15px;
}

#tovar_page_tabs_block_1 {
    grid-area: tovar_page_tabs_block_1;
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding: 15px;    
}

#tovar_page_neighbors_tovars_block {
    grid-area: tovar_page_neighbors_tovars_block;
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding: 0 15px 0 0;    
}

#neighbors_tovars_block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 10px;
    align-items: stretch;
    justify-content: center;
    border: 1px solid #b2b2b2;
    border-radius: 4px;
}

.neighbors_tovars_block_item {
    width: 280px;
    margin: 5px;
    border: 1px solid #b2b2b2;
    border-radius: 8px;
}

.neighbors_tovars_block_item a {
    display: flex;
    flex-wrap: nowrap;
    cursor: pointer;
    border-radius: 8px;
    text-decoration: none;
}


.neighbors_tovars_block_item a div {
    display: inline-block;
    width: 130px;
    padding: 5px;
    text-align: left;
    text-decoration: none;
}

#tovar_page_accessory_tovars_block {
    grid-area: tovar_page_accessory_tovars_block;
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding: 0 15px 0 0;    
}

#accessory_tovars_block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 10px;
    align-items: stretch;
    justify-content: center;
    border: 1px solid #b2b2b2;
    border-radius: 4px;    
}

#tovar_page_comments_block {
    grid-area: tovar_page_comments_block;
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding: 0 15px 0 0;    
}

#tovar_page_otzyv_image_container_block {
    
}

#tovar_page_fotoslider_fullsize_image_container {
    
}

#tovar_page_feedback_form_block {
    grid-area: tovar_page_feedback_form_block;
}

.promostend-chevron-left {
     display: block;
     position: absolute; 
     top: 155px; 
     left: 10px; 
     z-index: 2; 
     cursor: pointer;
}

.promostend-chevron-left img {
    width: 30px;
}

.promostend-chevron-right {
     display: block;
     position: absolute;
     top: 155px; 
     right: 10px; 
     z-index: 2; 
     cursor: pointer;
}

.promostend-chevron-right img {
    width: 30px;
}

#banner_sizes_buttons_wrapper {
    grid-area: banner_sizes_buttons_wrapper;
    margin-bottom: 20px;
}

#banner_sizes_buttons {
     display: block;
     min-height: 40px;
     width: 100%;
}


#banner_materials_buttons_wrapper {
    grid-area: banner_materials_buttons_wrapper;
    display: block; 
    text-align: left; 
    width: 100%; 
}

#banner_materials_buttons {
     display: block; 
     grid-template-columns: repeat(auto-fill, 100%); 
     grid-template-rows: repeat(auto-fill, auto); 
     grid-gap: 3px; 
     width: 100%;
}

#select_quantity_block_for_tovar_page {
    grid-area: select_quantity_block_for_tovar_page;
}

#price_panel_for_tovar_page_wrapper {
    grid-area: price_panel_for_tovar_page_wrapper;
    margin: 0;
    text-align: right;
}

#price_panel_for_tovar_page {
    width: 100%;
    height: 100%;
    text-align: center;
}

#mini_table_of_quantity_discounts_for_tovar_page {
    grid-area: mini_table_of_quantity_discounts_for_tovar_page;
    margin: 8px 0 0 0;
}

#mini_table_of_quantity_discounts {
     display: table;
     width: 100%;
     margin: 0; 
     font-size: 1.5rem; 
     color: #7195A2;
     border: 2px solid #EAEDED;
     border-radius: 10px;
}

#mini_table_of_quantity_discounts > div {
    display: table-row;
    width: 100%;
}

#mini_table_of_quantity_discounts > div > div {
    display:table-cell;
    border-bottom: 2px solid #EAEDED;
    text-align:left;
    padding: 2px;
    width: 33%;
}

#mini_table_of_quantity_discounts > div > div:nth-child(1) {
    text-align: left;
    cursor: pointer;
}

#mini_table_of_quantity_discounts > div > div:nth-child(2) {
    border-left: 2px solid #EAEDED;
    border-right: 2px solid #EAEDED;
    text-align: center;
}

#mini_table_of_quantity_discounts > div > div:nth-child(3) {
    text-align: right;
}

#mini_table_of_quantity_discounts :last-child > div {
    border-bottom: none;
}

.banner_record_in_banners_category {
    display: grid;
    grid-gap: 10px;
    align-items: flex-start;
    grid-template: auto 10px / 1fr auto;
    grid-template-areas: 
        'banner_record_in_banners_category_div_1 banner_record_in_banners_category_div_2'
        'banner_record_in_banners_category_div_3 banner_record_in_banners_category_div_3';
}

.banner_record_in_banners_category_div_1 {
    grid-area: banner_record_in_banners_category_div_1;
    width: 100%; 
    text-align: left; 
    vertical-align: top; 
    padding: 10px 10px 10px 10px; 
}

.banner_record_in_banners_category_div_2 {
    grid-area: banner_record_in_banners_category_div_2;
    max-width: 340px; 
    text-align: right; 
    vertical-align: top; 
    padding: 10px 20px 10px 0px;    
}

.banner_record_in_banners_category_div_3 {
    grid-area: banner_record_in_banners_category_div_3;
    width: 100%;
    border-top: 2px solid #ccc;
    height: 10px;
    margin: 0 0 0 10px;
    padding-right: 30px;
}

#main_banners_configurator {
    display: grid;
    width: 100%;
    margin: 0px;
    padding: 0 5px;
    grid-gap: 10px;
    grid-template: auto auto / 1fr 40%;
    grid-template-areas:
        'main_banners_configurator_div_1 main_banners_configurator_div_2'
        'main_banners_configurator_div_3 main_banners_configurator_div_3';
}

#main_banners_configurator_div_1 {
    grid-area: main_banners_configurator_div_1;
    vertical-align: top;
    margin-right: 5px;
}

#main_banners_configurator_div_2 {
    grid-area: main_banners_configurator_div_2;
    vertical-align: top; 
}

#main_banners_configurator_div_3 {
    grid-area: main_banners_configurator_div_3;
}


#banner_page_main_top {
    grid-gap: 10px;
    grid-template: auto / 1fr auto;
    grid-template-areas:
        'banner_page_main_top_div_1 banner_page_main_top_div_2';
}

#banner_page_main_top_div_1 {
    grid-area: banner_page_main_top_div_1;
}

#banner_page_main_top_div_2 {
    grid-area: banner_page_main_top_div_2;
}

#banner_options {
    display: block;
    flex-wrap: wrap;
    width: 100%;
    text-align: left;
    vertical-align: top;
    border-radius: 8px;
}

#banner_options div {
    width: 50%;
    padding: 0 0 0 10px;
    vertical-align: top;
}

#banner_options input {
     margin-right: 10px;
}

#quantity_sizes_price_block {
    display: grid;
    grid-gap: 10px;
    width: 100%;
    margin: 0px;
    grid-template: auto / auto 1fr;
    grid-template-areas:
        'quantity_sizes_price_block_div_1 quantity_sizes_price_block_div_2';
}

#quantity_sizes_price_block_div_1 {
    grid-area: quantity_sizes_price_block_div_1;
    vertical-align: top;
}

#quantity_sizes_price_block_div_2 {
    grid-area: quantity_sizes_price_block_div_2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.price_panel {
    display: block;
    position: relative;
    width: 280px;
    text-align: center;
    font-size: 20px;
    color: #064956;
    margin: auto;
    padding: 10px;
    padding-bottom: 37px;
    background-color: #fbedd1;
    border-radius: 10px;
}

#porifolio_content {
     display: flex; 
     flex-wrap: wrap; 
     width: 65vw; 
     margin: 0 20px; 
     padding: 0px; 
     text-align: center;
}

.portfolio_item {
    width: calc(100% / 5 - 20px); 
    text-align:center; 
    vertical-align:top;
    margin: 10px;
}

.portfolio_item img {
    width:140px; 
    height:140px; 
    cursor:pointer;
}

#basket_page_content {
    width: 70vw;
    margin: 0 40px 0 20px;
}

.kontakt_page_person_block {
    width: calc(100% / 2 - 50px);
    margin: 0 15px;
}

#o_nas_grid {
    display: grid;
    width: 100%;
    grid-template: 1fr 1fr / 68% 32%;
    grid-template-areas:
        "o_nas_1 o_nas_2"
        "o_nas_3 o_nas_3";
    text-align: center;
    vertical-align: top;
}

#o_nas_img_1, #o_nas_img_3 {
    width: 500px;
}

#o_nas_img_2 {
    width: 290px;
}

@media screen and (max-width: 1200px) {
    #main {
        grid-template: 1fr / 30% 70%;
        grid-template-areas:
            "left-menu wrap-content";
    }
    #header-nav {
        grid-template: 1fr auto / 33% 34% 33%;
        grid-template-areas: 
            "header-logo header_medium_image header-telefones"
            "responsive-menu responsive-menu responsive-menu";
    }
    #logo_in_header {
        justify-content: flex-center;
    }
    #header_telefones {
        justify-content: flex-center;
    }
    #main_carousel_photoslider {
        display: none;
    }
    #header_medium_image {
        display: block;
    }
    #all_category_block a {
        width: 40%;
    }
   
    .tovar_record_in_category_3 {
        margin: 0 auto; 
        display: block;
        grid-gap: 20px;
        grid-template: auto auto auto / 100%;
        grid-template-areas:
            "tovar_record_first_block"
            "tovar_record_second_block"
            "tovar_record_third_block";
        text-align: center;
    }

    .tovar_record_in_price {
        width: calc(100% / 2 - 30px);
        max-height: 300px;
    }
    
    #offer_page_block {
        text-align: center;
        grid-template: auto auto auto 1fr auto auto auto auto auto auto auto auto auto / 100%;
        grid-template-areas:
            "tovar_page_visible_title"
            "upper_tovar_tips_block"
            "photoslider_block"
            "configurator_block"
            "tovar_page_summary_block"
            "tovar_page_addition_text_block"
            "tovar_page_models_table_block"
            "tovar_page_tabs_block_1"
            "tovar_page_html_code_2_block"
            "tovar_page_accessory_tovars_block"
            "tovar_page_neighbors_tovars_block"
            "tovar_page_comments_block"
            "tovar_page_feedback_form_block"
            ;
    }
    
    #photoslider_block {
        width: 355px;
    }
   
    #order_buttons_block {
        grid-template: auto auto auto auto auto / 100%;
        grid-template-areas:
            "banner_sizes_buttons_wrapper"
            "banner_materials_buttons_wrapper"
            "select_quantity_block_for_tovar_page"
            "price_panel_for_tovar_page_wrapper"
            "mini_table_of_quantity_discounts_for_tovar_page"
            ;
    }
        
    #quantity_sizes_price_block {
        display: grid;
        grid-gap: 10px;
        width: 100%;
        margin: 0px;
        text-align: left;
        grid-template: auto auto / 100%;
        grid-template-areas:
            'quantity_sizes_price_block_div_1'
            'quantity_sizes_price_block_div_2';
    }

    #banner_options {
        display: block;
        flex-wrap: wrap;
        width: 100%;
        text-align: left;
        vertical-align: top;
        border-radius: 8px;
    }

    #banner_options div {
        width: 100%;
    }
    
    .price_panel {
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: center;
        margin: 0;
        margin-bottom: 10px;
    }

    .portfolio_item {
        width: calc(100% / 3 - 20px); 
    }

    .kontakt_page_person_block {
        width: calc(100% / 2 - 50px);
        margin: 0 15px;
    }

    .kontakt_page_person_block {
        width: 100%;
        margin: 0 15px;
    }
}


@media screen and (max-width: 800px) {
    #main {
        grid-template: 1fr / 40% 60%;
        grid-template-areas:
            "left-menu wrap-content";
    }
    #all_category_block a {
        width: 40%;
    }
    #header-nav {
        grid-template: 1fr auto / 33% 34% 33%;
        grid-template-areas: 
            "header-logo header_small_image header-telefones"
            "responsive-menu responsive-menu responsive-menu";
    }
    #header_medium_image {
        display: none;
    }
    #header_small_image {
        display: block;
    }
    
    .tovar_record_in_price {
        width: 100%;
    }

    .order_button_block {
        width: calc(100% / 2);
    }
    
    .banner_record_in_banners_category {
        display: grid;
        margin: 0;
        grid-gap: 10px;
        text-align: center;
        justify-items: center;
        grid-template: auto auto 10px / 1fr;
        grid-template-areas: 
            'banner_record_in_banners_category_div_1'
            'banner_record_in_banners_category_div_2'
            'banner_record_in_banners_category_div_3';
    }

    .banner_record_in_banners_category_div_1 {
        grid-area: banner_record_in_banners_category_div_1;
        width: 100%; 
        text-align: left; 
        vertical-align: top; 
        padding: 20px 10px 10px 10px; 
    }

    .banner_record_in_banners_category_div_2 {
        grid-area: banner_record_in_banners_category_div_2;
        max-width: 340px; 
        text-align: center; 
        vertical-align: top; 
        padding: 10px 20px 10px 0px;    
    }

    .banner_record_in_banners_category_div_3 {
        grid-area: banner_record_in_banners_category_div_3;
        width: 100%;
        border-top: 2px solid #ccc;
        height: 10px;
        margin: 10px 40px 40px 0;
    }

    #main_banners_configurator {
        display: grid;
        width: 100%;
        margin: 0px;
        padding: 0 5px;
        grid-gap: 10px;
        grid-template: auto auto auto / 1fr;
        grid-template-areas:
            'main_banners_configurator_div_1'
            'main_banners_configurator_div_3'
            'main_banners_configurator_div_2';
    }

    #main_banners_configurator_div_1 {
        grid-area: main_banners_configurator_div_1;
        vertical-align: top;
    }

    #main_banners_configurator_div_2 {
        grid-area: main_banners_configurator_div_2;
        vertical-align: top; 
    }

    #main_banners_configurator_div_3 {
        grid-area: main_banners_configurator_div_3;
        vertical-align: top;
        margin-bottom: 10px;
    }

    #open-right-searh-panel, #cart {
        width: 15% !important;
    }
    
    #banner_page_main_top {
        display: block;
        grid-gap: 10px;
        width: 100%;
        justify-items: center;
        text-align: center;
        grid-template: auto auto / 1fr;
        grid-template-areas:
            'banner_page_main_top_div_1'
            'banner_page_main_top_div_2';
    }
    
    .portfolio_item {
        width: calc(100% / 2 - 20px); 
    }

}


@media screen and (max-width: 760px) {
    #main {
        grid-template: 1fr / 90%;
        grid-template-areas:
            "wrap-content";
    }
    #left-menu {
        display: none;
    }
    #logo_in_header {
        justify-content: flex-end;
        margin-right: 7%;
    }
    #header_telefones {
        justify-content: flex-start;
        margin-left: 7%;
    }
    #all_category_block a {
        width: 40%;
    }
    #header-nav {
        grid-template: 1fr auto / 50% 50%;
        grid-template-areas: 
            "header-logo header-telefones"
            "responsive-menu responsive-menu";
    }
    #header_small_image {
        display: none;
    }
    
    .portfolio_item {
        width: calc(100% / 3 - 20px); 
    }
}

@media screen and (max-width: 560px) {
    #main {
        grid-template: 1fr / 90%;
        grid-template-areas:
            "wrap-content";
    }
    #left-menu {
        display: none;
    }
    #all_category_block a {
        min-width: 45%;
    }    
    .order_button_block {
        width: 100%;
    }
    #footer-grid {
        width: 100%;
        padding: 10px;
        display:grid;
        grid-gap:10px;
        grid-template: auto auto auto auto auto  / 90% ;
        grid-template-areas:
            "footer-col_1" 
            "footer-col_2" 
            "footer-col_3" 
            "footer-col_4" 
            "footer-col_5";
    }
    #footer-col_1, #footer-col_2, 
    #footer-col_3, #footer-col_4, 
    #footer-col_5 {
        text-align: center;
    }    
    .portfolio_item {
        width: calc(100% / 2 - 20px); 
    }

}

#left-menu-search-form {
    display: block;
}

#left-menu-search-form form {
    display: block;
    width: 100%;
}

 

#main_carousel_photoslider {
    margin: 0px;
    height: 130px;
}

#main_carousel_photoslider img {
    height: 130px;
}

#open-right-searh-panel, #cart {
    width: 4%;
}

#open-right-searh-panel a, #cart a {
    height: 40px;
}

#open-right-searh-panel a i, #cart a i {
    margin: -5px auto;
}

#responsive-menu-item-delivery-picture {
    display: none;
}

#tovar_page_visible_title {
    grid-area: tovar_page_visible_title;
    width: 100%;
    text-align: center;
    line-height: 20px;
    padding: 5px;
    color: #33545F;
    background-color: #eaeded;
}


#right_column_main_taeble a {
    background-color: inherit;
    text-decoration: none;
    color: #3E7D7D;
}

#right_column_main_table a:hover {
    background-color: inherit;
    text-decoration: underline;
    color: #3E7D7D;
}


#right_column_main_table a.color_orange {
    background-color: inherit;
    text-decoration: none;
    color: #FF9640;
}

#right_column_main_table a.color_orange:hover {
    background-color: inherit;
    text-decoration: underline;
    color: #FF9640;
}

select, select:active, select:hover {
    outline: none
}
#logo a:hover{
    color: #FFFFFF;
    text-decoration: none;
    background-color: #FFFFFF;
}

#portfolio_main a:hover {
    color: #8BB1A1;
    text-decoration: none;
    background-color: #ffffff;
}
img {
    border: none;
}
.a_white {color: #FFFFFF; cursor: pointer; text-decoration: none;}

.style_right {text-align: right;}
.style_left {text-align: left;}
.style_center {text-align: center;}

/** стиль текста по ширине**/
.style_justify {
    text-align: justify;

}
.style_large {
    font-size: large;
}
.style_margin_15 {
    margin: 15px;

}
.style_border {
    border-width: 0;
}

/** шрифт Телефон footer**/
.style_footer_tel {
    font-weight: bold;
    color: white;
}

a.style_footer_tel:hover {
    color: white;
}


/** отступы в левом и правом столбцах**/
.style_margin_7_5 {
    margin-left: 7px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/** стиль страницы шрифт small требучет темный**/
.style1 {
    padding: 0px;
    border-width: 0;
    text-align: center;
    font-size: small;
    color: #59919A;
    background-color: #FFFFFF;
    font-family: Calibri, Trebuchet MS, Helvetica, Comic Sans MS;
}

/** Стиль для всех таблиц с видимой рамкой в основном тексте (в главномстолбце) **/
.style1_border_visible{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    border: 1px solid #eaeded;
    text-align: left;
    border-spacing: 0px;
}
.border {
    border: 1px solid #eaeded;
}

.style_border1_center {
    border: 1px solid #eaeded;
    text-align: center;
}


.style_border_radius_top_left {
    text-align: left;
    padding-left: 20px;
    border-radius: 20px  0px 0px 0px;
    border: 1px solid #eaeded;
}
.style_border_radius_top_right {
    text-align: left;
    padding-left: 20px;
    border-radius: 0px  20px 0px 0px;
    border: 1px solid #eaeded;
}
.style_border_radius_bottom_left {
    text-align: left;
    padding-left: 20px;
    border-radius: 0px  0px 0px 20px;
    border: 1px solid #eaeded;
}
.style_border_radius_bottom_right {
    text-align: left;
    padding-left: 20px;
    border-radius: 0px  0px 20px 0px;
    border: 1px solid #eaeded;
}
/** горизонтальное менюŽ сверху **/
.style_menu_top {
    background-color: #eaeded;
    text-align: center;
    font-size: medium;
}


/** белая ячейка над боковым менюŽ**/
.style5 {
    border-width: 0;
    height: 28px;
}
/** стиль ячеек боковых менюŽ**/
.style_td_menu_left {
    text-align: left;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #33545F;
}

/** заголовки разделов в таблице в центральной части_2 объединенных вячейки, текст по центру  **/
.style_td_menu_center {
    min-height: 0;
    text-align: center;
    background-color: #59919A;
    color: #FFFFFF;
    font-size: 11pt;
    margin: 0px 30px 5px 20px;
    padding: 5px;
    text-transform: uppercase;  
}

.style_td_menu_center a {
    color: #FFFFFF;
    line-height: 32px;
}

.style_zagolovki_big {
    text-align: center;
    background-color: #eaeded;
    font-size: 11pt;
    border: 1px solid #FFFFFF;
    height: 28px;

    margin: 7px 10px;

}

/** стиль ячеек боковых меню, малые фисташковые подкаталоги 2-го уровня**/
.style_td_menu_left_small {
    height: 20px;
    background-color: #eaeded;
    border-radius: 5px;
    color: #FFFFFF;
    padding-left: 30px;
    text-align: left;
}
/** стиль ячеек боковых менюŽ, малые фисташковые подкаталоги 2-го уровня**/
.style_td_menu_left_small_activ {
    height: 20px;
    background-color: #9DB3AA;
    border-radius: 5px;
    color: #FFFFFF;
    padding-left: 10px;
    text-align: left;
}

/** белый текст - активный раздел в менюŽ **/
.style_txt_color2 {color: #FFFFFF;}

/** оранжевый текст - цены, перейти в каталог **/
.style_txt_color4{color: #FF9640;}

.accessuar_tovars_list_a {
    background-color: #FFFFFF;
    color: #4B4B4B;
    cursor: pointer;
    text-decoration: none;
}

.accessuar_tovars_list_a:hover {
    background-color: #FFFFFF;
    color: #005664;
    cursor: pointer;
    text-decoration: underline;
}

/** стиль только для цен по всему сайту  **/
.color_orange{
    color: #FF9640;
}
.color_dark_green {
    color: #00A75C;
}
/** стиль для цен крупным шрифтом в карточках товаров  **/
.tcena_big{
    font-size: 40px;
    font-weight: 700;
}
/** стиль для цен в полном онлайн прайс-листе  **/
.price_big_1{
    font-size: 20px;
    font-weight: 700;
}

/** стиль символа валюты рубль  в карточке товаров **/
.rur {
    font-size: 35px;
    font-weight: 700;
    color: #FF9640;
}
/** стиль символа валюты рубль  в общем онлайн-прайс-листе**/
.rur_1 {
    font-family: 'ALSRublRegular';
    font-size: 18px;
}
/** стиль символа валюты евро в карточке товаров**/
.eur {
    font-size: 35px;
    font-weight: 700;
    color: #FF9640;
}
/** стиль символа валюты евро в общем онлайн-прайс-листе**/
.eur_1 {
    font-size: 18px;
    font-weight: 700;
}


/** стиль параграфа в левом менюŽ в раскрытом подменюŽ раздела и в правом столбце  **/
.style_p_5 {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 15px;
    margin-right: 5px;
    text-align: justify;
}
/** стиль параграфа в левом столбце  **/
.style_p_1 {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 7px;
    margin-right: 5px;
    text-align: justify;
}
/** текст в разделе контакты в левом менюŽ  **/
.style_font_size_11 {
    font-size: 11pt;
    text-align: left;

}
/** активный раздел менюŽ  **/
.style_menu_activ {
    color: #FFFFFF;
    text-align: left;
    background-color: #CFDAD6;
    font-size: 11pt;
    height: 28px;
}
.style_menu_activ_center {
    color: #3E7D7D;
    text-align: center;
    background-color: #FF9640;
    font-size: 11pt;
    text-transform: uppercase; /*Заглавные буквы */
}
.menu_center {
    height: 33px;
    background-color: #fff;
    color: #33545F;
    text-align: center;
    font-size: medium;

}
/** для текста, повернутого на 270 градусов, предназначено для ячеек td  **/
.td_rotating_text_270{
    border: 0px solid #eaeded;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
}
/** левый верхний угол центрального блока - строчка с деревом каталога  (хлебные крошки) **/
.style2 {
    margin: 0px;
    text-align: left;
    text-transform: uppercase; /* Заглавные буквы */
    color: #33545F;
}
/** серая рамка ячеек таблиц  **/
.style_border_1 {

    width: 100%;
    border: 1px solid #eaeded;
    border-radius: 10px 10px 0px 0px;
    border-spacing: 3px;
    text-align: center;
    vertical-align: top;
    margin: auto;
    padding: 0px;

}
/** серая рамка ячеек таблиц  **/
.style_border_2 {

    width: 100%;
    border: 1px solid #eaeded;
    border-radius: 10px 10px 0px 0px;
    border-spacing: 0px;
    text-align: left;
    vertical-align: top;
    margin: auto;
    padding: 0px;

}
.style_table_1 {

    width: 100%;
    text-align: center;
    border:none;
    margin: auto;
    padding: 0px;
    border-spacing: 3px;
    border-collapse: separate;

}

.order_button_block {
    display: inline-block;
    box-sizing: border-box;
    width: calc(100% / 3);
    margin: 0 5px;
}

.order_button_block a {
    background-color: inherit;
}

.order_button {
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
    border-radius: 10px;
    border:2px solid #EAEDED;
    padding: 5px;
    margin: 0px;
    color: #7195A2;
    font-size: 1.5rem;
}

.order_button:hover {
    border: 2px solid green;
    cursor: pointer;
}

.order_button_active, .order_button_active:hover {
    border: 2px solid #59919A;
}

.order_button_1 {
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
    border-radius: 5px;
    border:1px solid #eaeded;
    padding: 2px;
    margin: 0px;
    height: 100%;
    color: #33545F;
    font-size: 11px;
}

.order_button_1:hover {
    border: 1px solid green;
    cursor: pointer;
}

.order_button_1_active, .order_button_1_active:hover {
    border: 1px solid #59919A;
}

.order_button_2 {
    text-align: left;
    vertical-align: top;
    background-color: #ffffff;
    border-radius: 10px;
    border:2px solid #EAEDED;
    padding: 5px;
    color: #7195A2;
    font-size: 1.5rem;
}


.order_button_2:hover {
    border:2px solid green;
    cursor: pointer;
}

.order_button_2_active, .order_button_2_active:hover {
    border: 2px solid #59919A;
}

.order_button_3 {
    width: 118px;
    text-align: center;
    vertical-align: top;
    background-color: #ffffff;
    border-radius: 5px;
    border:1px solid #eaeded;
    padding: 5px;
    margin: 5px 5px 0px 5px;
    display:inline-block;
    color: #33545F;
    font-size: 16px;
}

.order_button_3:hover {
    border: 1px solid green;
    cursor: pointer;
}

.order_button_3_active, .order_button_3_active:hover {
    border: 1px solid #59919A;
}

.quantity-modified {
    margin: 0; 
    position: relative; 
    display: inline-block; 
    width: 100%;
    height: 35px;
    text-align: center;
    vertical-align: middle; 
    border: 2px solid #59919A; 
    border-radius: 10px;  
    padding: 0 25px; 
    background-color: #fff; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
    outline: none; 
    font-size: 1.5rem; 
    color: #7195A2;
    line-height: 20px; 
}

.quantity-input {
    border: 0 none; 
    display: block; 
    line-height: 16px; 
    margin: 0 auto; 
    overflow: visible; 
    text-align: center; 
    font: 1.5rem arial,sans-serif; 
    vertical-align: middle;
    outline: none; 
    padding: 7px 0px 0px 0px; 
    -webkit-appearance: textfield; 
    background-color: white;
    -webkit-rtl-ordering: logical; 
    user-select: text; 
    cursor: auto; 
    text-rendering: auto; 
    color: #7195A2; 
    letter-spacing: normal; 
    word-spacing: normal; 
    text-transform: none; 
    text-indent: 0px; 
    text-shadow: none;
}

.nds_tax_block_3 {
    width: 158px;
    height: 23px;
    text-align: left;
    vertical-align: middle;
    background-color: #ffffff;
    border-radius: 5px;
    border:2px solid #eaeded;
    padding: 0px;
    margin: 0px;
    display: block;
    position: relative;
    color: #33545F;
    font-size: 10px;
    line-height: 12px;
    cursor: pointer;
}

.buy_button_string {
    background-color: #59919A;
    padding: 0px 5px;
    border-radius: 0px 0px 8px 8px;
    color: #fff;
    width: 100%;
    height: 20px;
    vertical-align: middle;
    line-height: 20px;
}

.buy_button {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #005664;
    padding: 0px 5px;
    border-radius: 0px 0px 8px 8px;
    color: #fff;
    width: 80px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
}

.buy_button:hover {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(../i/orange.png);
    border-radius: 0px 0px 8px 8px;
    color: #fff;
    width: 80px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    cursor: pointer;
}

.buy_button_2 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #59919A;
    padding: 0px;
    border-radius: 0px 0px 8px 8px;
    color: #fff;
    width: 100%;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    cursor: pointer;
}


.buy_button_3 {
    display: block;
    position: absolute;
    top: 0px;
    height: 100%;
    background-color: #59919A;
    border-radius: 0px 0px 8px 0px;
    padding: 3px 6px;
    margin: 0px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 24px;
    font-size: 1.5rem;
}

.buy_button_3:hover {
    background-color: #FF9640;
    color: #fff;
    cursor: pointer;
}

.option_of_selectbox_in_retail_prices_table {
    background-color: #fff;
    font-size: 14px;
}

.a_link_to_typesize_in_table_of_retail_prices {
    text-decoration: underline;
    cursor: pointer;
}

.a_link_to_typesize_in_table_of_retail_prices:hover {
    cursor: pointer;
    background-color: #b2b2b2;
}

.retail_table_row_tr {
    margin: 0px;
    border: 1px solid #eaeded;
}

.retail_table_row_tr:hover {
    margin: 0px;
    border: 1px solid #eaeded;
    background-color: #eaeded;
}

.td_in_table_of_retail_prices {
    margin: 0px;
    border: 1px solid #eaeded;
}

.option_of_selectbox_in_categories_3 {
    background-color: #fff;
    font-size: 11px;
}

.style_border_0 {
    border: 0px;
}

.header_inline_menu_span {
    width: 4%;
}

.header_inline_menu {
    margin: 3px auto 3px auto;
    border-left: 1px solid #b2b2b2;
    text-align: center;
}

/** заголовки разделов в таблице в центральной части  **/
.style_zagolovki {
    margin-left: 20px;
    margin-right: 7px;
    font-size: small;
    text-align: left;
}

h1 {
    font-family: 'Comic Sans MS, myriadpro-regular', Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase; /* Заглавные буквы */
}
h2 {
    font-family: 'Comic Sans MS, myriadpro-regular', Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase; /* Заглавные буквы */
}

/** ячейки в таблице в центральной части **/
.style6 {
    margin: 0px;
    border: 1px solid #eaeded;
}
/** ячейки в таблице с видимой границей и закрашенным фоном в центральной части **/
.style6_with_background{
    border: 1px solid #eaeded;
    background-color: #eaeded;
    border-radius: 10px 10px 0px 0px;
}

/** нижняястрочка с верхней рамкой**/
.style_tr_podval {
    text-align: center;
    border-width: 0;
    margin: 5px;
    vertical-align: middle;

}


/** Стиль для абзацев текста с красной первой строкой  - во всем тексте, несущем главнуюŽ информациюŽ. **/
.p_style_with_padding_in_first_string {
    padding: 10px;
    text-align: justify;
    text-indent: 30px;
}
/** Стиль для абзацев текста с красной первой строкой  - во всем тексте, несущем главную информациюŽ. **/
.p_style_without_padding_in_first_string {
    padding: 0px;
    text-align: justify;
    text-indent: 0px;
}

/** Цвет для фона любого обьекта **/
.style_bg_color5 {
    background-color: #eaeded;
}

/** наш фирменный маркер для списков **/
.castom_bullet  li {
    list-style: none; /* Убираем исходные маркеры */
    background: url(../i/ball_smal.gif)  0 3px no-repeat; /* Параметры фона */
    padding-left: 18px; /* Смещаем текст вправо */
    background-size: 9px 9px;
}
.castom_bullet  ul {
    padding-left: 9px; /* Смещаем текст вправо */
}

/** начало - Стили для выпадающего левого вертикального менюŽ #accordion. **/
/** начало - Стили для выпадающего левого вертикального менюŽ #accordion. **/
@media all and (max-width: 460px) {
    accordion {
        width:400px;
    }
}

#accordion {
    text-align: left;
    vertical-align:middle;
    -webkit-padding-start: 1px;
    list-style-type: none;
    margin: 10px 0px 0px 5px;
    padding: 0;
    display: block;
    font-size: 1.1em;
}

#accordion  ul{
    padding-top:5px;
    color: #3E7D7D;
    background-color: #F8F8F8;
    margin: 10px 0px 0px 5px;
    text-align: left;
}

#accordion li{
    cursor: pointer;
    color: #4B4B4B;
    margin-top: 5px;
    margin-bottom: 0px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 10px 0px 0px 5px;
    text-align: left;
}

#accordion li div.active{
    color: #FF9640;
}

#accordion div.active a{
    color: #FF9640;
}

#accordion ul.not_hide{
}

#accordion li ul{
    padding:0;
    margin: 10px 0px 0px 10px;
    text-align: left;

}

#accordion li a{
    color: #3E7D7D;
    text-decoration: none;
}

#accordion li a:hover{
    color: #3E7D7D;
    text-decoration: underline;
}

#accordion ul li a:hover{
    color: #FF9640;
    text-decoration: underline;
}

#accordion .second {
    padding: 5px 0 5px 0;
    color: #3E7D7D;
    background-color: #FFFFFF;
    margin: 10px 0px 0px 7px;
    text-align: left;
}

#accordion li.second li {
}

#accordion li.active li{
    text-indent:0;
    background-color:#669999
}
#accordion li li{
    border: 5;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: #3E7D7D;
    margin: 5px 0px 5px 7px;
    text-align: left;
}

#accordion h3 {
    font-size: 1.17em;
    font-weight: bold;
}

#accordion h3:hover{
    color: #FF9640;
}


/** Конец - Стили для выпадающего левого вертикального менюŽ #accordion. **/

/** начало - Стили для скрипта Увеличивающие Фотографии. **/
.zoom_foto_x {width: 190px;}
.zoom_foto_x img{position:absolute;z-index:150;}
.zoom_foto_x{overflow:visible;}
.zoom_foto_x:hover img{visibility:visible;position:absolute;z-index:300;}

.zoom_foto_y {height: 320px;}
.zoom_foto_y img{position:absolute;z-index:150;}
.zoom_foto_y{overflow:visible;}
.zoom_foto_y:hover img{visibility:visible;position:absolute;z-index:300;}

.zoom_foto_x320 {width: 320px;}
.zoom_foto_x320 img{position:absolute;z-index:150;}
.zoom_foto_x320{overflow:visible;}
.zoom_foto_x320:hover img{visibility:visible;position:absolute;z-index:300;}

.zoom_foto_y190 {height: 190px;}
.zoom_foto_y190 img{position:absolute;z-index:150;}
.zoom_foto_y190{overflow:visible;}
.zoom_foto_y190:hover img{visibility:visible;position:absolute;z-index:300;}
/** Конец - Стили для скрипта Увеличивающие Фотографии. **/

/** рамка с формой для заполнения, с возможностью изменять ее размер, например, на странице с оплатой **/
.textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 10px;background-color:#f5f5f5;border:1px solid #bbb;
          font-weight:400;font-size:14px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;
          *display:inline;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}

.btn_o_nas {
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: #000;
    font-size: 22px;
    background: #477177;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn_o_nas:hover {
    background: #7baab0;
    text-decoration: none;
}


/** Начало - Стили для фотослайдера Карусель На Главной. **/
div#carousel {
    perspective: 800px;
    background: #FFFFFF;
    padding-top: 10%;
    font-size:0;
    margin-bottom:0px;
    height: 200px;
    overflow: hidden;
}
figure#spinner {
    transform-style: preserve-3d;
    height: 300px;
    transform-origin: 50% 50% -500px;
    transition: 1s;
}
figure#spinner img {
    width: 40%; max-width: 600px;
    position: absolute; left: 30%;
    transform-origin: 50% 50% -500px;
    outline:1px solid transparent;
}
figure#spinner img:nth-child(1) { transform:rotateY(0deg); }
figure#spinner img:nth-child(2) { transform: rotateY(-45deg); }
figure#spinner img:nth-child(3) { transform: rotateY(-90deg); }
figure#spinner img:nth-child(4) { transform: rotateY(-135deg); }
figure#spinner img:nth-child(5){ transform: rotateY(-180deg); }
figure#spinner img:nth-child(6){ transform: rotateY(-225deg); }
figure#spinner img:nth-child(7){ transform: rotateY(-270deg); }
figure#spinner img:nth-child(8){ transform: rotateY(-315deg); }
.ss-icon {
    color: #005c69;
    margin: 5%;
    display: inline-block;
    text-decoration: none;
    font-size: 2rem;
    transition: 0.6s color;
    position: relative;
    margin-top: -2rem;
    border-bottom: none;
    line-height: 0; }
.ss-icon:hover { color: #888; cursor: pointer; }
/** Конец - Стили для фотослайдера Карусель На Главной. **/

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 22px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #005664;
}

input:focus + .slider {
    box-shadow: 0 0 1px #005664;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 22px;
    width: 48px;
}

.slider.round:before {
    border-radius: 50%;
}

/* File upload field */

form {
    width: 400px;
    margin: 50px auto;
}
.file-upload {
    position: relative;
    height: 32px;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
    font-family: sans-serif;
    line-height: 1.42857143;
    color: #555;
}

.file-upload:after {
    content: "Обзор";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    z-index: 5;
    width: 100px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    padding: 6px 12px;
    color: #333;
}
.file-upload:hover:after {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.file-upload:active:after {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.file-upload:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: block;
    width: calc(100% - 40px);
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.file-upload input {
    position: absolute;
    display: block;
    top: 0;
    height: 100%;
    z-index: 99;
    width: 100%;
    opacity: 0;
}

/* Discount input field */
.user_discount_field {
    position: relative;
    height: 32px;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
    font-family: sans-serif;
    line-height: 1.42857143;
    color: #555;
}

.user_discount_field div {
    content: "Применить";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    z-index: 5;
    width: 100px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    padding: 6px 12px;
    color: #333;
}
.user_discount_field div:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.user_discount_field div:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.user_discount_field input {
    position: absolute;
    display: block;
    top: 0;
    height: 34px;
    width: 100%;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#buttonToScrollPageToTop {
  display: inline-block;
  background-color: rgba(130, 182, 162, 0.7);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 20px;
  margin: 10px;
  position: fixed;
  bottom: 30px;
  right: 70px;
  transition: background-color .3s;
  z-index: 100000;
}

#buttonToScrollPageToTop:hover {
  cursor: pointer;
  background-color: rgba(0, 87, 101, 0.7);
  text-decoration: none;
}

#buttonToScrollPageToTop:active {
  background-color: #FF9640;
}

#buttonToScrollPageToTop::after {
  content: "\f106";
  font-family: FontAwesome;
  font-weight: 300;
  font-style: normal;
  font-size: 30px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.7);
}

.sort_tags_block {
     width: 100%;
     padding: 0px;
     margin: 0px;
     border: none;
}

.sort_tags_block li.active a {
    background-color: #005664;
}

.sort_tags_block td{
 
}

.sort_tags_block.nav:before {
    display: none;
}

.sort_tags_block ul li a {
    text-align: center;
}


.sort_tags_block ul li ul li a {
    text-align: left;
}

#give_recall_button {
     border: none; 
     background-color: #59919A; 
     cursor: pointer; 
     color: #fff; 
     font-size: 1.5rem; 
     font-weight: 900; 
     text-align: center; 
     vertical-align: middle; 
     border-radius: 10px; 
     width: 175px; 
     line-height: 30px;
}

#give_recall_button:hover {
    background-color: #FF9640;
    color: #fff;
}

#tovar_page_tabs_block_1 .tabs {
    margin-right: 15px;
}

#submit_order {
    margin-top: 70px;
}

.rus_name {
     min-width:90px;
     min-height: 38px;
}

#content_footer {
    margin-bottom: 30px;
}

input[name="width"] {
    border: 1px solid #ccc;
    borer-radius: 5px;
}

input[name="height"] {
    border: 1px solid #ccc;
    borer-radius: 5px;
}

#mob_pop_maket_page_table img {
    width: 100px;
    height: 40px;
    border: none;
}