/* stylesheet for the template basket-header */
/* стилевой файл для шаблона basket-header*/
.basket-header {
    position: relative;
    float: right;
    padding: 7px 0px 0px 20px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iQ2hyaXN0bWFzIi8+PGcgaWQ9IlNob3BfMV8iPjxnIGlkPSJiYXNrZXRhZGQiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgeDE9IjE4IiB4Mj0iMTgiIHkxPSI1IiB5Mj0iMTciLz48cG9seWxpbmUgZmlsbD0ibm9uZSIgcG9pbnRzPSIgICAgMTQsMTMgMTgsMTcgMjIsMTMgICAiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjxnPjxnPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMSwyNmMxLjEsMCwyLDAuOSwyLDJzLTAuOSwyLTIsMnMtMi0wLjktMi0yUzkuOSwyNiwxMSwyNiBNMTEsMjRjLTIuMiwwLTQsMS44LTQsNHMxLjgsNCw0LDRzNC0xLjgsNC00UzEzLjIsMjQsMTEsMjQgICAgICBMMTEsMjR6Ii8+PC9nPjxnPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMywyNmMxLjEsMCwyLDAuOSwyLDJzLTAuOSwyLTIsMnMtMi0wLjktMi0yUzIxLjksMjYsMjMsMjYgTTIzLDI0Yy0yLjIsMC00LDEuOC00LDRzMS44LDQsNCw0czQtMS44LDQtNCAgICAgIFMyNS4yLDI0LDIzLDI0TDIzLDI0eiIvPjwvZz48cG9seWxpbmUgZmlsbD0ibm9uZSIgcG9pbnRzPSIgICAgIDksMjEgMjcsMjEgMzAsOSAyMiw5ICAgICIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHBvaW50cz0iOSwyMSA0LDEgMiwxICAgICAgICAgIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIiB4MT0iMTQiIHgyPSI2IiB5MT0iOSIgeTI9IjkiLz48L2c+PC9nPjwvc3ZnPg==) left 4px no-repeat;
    background-size: auto 80%;
}

.basket-header a {
    padding: 0px !important;
}

.basket-hover {
    display: none;
    position: absolute;
    z-index: 1000;
    right: 0px;
    padding-top: 10px;
}

.basket-hover>div {
    padding: 20px;
    background: white;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    overflow: auto;
    width: 300px;
    max-height: 400px;
}

.basket-header:hover .basket-hover {
    display: block;
}

.basket-header:hover .basket-hover h3 {
    font-size: 16px !important; color: #030303 !important; text-transform: uppercase; vertical-align: top;
}

.basket-header .basket-hover > div > a {
    background: #bb0000 !important;
    color: white !important;
    padding: 5px 10px !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}

