/* stylesheet for the template main-catalogue */
/* стилевой файл для шаблона main-catalogue*/

#main-catalogue {
    padding-top: 20px;
    min-height: 600px;
}

#main-catalogue #left {
    width: 315px;
    display: inline-block;
    vertical-align: top;
}

#main-catalogue #right {
    width: 780px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 50px;
}

#main-catalogue #right h1 {
    font-size: 30px;
    line-height: 28px;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 50px;
}

#main-catalogue #navbar {
    border-bottom: 3px solid #fff; 
    padding: 10px 0px;
}

#main-catalogue #navbar.noborder {
    border-bottom: 0px; 
}

#main-catalogue #navbar em {
    display: inline-block;
    width: 6px;
    height: 11px;
    background: url(/project/img/navar.png) no-repeat;
    margin: 0px 10px;
}

#main-catalogue #navbar a:hover,
#main-catalogue #navbar a {
    text-transform: uppercase;
    color: #000;
    white-space: nowrap
}

#main-catalogue #navbar a:hover {
    text-decoration: none;
}

#main-catalogue #navbar span {
    text-transform: uppercase;
    color: #686868;
    white-space: nowrap
}

#main-catalogue .text-item  {
    padding-top: 20px;
    font-size: 16px;
}

#main-catalogue #search-form {
    background: #fff;
    padding: 10px 0px 10px 20px;
}

#main-catalogue #search-form * {
    display: inline-block;
    vertical-align: middle;
}

#main-catalogue #search-form h3 {
    color: #000;
    font-family: 'MyriadPro-Regular';
    font-size: 14px;
    font-weight: bold;
}

#main-catalogue #search-form input[type=text] {
    background: #c4c4c4;
    border: 0px;
    margin-left: 20px;
    width: 60%;
}

#main-catalogue #search-form input[type=button] {
    background: #a10400;
    color: #fff;
    font-family: 'MyriadPro-Regular';
    font-size: 14px;
    font-weight: bold;
    width: 110px;
    padding: 2px 0px;
    margin-left: 10px;
    border: 0px;
}


@media only screen and (max-width: 1100px) {

    #main-catalogue {
        padding-top: 10px;
    }

    #main-catalogue #left {
        height: 40px;
        overflow: hidden;
        width: calc(100% - 40px);
        padding-right: 20px;
        padding-left: 20px;
        border-bottom: 1px solid #f0f0f0;
    }

    #main-catalogue #right {
        width: calc(100% - 40px);
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 30px;
        
    }

    #main-catalogue #left h2 {
        font-style: normal;
        margin-left: 0px;
    }

    #main-catalogue #left:before {
        content: '';
        float: right;
        width: 30px;
        height: 30px;
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_113_648)'%3E%3Cpath d='M22.7824 14.0354L9.14599 0.399398C8.61354 -0.133148 7.75008 -0.133148 7.21754 0.399489C6.68508 0.932034 6.68508 1.7954 7.21763 2.32794L19.8897 14.9998L7.21754 27.6722C6.68508 28.2048 6.68508 29.0681 7.21763 29.6007C7.48381 29.8669 7.83281 30 8.18181 30C8.53081 30 8.87981 29.8669 9.14608 29.6006L22.7824 15.9639C23.0382 15.7081 23.1818 15.3613 23.1818 14.9997C23.1818 14.638 23.0382 14.2911 22.7824 14.0354Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_113_648'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-size: 50% 50%;
        background-position: center center;
        background-repeat: no-repeat;
        transform: rotate(90deg);
    }

    #main-catalogue #left.cat-mobile {
        height: auto;
    }

    #main-catalogue #left.cat-mobile h2 {
        margin-bottom: 20px;
    }

    #main-catalogue #left.cat-mobile:before {
        transform: rotate(270deg);
    }

    #main-catalogue #right .view {
        width: 100%;
        float: none;
    }
    #main-catalogue #navbar span {
        white-space: normal;
    }

    #main-catalogue #search-form {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    #main-catalogue #search-form input[type=text],
    #main-catalogue #search-form input[type=button] {
        margin-left: 0px;
    }
    #main-catalogue #search-form input[type=text] {
        width: calc(100% - 20px);
    }
}

/* stylesheet for the template cataloguesubmenu */
/* стилевой файл для шаблона defaultsubmenu*/
#submenu {
    padding: 10px 20px 20px 0px;
}

#submenu h2 {
    font-style: italic;
    font-weight: bold;
    font-family: 'MyriadPro-Regular';
    margin-bottom: 10px;
    margin-left: 20px;
}

#submenu a {
    display: block;
    padding-left: 20px;
}
#submenu a:hover {
    color: #000;
}

#submenu a.level0.s {
    background: #f9f9f9;
}

#submenu a.level0 {
    font-size: 18px;
    line-height: 20px;
    font-family: 'MyriadPro-Regular';
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 5px; 
    text-transform: uppercase;
}


#submenu a.level1.s {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

#submenu a.level1 {
    font-size: 16px;
    color: #3d3d3d;
    font-family: 'MyriadPro-Regular';
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 1px;
}

#submenu a.level2.s {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

#submenu a.level2 {
    font-size: 14px;
    color: #3d3d3d;
    line-height: 16px;
    font-family: 'MyriadPro-Regular';
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    margin-bottom: 1px;
    margin-left: 20px;
}


/* stylesheet for the template productsfilter */
/* стилевой файл для шаблона productsfilter*/
.product-year {
    background: #fff;
    /*margin-bottom: 10px;*/
    margin-right: 15px;
    padding: 20px;
    padding-bottom: 30px;
}

.product-year #slider-range {
    
}

.product-year h3 {
    margin-bottom: 20px;
}

.product-year h4 {
    float: right;
    font-size: 14px;
    font-family: 'MyriadPro-Regular';
    text-transform: uppercase;
    color: #a10400;
}

.product-year>span {
    font-size: 9px;
    color: #585858;
    display: block;
    width: 50px;
}

.product-year>span.l {
    float: right;
    text-align: right;
}

.product-app {
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 20px;
    margin-right: 15px;
    background: #fff;
}

.product-app h3 {
    margin-bottom: 10px;
}

.product-app a {
    padding: 3px 10px 3px 0px;
    margin-bottom: 1px;
    display: inline-block;
    clear: both;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    vertical-align: top;
}

.product-app a img {
    width: 30px;
    height: 15px;
    vertical-align: top;
}

.product-app a.selected span {
    width: 6px;
    height: 6px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    background: url(/project/img/rm.png) no-repeat;
}

.product-app a.selected {
    border: 1px solid #f0f0f0;
}
/* stylesheet for the template list */
/* стилевой файл для шаблона products.list*/
.product-list {
    width: 237px;
    vertical-align: top;
    display: inline-block;
    height: 765px;
    margin-right: 20px;
    margin-top: 20px;
    cursor: pointer;
}

.product-list.low {
    height: 265px;
}

.product-list:not(.low).nodesc {
    height: 665px;
}

.product-list h3 {
    font-size: 22px;
    font-weight: bold;
    color: #a10400;
    white-space: nowrap;
    width: 237px;
    overflow: hidden;
}

.product-list h4 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.product-list .image {
    border: 2px solid #f2f2f2;
    height: 560px;
    margin-top: 7px;
    margin-bottom: 10px;
}

.product-list.low .image {
    height: 160px;
}

.product-list .image .discount {
    width: 57px;
    height: 59px;
    display: block;
    position: absolute;
    background: url(/project/img/discount.png) no-repeat;
}

.product-list .image .novelty {
    width: 57px;
    height: 59px;
    display: block;
    position: absolute;
    background: url(/project/img/novelty.png) no-repeat;
}

.product-list .prices {
    margin-top: -64px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-left: 2px;
    margin-right: 2px;
    background: url(/project/img/prices.png) bottom repeat-x;
}

.product-list .prices .op {
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: line-through;
    color: #303030;
    height: 17px;
}

.product-list .prices .np {
    display: block;
    color: #303030;
    font-size: 12px;
    font-weight: bold;
}

.product-list .prices .np span {
    font-size: 24px;
    color: #a10400;
}

.product-list p {
    color: #484848;     
    font-size: 12px;
    margin: 0px;
    padding: 5px 0px 0px 0px;
}

.product-list p strong {
    text-transform: uppercase;
}

.product-list h3 span {
    position: absolute;
    width: 64px;
    margin-left: 173px;
}

.product-list h3 span.w-h {
    background: url(/project/img/w-h.png) no-repeat;
}

.product-list h3 span.e-h {
    background: url(/project/img/e-h.png) no-repeat;
}



@media only screen and (max-width: 1100px) {
    .product-list {
        width: 100%;
        margin-right: 0px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #c0c0c0;
    }
    .product-list h3 {
        width: 100%;
        white-space: normal;
    }
    .product-list h3 br {
        display: none;
    }
    .product-list h3 span.e-h {
        display: none;
    }
}