.basket-hover .basket-item { display: flex; width: 100%; flex-wrap: nowrap; gap: 10px; border-bottom: 1px solid #f2f2f2; margin-top: 10px; padding-bottom: 10px; }
.basket-hover .basket-item .left { flex: 0 0 50px; }
.basket-hover .basket-item .left img { background-repeat: no-repeat; background-position: center; background-size: contain; width: 50px; height: 50px; }
.basket-hover .basket-item .right { flex: 1 1; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 5px; }
.basket-hover .basket-item .right div,
.basket-hover .basket-item .right a { font-size: 16px !important; color: #030303 !important; text-transform: uppercase; vertical-align: top; }

@media only screen and (max-width: 860px) {
    .basket-header a {
        display: none;
    }
    .basket-header {
        margin-right: 5px;
        width: 40px;
        height: 40px;
    }
    .basket-hover {
        top: 30px;
    }
}
/* stylesheet for the template favorites */
/* стилевой файл для шаблона favorites*/
.favorites {
    float: right;
    padding: 7px 20px 0px 20px;
    background: url("data:image/svg+xml,%3Csvg width='50' height='48' viewBox='0 0 50 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.8936 0.136719C31.6373 0.136719 27.6529 2.06386 25 5.29276C22.3471 2.06375 18.3629 0.136719 14.1064 0.136719C6.32813 0.136719 0 6.46474 0 14.2431C0 20.3339 3.63187 27.3788 10.7945 35.1822C16.3067 41.1874 22.3031 45.837 24.0096 47.1191L24.9997 47.863L25.9898 47.1192C27.6963 45.8372 33.6929 41.1876 39.2052 35.1824C46.368 27.379 50 20.334 50 14.2431C50 6.46474 43.6719 0.136719 35.8936 0.136719ZM36.7765 32.953C32.2425 37.8923 27.3646 41.8852 24.9997 43.7254C22.6348 41.8852 17.7571 37.8922 13.2232 32.9529C6.72923 25.878 3.2967 19.4083 3.2967 14.2431C3.2967 8.28265 8.14593 3.43342 14.1064 3.43342C18.0288 3.43342 21.6505 5.57122 23.5584 9.01265L25 11.6133L26.4416 9.01265C28.3493 5.57133 31.9711 3.43342 35.8936 3.43342C41.8541 3.43342 46.7033 8.28254 46.7033 14.2431C46.7033 19.4085 43.2707 25.8783 36.7765 32.953Z' fill='white'/%3E%3C/svg%3E%0A")  left 4px no-repeat;
    background-size: auto 80%;
}

.favorites a {
    padding: 0px !important;
}

.favorites-window {
    position: fixed;
    z-index: 1000;
    background: white;
    box-shadow: 0px 0px 20px rgba(0,0,0,.3);
    left: 100px;
    top: 100px;
    width: calc(100% - 200px);
    height: calc(100% - 200px);
}

.favorites-window .window-close {
    position: absolute;
    right: -70px;
    top: -70px;
    cursor: pointer;
}

.favorites-window .products-list { padding: 50px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; overflow: auto; height: 100%; }

.favorites-window .products-list .products-item:hover { border: 1px solid #dbdbdb; cursor: pointer; }
.favorites-window .products-list .products-item { border: 1px solid #f2f2f2; border-radius: 10px; width: 100%; height: 500px; outline: none; display: inline-block; vertical-align: top; text-align: center; text-decoration: none; position: relative; overflow: hidden; }
.favorites-window .products-list .products-item .img { position: relative; display: inline-block; overflow: hidden; margin-top: 10px; width: 100%;  height: 250px; margin-bottom: 0px; border-bottom: 1px solid #dbdbdb; }
.favorites-window .products-list .products-item .img .sli { display: flex; align-items: stretch; justify-content: stretch; }
.favorites-window .products-list .products-item .img img { width: 100%; height: 250px; background-repeat: no-repeat; background-position: center center; background-size: contain;  }
.favorites-window .products-list .products-item span.art { margin-bottom: 10px; color: #a00; font-size: 18px; display: block; }
.favorites-window .products-list .products-item span.title { font-size: 18px; color: #000; width: 100%; height: 70px; overflow: hidden; display: inline-block; }
.favorites-window .products-list .products-item div.buy { width: 100%; display: inline-block; }
.favorites-window .products-list .products-item div.buy span.oldprice { margin-top: 10px; font-size: 16px; text-decoration: line-through; color: #ccc; width: 144px; height: 16px; overflow: hidden; display: inline-block; }
.favorites-window .products-list .products-item div.buy em {  font-style: normal; font-size: 32px; color: #b00; display: inline-block; padding-left: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEE4OTgzQTQ4NzdEMTFFNEIwOEQ4MTExMUY5M0ZBMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEE4OTgzQTU4NzdEMTFFNEIwOEQ4MTExMUY5M0ZBMjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQTg5ODNBMjg3N0QxMUU0QjA4RDgxMTExRjkzRkEyMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQTg5ODNBMzg3N0QxMUU0QjA4RDgxMTExRjkzRkEyMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoH4cogAAAHSSURBVHjajJTJK8VRFMd/72V+ppTYUKLIFL3IEEUhw1KysMHKUGz8BZQxG+PmJSyUvSghZdh45mFjYcpQVkSJ8D11nk63++7Ptz7dc3/3vO+79557r8Ptds9bllUB7sECGLb8KwqEgCdDjuUETSAO5IIhsOQnNwdcgxvQbGdaAybBGX+jfq0mN4tnGgRK7EyXQQfIBI/8vcEy68fOVGqV2ww/++lTtMk0QOn7tiAdBIMPMA0qQbjIqwIX4BUUgG/TTI+4DeU9JK2DJBAr8lwgDXgVQ1phjGp6rFSbtAg6NaukU9Im+oXgFByqpnRWrzjOFt8nwJTon4A65bcj3CY4NTM4VGbqUzvYAM+gWHPcijjuszMNVMbKQTIXSGqc2y/QrzP1FSsCJGrGX5Q+7WUpx/3gXWfqFXG9Za85bt9Ar+6ckm7BJUgBAyCei0dHxyHyqJ/PeaQe8EmBA6+U7t+pEFvW/3Uub6HTT9I2G6+AB4MZFWwXlJmuqdQOqOblPfM1dYml3/GtOrC7+1L0GM/wO7vGL5lUC+iiaoNW3gJb027QyHEqP86D3M8DHpHr4aNl3FP1qSNFijjMlGsyHQV7XIx9MCbGNsEsjz3wFf7TrwADALKmWIEXcrcWAAAAAElFTkSuQmCC) left center no-repeat; }
.favorites-window .products-list .products-item div.buy em span.rubl { display: inline-block; padding: 0px 20px 0px 0px; }
.favorites-window .products-list .products-item div.buy em.pred { padding-left: 0px; background: none !important; font-size: 18px; padding-top: 10px; }

.favorites-window .products-list .products-item .favorite { position: absolute; 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%3Cpath d='M14.9703 26.9777L13.1362 25.143C6.3234 19.117 1.86914 15.0549 1.86914 10.0767C1.86914 6.01587 5.01326 2.87109 9.07475 2.87109C11.3022 2.87109 13.529 3.91891 14.9703 5.62182C16.4115 3.91891 18.6383 2.87109 20.8658 2.87109C24.9272 2.87109 28.0714 6.01587 28.0714 10.0767C28.0714 15.0549 23.6171 19.117 16.8043 25.143L14.9703 26.9777Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); width: 30px; height: 30px; display: block; z-index: 1; right: 10px; top: 10px; position: absolute; }
.favorites-window .products-list .products-item .favorite.in { 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%3Cpath d='M14.9703 26.9777L13.1362 25.143C6.3234 19.117 1.86914 15.0549 1.86914 10.0767C1.86914 6.01587 5.01326 2.87109 9.07475 2.87109C11.3022 2.87109 13.529 3.91891 14.9703 5.62182C16.4115 3.91891 18.6383 2.87109 20.8658 2.87109C24.9272 2.87109 28.0714 6.01587 28.0714 10.0767C28.0714 15.0549 23.6171 19.117 16.8043 25.143L14.9703 26.9777Z' fill='%FFBB00'/%3E%3C/svg%3E%0A"); }

.favorites-window .products-list .addbasket { background: transparent; position: relative; margin: 20px 20px; padding: 10px; display: block; border-top: 1px solid #f5f5f5; }
.favorites-window .products-list .addbasket>div { display: flex; align-items: center; justify-content: center; gap: 10px; }
.favorites-window .products-list .addbasket>div>div { padding-right: 0px; vertical-align: middle; }
.favorites-window .products-list .addbasket>div>div:last-child { align-self: stretch; }
.favorites-window .products-list .addbasket h3 { display: none; }

.favorites-window .products-list .addbasket .rubl {  font-size: 16px; text-decoration: line-through; line-height: 16px; color: #343434; display: block; padding: 0px 0px 0px 0px; background: none; text-align:right; color: #cccccc; }
.favorites-window .products-list .addbasket .rubl2 { font-size: 31px;
    line-height: 35px;color: #bb0000; display: inline-block;     padding-right: 20px; 
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAYAAABSx2cSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTkyMDE0MkM4NkIwMTFFNDhERDE4OTg4REY4RUE2NkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTkyMDE0MkQ4NkIwMTFFNDhERDE4OTg4REY4RUE2NkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOTIwMTQyQTg2QjAxMUU0OEREMTg5ODhERjhFQTY2RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOTIwMTQyQjg2QjAxMUU0OEREMTg5ODhERjhFQTY2RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlxYEKoAAAJgSURBVHjalFNLa1pREB6v10dF0YLQIMaIIr7AhTZZWDeG0B8QKFgIQhfdCO66zaIu/QfGXREKtotuChVxZWI3LroQJBtNi5KAqE2CxPf0zInnUqyl6cDcOZc735yZ+b4LiAi1Wu2dx+NBSZJQp9MhACiuUqnQZDJhKBTCTCaD3W73C2HI+aNarb53OBw82Wg0YiQSwWg0int7e+jz+dBgMCjFDg4OsNVqfVLAp6enZzs7O/xjLBbDZrN5fnl5WWC35Ng5f3Jy8jUQCCgFjo6O8Pb29o0AfxPg/f19vLm5eStaE14ul+uiO71ej5VK5VyCezOsIkynU2DgJ7BmrN2nh4eHtBcYj8c0ql6AVSKJLYj8EWywYDBY1mq1/HxxcQECjGt50ibw3d3d4+Vyyc9U5I+bVzbaBGa78c9mM35m1N2DZVmu0ixkarWaqprXgfl8/qxUKhlpeS6XC9hi+/L19fXLXq+nWSwWPGkymUCn03nOFveBJfb6/X6oWCw+y+VywHLpIkin0z/8fn8YwuHw2Ol0okaj4TSQIEhtJA6v14tWq1Xhl86kMkGfzGgBmoMrhhkthN4pklssFtje3obd3V1IJBIf4/H4C2UWArG20G638+osCdcF8jeXj4+PP7fbbWBy48Wurq4glUpR+yBooU5IPKPRCGw2G2SzWYWd77//Rf9yNgYygbzmNzPRVxqNxqtCoQCDwYDTkEwmwWw2g+CUVLcSCWxtbQH7D/LKzPV6/afb7eaV2UJwOBw+aG5pNVNF8EyR5nuISStAR1BFcT6fPwgsr6KFeRv+034JMADCLaYo/YHegwAAAABJRU5ErkJggg==) right 8px no-repeat;
}
.favorites-window .products-list .addbasket .pred { font-size: 24px; line-height: 45px; color: #bb0000; display: inline-block; }

.favorites-window .products-list .addbasket select { width: 100%; margin-top: 0px; margin-bottom: 2px; border: 0px; background: transparent;font-size: 12px;padding: 4px 5px; border: 1px solid #f0f0f0; }
.favorites-window .products-list .addbasket input { width: 100%; margin-top: 0px; border: 0px; background: transparent; font-size: 12px; padding: 4px 5px; text-align: center;border: 1px solid #f0f0f0; }
.favorites-window .products-list .addbasket button { width: 47px; height: 100%; padding: 10px; 
    background: #bb0000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iQ2hyaXN0bWFzIi8+PGcgaWQ9IlNob3BfMV8iPjxnIGlkPSJiYXNrZXRhZGQiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgeDE9IjE4IiB4Mj0iMTgiIHkxPSI1IiB5Mj0iMTciLz48cG9seWxpbmUgZmlsbD0ibm9uZSIgcG9pbnRzPSIgICAgMTQsMTMgMTgsMTcgMjIsMTMgICAiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjxnPjxnPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMSwyNmMxLjEsMCwyLDAuOSwyLDJzLTAuOSwyLTIsMnMtMi0wLjktMi0yUzkuOSwyNiwxMSwyNiBNMTEsMjRjLTIuMiwwLTQsMS44LTQsNHMxLjgsNCw0LDRzNC0xLjgsNC00UzEzLjIsMjQsMTEsMjQgICAgICBMMTEsMjR6Ii8+PC9nPjxnPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMywyNmMxLjEsMCwyLDAuOSwyLDJzLTAuOSwyLTIsMnMtMi0wLjktMi0yUzIxLjksMjYsMjMsMjYgTTIzLDI0Yy0yLjIsMC00LDEuOC00LDRzMS44LDQsNCw0czQtMS44LDQtNCAgICAgIFMyNS4yLDI0LDIzLDI0TDIzLDI0eiIvPjwvZz48cG9seWxpbmUgZmlsbD0ibm9uZSIgcG9pbnRzPSIgICAgIDksMjEgMjcsMjEgMzAsOSAyMiw5ICAgICIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHBvaW50cz0iOSwyMSA0LDEgMiwxICAgICAgICAgIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIiB4MT0iMTQiIHgyPSI2IiB5MT0iOSIgeTI9IjkiLz48L2c+PC9nPjwvc3ZnPg==) center center no-repeat;
    background-size: 60% 60%; 
    border: 0px; cursor: pointer; 
    transition: background-color .2s;
}
.favorites-window .products-list .addbasket button:hover {
    transition: background-color .2s;
    background-color: #f00;
}
.favorites-window .products-list .addbasket button span {
    display: none;
}

.favorites-window .products-list .products-item .colors {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
    height: 15px;
}

.favorites-window .products-list .products-item .colors>div {
    width: 15px;
    height: 15px;
    margin: 0px 2px;
    border: 1px solid transparent;
}

.favorites-window .products-list .products-item .colors>div:hover {
    border-color: #000;
}

.favorites-window .products-list .products-item .discount {
    position: absolute;
    left: -50px;
    top: -50px;
    width: 100px;
    height: 100px;
    padding-bottom: 10px;
    z-index: 100;
    background: rgba(248,80,50,1);
    background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(168,14,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(100%, rgba(168,14,0,1)));
    background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(168,14,0,1) 100%);
    background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(168,14,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(168,14,0,1) 100%);
    background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(168,14,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#a80e00', GradientType=0 );
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg); 
    transform: rotate(-45deg);
}


@media only screen and (max-width: 860px) {
    .favorites a {
        display: none;
    }
    .favorites {
        margin-right: 10px;
        width: 40px;
        height: 40px;
    }
    
    .favorites-window {
        left: 10px;
        top: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        padding-top: 40px;
    }

        
    .favorites-window .window-close {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        z-index: 100;
    }

    .favorites-window .window-close svg path {
        fill: black;
    }

    .favorites-window .products-list { padding: 20px; grid-template-columns: repeat(1, 1fr);}

}
/* stylesheet for the template main-front */
/* стилевой файл для шаблона main-front*/
#main-front {
    padding: 0px 0px 0px;    
}

#main-front>.column {
    margin-bottom: 20px;
    min-height: 400px;
}

#main-front>#shadow {
    position: absolute;
    z-index: 0;
    background: #000;
    height: 50px;
    width: 390px;
    margin-top: -19px;
    margin-left: 400px;
    box-shadow: 0px 0px 100px rgba(0, 0, 0, 1);
}

@-moz-document url-prefix() { 
    #main-front>#shadow {
        margin-left: 404px;
    }
}
/* stylesheet for the template list */
/* стилевой файл для шаблона photos.list*/
.novelty-item { display: inline-block; vertical-align: top; width: 25%; padding-left: 3%; padding-right: 0px; }
.novelty-item>a { text-decoration: none; color: #000; }
.novelty-item>a>.img { width: 100%; height: 185px; display: table; background-position: center center; background-size: cover; table-layout: fixed; }
.novelty-item>a>.img>span {
    display: table-cell; vertical-align: bottom;
    width: 100%; padding: 20px 50px 20px 20px;
    color: #fff; font-size: 24px; font-family: MyriadPro; text-transform: uppercase; text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.16) 45%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(45%,rgba(0,0,0,0.16)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.16) 45%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.novelty-item>a>p { padding: 20px 20px 10px 20px; }
.novelty-item>a>span {     display: block;
    text-transform: uppercase;
    color: #b80000;
    padding: 0px 0px 0px 20px;
    word-wrap: break-word;
    word-break: break-word; 
}