* {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 100%;
}

html {
    height: 100%;
    overflow-x: hidden;
}

body {
    background: url(/static/images/bg_html.png) 0% 0% repeat;
    position: relative;
    overflow: hidden;
}
.shank_header {
    gap: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    margin-top: 10px;
    font-size: 12px;
}

.shank_header ul {
    display: inline-block;
    /* margin: 0 10px; */
}

.shank_header ul li {
    border: 1px solid #ccc;
    padding: 6px 10px 5px 10px;
    display: inline-block;
    margin: 5px;
    border-radius: 3px;
    cursor: pointer;
    line-height: 16px;
}

.shank_header ul li:hover,
.shank_header ul li.active {
    background: #f8d8cb;
}
.table-titlte {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}
.size-table td,
.size-table th {
    border: 1px solid #d7cdcd;
    padding: 6px;
    text-align: center;
}
.size-table td.out {
    background: #f5f5f5;
    color: #aaa;
}

.shank-table {
    display: none;
}
.shank-table thead {
    background: gainsboro;
}
.shank-table.active {
    min-width: max-content;
    margin-left: -10px;
    display: block;
    padding: 10px;
    margin-top: 10px;
    box-shadow: 0px 0px 8px 0px rgb(86 86 85 / 60%);
}

#shank li {
    cursor: pointer;
}

#shank li.active {
    font-weight: bold;
}
.size-table {
    margin-top: 10px;
    border-collapse: collapse;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    font-size: 12px;
}
.legend {
    margin-top: 10px;
    gap: 10px;
    display: flex;
    font-size: 12px;
    width: 500px;
}
.legend span {
    border: 1px solid #ccc;
    padding: 0 8px;
    display: inline-block;
    border-radius: 3px;
}
.color_10 {
    background: #c9fbda;
    cursor: pointer;
}
.color_10:hover {
    box-shadow: inset 0px 0px 8px 0px rgb(161 87 87 / 60%);
}
.color_20 {
    background: #f7d8cc;
    cursor: pointer;
}
.color_20:hover {
    box-shadow: inset 0px 0px 8px 0px rgb(161 87 87 / 60%);
}
.color_30 {
    background: #ff0000;
    cursor: pointer;
}
.color_30:hover {
    box-shadow: inset 0px 0px 8px 0px rgb(161 87 87 / 60%);
}
.safari-overflow-x {
    overflow-x: hidden;
    width: 100vw;
}
#qty-popup,
#qty-popup-fail {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.qty-popup-overlay,
.qty-popup-fail-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.qty-popup-content {
    position: relative;
    width: 300px;
    margin: 150px auto;
    background: #fff;
    padding: 20px;
    text-align: center;
}
#popup-add-to-cart {
    width: 100%;
    padding: 7px 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
ul {
    list-style: none;
}

img.resize {
    width: auto;
    height: auto;
    max-width: 100%;
}

.bage_img {
    right: 6px;
    position: absolute;
    top: -2px;
    z-index: 1;
    width: 26%;
}

.icon {
    margin-right: 10px;
    vertical-align: middle;
}

#footer:after,
.clear {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
}

#ajax_indicator {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: url(/static/images/bg_popup.png) 0% 0% repeat;
    z-index: 1000;
}

#ajax_indicator img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -44px;
    margin-left: -29px;
}

#hidden {
    height: 0px;
    font-size: 0px;
    overflow: hidden;
}

#footer,
#page {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
    max-width: 980px;
    box-sizing: border-box;
}

#header {
    position: relative;
}

#footer > .copy {
    float: left;
    margin: 0 0 25px;
    line-height: 16px;
    vertical-align: middle;
    font-size: 9px;
    font-family: "Droid", sans-serif;
    letter-spacing: 0.5px;
    text-decoration: none;
    color: #60574f;
    padding-bottom: 4px;
    width: 100%;
}

#footer > .copy ul {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#footer > .copy ul li {
    display: inline-block;
}

#footer > .copy ul li:hover {
    cursor: pointer;
}

#footer > .icons {
    float: right;
    margin-top: -40px;
}

#footer > .icons > li {
    display: inline;
}

#footer > .icons > li a {
    text-decoration: none;
}

#footer .icons li a .icon {
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

#footer .icons li:hover a .icon {
    transform: scale3d(1.15, 1.15, 1.15);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.shop {
    font-family: "Droid", sans-serif;
    float: right;
    margin-bottom: 13px;
    text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.45);
}

.menu {
    font-size: 12px;
    font-family: "Droid", serif;
    margin: 15px 0 25px;
    z-index: 3;
    float: left;
    width: 80%;
    height: auto;
}

.menu > li {
    display: inline-block;
    width: auto;
}

.menu > li > a {
    font-family: "Roboto";
    font-size: 12px;
    text-decoration: none;
    text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.45);
    letter-spacing: -0.55px;
    color: #5d3f28;
    padding: 0 13px;
    border-right: 1px solid #c3c1bf;
}

.menu > li:first-child > a {
    border-left: 1px solid #c3c1bf;
}

.menu > li > a:hover,
.menu > li > a:focus {
    color: #2a0f01;
}

#footer .menu > li > a {
    border: none;
    padding: 0 26px 0 0;
    color: #4e1e0a;
}

.cell > .menu {
    margin-top: 0.2em;
}

.cell > .menu,
.shop {
    white-space: nowrap;
}

.shop > li > a {
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    float: right;
    height: 28px;
    padding-top: 6px;
    padding-right: 12%;
    color: #7d6e62;
}

.shop > li > a span {
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0;
    line-height: 16px;
    vertical-align: bottom;
    font-size: 13px;
}

.shop > li > a span#cart_amount {
    padding-left: 7px;
}

.shop > li > a span i {
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0;
    line-height: 12px;
    vertical-align: bottom;
    font-size: 7px;
    padding-left: 2px;
    font-style: normal;
}

.slogan {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: "Grishko";
    text-align: center;
    font-size: 46px;
    line-height: 46px;
    padding-top: 0px;
    color: #2a0f01;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    text-shadow: -2px 1px 3px rgba(255, 255, 255, 0.4);
    z-index: 0;
}

.categories-btn,
.lk-btn {
    display: none;
}

.shadow {
    -webkit-box-shadow: inset 0px 11px 16px -5px rgba(50, 50, 50, 0.0255);
    -moz-box-shadow: inset 0px 11px 16px -5px rgba(50, 50, 50, 0.0255);
    box-shadow: inset 0px 11px 16px -5px rgba(50, 50, 50, 0.0255);
    border-radius: 85% / 10px;
    float: left;
    width: 100%;
}

.top_shadow {
    -webkit-box-shadow: inset 0px -6px 16px 5px rgba(50, 50, 50, 0.0333);
    -moz-box-shadow: inset 0px -6px 16px 5px rgba(50, 50, 50, 0.0333);
    box-shadow: inset 0px -6px 16px 5px rgba(50, 50, 50, 0.0333);
    margin-bottom: -4px;
    border-radius: 0 / 0px;
    float: left;
    width: 100%;
    padding-top: 10px;
    min-height: 87vh;
}

#footer > .menu {
    float: left;
    margin: 25px 0 20px;
    width: 100%;
}

#footer > .menu > li {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

#footer > .menu > li:first-child {
    text-align: left;
}

#footer > .menu > li:last-child {
    text-align: right;
}

.shop > li:first-child,
.cell > .menu > li:first-child {
    border-left: none;
    padding-left: 0;
}

.shop > li:last-child,
.cell > .menu > li:last-child {
    border-right: none;
    padding-right: 0;
}

.shop > li,
.cell > .menu > li {
    display: inline-block;
    line-height: 1.6;
    vertical-align: middle;
}

#menu {
    font-family: "Droid", serif;
    margin-top: 10px;
    position: relative;
    z-index: 2;
    float: left;
}

#menu > li {
    display: inline-block;
}

#menu > li > a {
    padding: 0 7.5px;
    text-decoration: none;
    display: inline-block;
    border: 1px transparent solid;
    line-height: 35px;
    font-size: 12px;
    font-family: "Droid", sans-serif;
    text-transform: uppercase;
    color: #3d2316;
}

#menu > li > a:hover {
    text-decoration: underline;
}

#menu > li > a.current {
    margin-right: 0;
    text-decoration: underline;
}

#path {
    font-size: 10px;
    margin-top: 15px;
    position: relative;
    float: right;
    text-align: right;
    width: 100%;
}

#path > li {
    display: inline;
    white-space: nowrap;
    margin-right: 10px;
    font-family: "Roboto";
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    color: #3d2316;
    cursor: default;
}

#path > li > a {
    margin-right: 7px;
    line-height: 15px;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
}

#path > li > a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #2a0f01;
}

.phones,
.mob-phones {
    font-size: 15px;
    font-family: "Droid", sans-serif;
    vertical-align: middle;
    float: right;
    padding: 21px 15px 21px 21px;
    text-align: center;
    letter-spacing: 1.5px;
    text-shadow: -2px 1px 1px rgba(255, 255, 255, 0.29);
    z-index: 1;
    position: relative;
    border-bottom: 1px solid #c3c1bf;
    border-top: 1px solid #c3c1bf;
}

.mob-phones {
    float: none;
}

.phones a.calllink,
.mob-phones a.calllink {
    text-decoration: none !important;
    color: #4d362a;
}

.phones strong,
.mob-phones strong {
    letter-spacing: 1.2px;
}

.phones p,
.mob-phones p {
    letter-spacing: 0.5px;
}

.phones .small,
.mob-phones .small {
    font-size: 9px;
    font-family: "Droid", sans-serif;
    letter-spacing: 1px;
    text-decoration: none;
    color: #7d7267;
    padding-bottom: 4px;
}

.phones .small:hover,
.shop > li > a:hover,
.mob-phones .small:hover {
    color: #4c362a;
}

.little {
    font-size: 85%;
    color: #7f7067;
}

.small {
    font-size: 0.75em;
    font-family: "Droid", sans-serif;
}

.phones + .small,
.mob-phones + .small {
    margin-left: 2em;
    vertical-align: middle;
}

.lang {
    font-family: "Droid", sans-serif;
    font-size: 0.8125em;
}

.lang > li {
    margin-left: 0.8em;
    display: inline;
}

.lang > li > label > input {
    position: fixed;
    left: -100%;
}

.lang > li > label > img {
    margin-right: 0.2em;
}

.lang > li > label > span {
    text-decoration: underline;
    vertical-align: middle;
}

.lang > li > label > input:checked + img + span,
.lang > li > label:hover > span {
    text-decoration: none;
}

.menu-block {
    position: relative;
    float: left;
    width: 100%;
}

.search-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px 2.8% 5px;
    z-index: 3;
    cursor: pointer;
}

.search-block,
.search-block-mob {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    line-height: 100%;
    z-index: 2;
    background: url(/static/images/bg_html.png) 0% 0% repeat;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
}

.close-s {
    display: none;
}

.showsearch {
    display: inherit;
    right: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
}

.close-search {
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    z-index: 1;
    margin-left: 25px;
}

.close-search:before,
.close-search:after {
    content: "";
    position: absolute;
    z-index: -1;
    background: #5f453a;
}

.close-search:before {
    width: 1px;
    margin-left: -1px;
    height: 20px;
    transform: rotate(45deg);
    top: 0;
}

.close-search:after {
    top: 10px;
    height: 1px;
    margin-top: -1px;
    width: 20px;
    transform: rotate(45deg);
    left: -10px;
}

.showclose {
    display: inherit;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 13px;
    background: url(/static/images/bg_html.png) 0% 0% repeat;
    padding: 6px 4px;
    width: 40px;
    height: 27px;
    left: 0;
    text-align: center;
}

.search-block form,
.search-block-mob form {
    position: relative;
    float: right;
    width: 100%;
    background: url(/static/images/bg_html.png) 0% 0% repeat !important;
}

.search-block input,
.search-block-mob input {
    border: none;
    width: 78% !important;
    outline: none;
    padding: 16px 12px 8px 10px;
    border-bottom: 1px solid #918a81;
    background: url(/static/images/bg_html.png) 0% 0% repeat !important;
    z-index: 0;
    font-size: 12px;
    font-family: "Droid", sans-serif;
    text-transform: uppercase;
    color: #3d2316;
    line-height: 22px;
}

.search-block button,
.search-block-mob button {
    position: absolute;
    right: 0;
    top: 8px;
    background: #a29a91;
    padding: 11px 65px;
    line-height: 17px;
    outline: none;
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 20px 7px rgba(50, 50, 50, 0.17);
    -moz-box-shadow: inset 0px 0px 20px 7px rgba(50, 50, 50, 0.17);
    box-shadow: inset 0px 0px 20px 7px rgba(50, 50, 50, 0.17);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 11px;
    color: #d9d7d0;
    letter-spacing: 0.5px;
}

.search-block button:hover,
.search-block button:focus,
.search-block-mob button:hover,
.search-block-mob button:focus {
    background: rgba(61, 34, 22, 0.49019607843137253);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #dad8d1;
}

#path + #content {
    margin: 0;
}

#content {
    float: left;
    width: 100%;
    padding: 15px 0 4.7%;
    position: relative;
}

#content > .left {
    width: 22%;
    float: left;
    padding-right: 1%;
    box-sizing: border-box;
}

#content > .right {
    padding-left: 1%;
    float: right;
    width: 78%;
    box-sizing: border-box;
}

.filters {
    border: 0;
    font-family: "Droid", serif;
    text-align: left;
    background: #d2d0c7;
    padding: 15px 10px;
    position: relative;
    font-size: 14px;
    font-weight: normal;
    color: #3e2316;
    text-transform: uppercase;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.filters select {
    width: 25%;
    float: left;
    position: relative;
    z-index: 1;
    margin: 0 5px;
}

.filter-cena {
    position: relative;
    z-index: 0;
    text-align: right;
    font-size: 12px;
    line-height: 23px;
    vertical-align: middle;
}

.content {
    padding: 25px;
    background: rgba(255, 255, 255, 0.8);
    float: left;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.right .content {
    min-height: 337px;
}

.content hr {
    border: none;
    border-bottom: 1px #dbdad4 solid;
    margin: 15px 0;
}

.content > hr {
    margin: 1em 0;
}

.content > .title:first-child {
    margin-top: -25px;
    margin-left: -25px;
    margin-right: -25px;
}

.title {
    font-family: "Droid", serif;
    text-align: center;
    background: #d2d0c7;
    padding: 17px 10px;
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
    color: #3e2316;
    text-transform: uppercase;
}

.title:after,
.categories-btn:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0%;
    width: 100%;
    height: 16px;
    margin-top: 0px;
    background: url(/static/images/bg_title.png) 50% 0% no-repeat;
}

.title + .float_right {
    color: #7f7067;
    font-size: 0.875em;
}

.title + .float_right > a {
    margin-left: 1.5em;
}

.title + .text {
    color: #290f00;
}

.content > .information,
.content > .blockquote {
    margin: 1em 0;
}

.information {
    color: #7f7067;
    font-size: 0.875em;
    background: #ffffff;
    padding: 0.7em;
    border: 1px solid #d6d4cc;
    -webkit-box-shadow: 0.2em 0.2em 0.4em #cccccc;
    -moz-box-shadow: 0.2em 0.2em 0.4em #cccccc;
    box-shadow: 0.2em 0.2em 0.4em #cccccc;
    border-collapse: separate;
}

.info + .place {
    margin-top: 0;
}

.place {
    background: #e7e7e7;
    padding: 25px;
    position: relative;
    margin-top: -20px;
    margin-left: -25px;
    margin-bottom: 20px;
    margin-right: -25px;
    float: left;
    width: 100%;
}

.place > hr {
    margin: 0.8em -1em;
    border-bottom-color: #ffffff;
}

.preview:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 90px 30px rgba(219, 217, 210, 0.6);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.preview:hover:before {
    display: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.preview:first-child {
    margin-top: 0;
}

.preview:last-child {
    margin-bottom: 0;
}

.preview {
    position: relative;
    display: inline-block;
    margin: 5.25% 0;
}

.preview > .name {
    color: #ffffff;
    font:
        italic 0.875em/1 "Droid",
        sans-serif;
    text-transform: uppercase;
    padding: 0.5em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}

.preview > .caption {
    color: #130702;
    font-family: "Grishko";
    margin: auto;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    text-shadow: -2px 1px 3px rgba(255, 255, 255, 0.4);
    z-index: 0;
    font-size: 42px;
    line-height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-75%, -75%);
    -ms-transform: translate(-75%, -75%);
    transform: translate(-75%, -75%);
    text-align: center;
    width: 80%;
}

.categories {
    background: rgba(255, 255, 255, 0.8);
    margin-bottom: 15px;
    width: 180px;
    box-sizing: border-box;
    padding-bottom: 20px;
}

.categories > .current {
    border: 0;
    font-family: "Droid", serif;
    text-align: center;
    background: #d2d0c7;
    padding: 17px 10px;
    position: relative;
    font-size: 16px;
    font-weight: normal;
    color: #3e2316;
    text-transform: uppercase;
    margin-bottom: 9px;
}

.categories > li > ul > li > a,
.categories > li > label,
.categories > li > a {
    display: block;
    padding: 0.3em 0.8em;
    text-decoration: none;
}

.categories > li > ul > li > a:hover {
    background-color: #f1f0ed;
}

.categories > li > a:hover,
.categories > li > a.current {
    background-color: #f1f0ed;
}

.categories > li > ul > li > a,
.categories > li > label,
.categories > li > a {
    display: block;
    padding: 9px 15px 9px 30px;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
}

.categories > li {
    position: relative;
}

.categories > li > ul {
    display: none;
}

.categories > li > input:checked + label + ul {
    display: block;
}

.categories > li > ul > li {
    background: #f1f0ed;
}

.categories > li > label {
    margin-left: 0 !important;
    font-size: 12px !important;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.categories > li > input {
    position: fixed;
    left: -100%;
}

.categories > li > label span {
    background: url(/static/images/icons/right.svg) 0 0 no-repeat;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 11px;
    left: 15px;
    z-index: 0;
    background-size: contain;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.categories > li > label:hover,
.categories > li > input:checked + label {
    background: #f1f0ed;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.categories > li > input:checked + label span {
    background: url(/static/images/icons/down.svg) 0 0 no-repeat;
    background-size: contain;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.categories > li > ul > li > a {
    padding-left: 30px;
    border-top-color: transparent;
    text-transform: none;
}

.owl-item h3 {
    background: #d2d0c8;
    color: #3e2316;
    padding: 10px;
    font-size: 15px;
    text-align: center;
}

#owl-thumbs {
    margin-bottom: 48px;
}

#owl-categories {
    margin: 50px 0;
}

#owl-categories .owl-item a {
    float: left;
    width: 100%;
    background: #ffffff;
}

.item {
    background: #ffffff;
    text-align: center;
    float: left;
    width: 23%;
    margin-right: 1.6%;
}

.item:hover {
    box-shadow: 0px 0px 1px 1px rgba(99, 99, 99, 0.1);
}

.item:first-child {
    margin-left: 1.6%;
}

.flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item .image {
    float: left;
    text-align: center;
    width: 100%;
}

.item > .caption {
    padding: 10px 0;
    float: left;
    width: 100%;
}

.item > .image > img {
    padding-top: 15px;
}

.item > .caption > .name {
    font-size: 12px;
    padding: 5px 10px;
}

.item > .caption > .price {
    color: #93928d;
}

.item > .caption > .price i {
    font-size: 11px;
    vertical-align: middle;
    opacity: 0.9;
}

.previews {
    margin: 1em 0;
    display: inline-block;
}

.previews > .item {
    margin-top: 1em;
}

.mob-hide {
    display: inline-block;
}

.mob-show {
    display: none;
}

#logo {
    position: relative;
    z-index: 1;
    float: left;
}

#logo:before {
    content: "";
    width: 220px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/static/images/logo_blur.png) 50% 0 no-repeat;
    z-index: 0;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    background-size: contain;
}

#logo > svg {
    position: relative;
    padding-top: 10px;
    -webkit-filter: drop-shadow(0px 0px 11px #ffffff);
    filter: drop-shadow(0px 0px 11px #ffffff);
}

#card > .table {
    table-layout: fixed;
    width: 100%;
}

#card > .table > .left,
#card > .table > .right {
    vertical-align: top;
}

#card > .table > .left {
    width: 70%;
    float: left;
}

#card > .table > .right {
    padding-left: 3%;
    width: 27%;
    float: left;
}

#card > .table > .right > h3,
#card > .table > .right > h6 {
    font-family: "Droid", serif;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
}

#card > .table > .right > h3 {
    padding-top: 10px;
}

#card > .table > .right > h6 {
    font-size: 14px;
    padding: 7px 0;
}

#card > .table > .right > .price {
    font-size: 22px;
    line-height: 22px;
    color: #95948f;
    border-top: 1px #d7d6cf solid;
    border-bottom: 1px #d7d6cf solid;
    margin-top: 15px;
    padding: 10px 0;
    text-align: left;
}

#card > .table > .right > .price i {
    font-size: 15px;
    vertical-align: middle;
    opacity: 0.9;
}

.gallery {
    position: relative;
    text-align: center;
}

.gallery > .bottom {
    padding: 0px 20px;
    position: relative;
    background: #f0efed;
}

.swiper-bottom > .swiper-wrapper {
    white-space: nowrap;
}

.swiper-bottom > .swiper-wrapper > .swiper-slide {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.swiper-bottom > .swiper-wrapper > a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.swiper-bottom > .swiper-wrapper > a > img {
    vertical-align: middle;
    background: #fff;
}

.swiper-bottom > .swiper-wrapper > a:hover > img {
    -webkit-box-shadow: 0 0 0.2em rgb(201, 201, 201);
    -moz-box-shadow: 0 0 0.2em rgb(201, 201, 201);
    box-shadow: 0 0 0.2em rgb(201, 201, 201);
}

.gallery > .bottom > .prev,
.gallery > .bottom > .next {
    width: 1.2em;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
}

.gallery > .bottom > .prev {
    background: url(/static/images/icons/left.svg) 50% 50% no-repeat;
    left: 3px;
    background-size: contain;
    opacity: 0.4;
}

.gallery > .bottom > .next {
    background: url(/static/images/icons/right.svg) 50% 50% no-repeat;
    right: 3px;
    background-size: contain;
    opacity: 0.4;
}

.gallery > .bottom > .next:hover,
.gallery > .bottom > .prev:hover {
    opacity: 1;
}

.gallery > .bottom > .disabled {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    cursor: default;
}

.gallery > .scale {
    background: #d6d5ce url(/static/images/icons/zoom.svg) 50% 50% no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background-size: contain;
    opacity: 0.4;
}

.gallery > .scale:hover {
    background-image: url(/static/images/icons/zoom.svg);
    background-repeat: no-repeat;
    background-color: rgba(214, 213, 206, 0.4);
    opacity: 1;
}

.gallery > .image {
    background: #fff;
    padding: 10px;
}

.gallery > .image > img + img {
    display: none;
}

.gallery > .hidden {
    display: none;
}

.table + .description {
    margin-top: 1em;
}

.description {
    margin-top: 15px;
    font-family: RobotoLight;
    font-size: 14px;
    line-height: 16px;
}

.description h4 {
    font-family: "Droid", serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
    padding-left: 8px;
}

.description .text {
    margin-top: 10px;
    padding: 3px;
    font-weight: 100;
    line-height: 12px;
    font-size: 13px;
}

.description hr {
    margin: 7px 0;
}

.description table {
    width: 100%;
    margin: 0;
}

.description table > tbody > tr:nth-child(odd) {
    background: #f0efed;
}

.description table > tbody > tr:nth-child(even) {
    background: #ffffff;
}

.description table > tbody > tr > td:first-child {
    color: inherit;
}

.description table > tbody > tr > td {
    padding: 10px;
    color: #796a5f;
}

form > p > .button_dark {
    width: 100%;
}

.tabs {
    margin: 0 0 12px;
    font-size: 13px;
    /* display: none; */
}

.tabs > .top {
    display: table;
    width: 100%;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-collapse: separate;
}

.tabs > .top > div {
    display: table-cell;
    vertical-align: top;
    padding: 0.3em 1em;
    white-space: nowrap;
    background: #dbdbdb url(/static/images/bg_tab.png) 0% 100% repeat-x;
    border: 1px #ffffff solid;
    border-bottom: none;
    cursor: pointer;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;
}

.tabs > .top > .current {
    background: rgba(0, 0, 0, 0.09);
    border: none;
    border-bottom: none;
    font-size: 14px;
    padding: 10px;
}

.tabs > .bottom {
    border-top: none;
    padding: 5px 15px;
    background: #f0efed;
}

.tabs > .bottom > div {
    display: none;
}

.tabs > .bottom > .current {
    display: block;
}

.likethis {
    float: left;
    width: 100%;
    padding: 7px 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    background: rgba(127, 112, 103, 0.1);
}

.likethis:hover {
    background: rgba(255, 255, 255, 0.55);
}

.likethis .icon {
    margin-right: 5px;
    vertical-align: middle;
}

.to_wishlist {
    color: #7f7067;
    font-size: 13px;
    background: transparent;
}

.options {
    font-size: 12px;
    padding: 12px 0;
}

.options > p {
    font-size: 12px;
}

.sizes {
    font-size: 13px;
    margin: 15px 0 25px;
}

.sizes a {
    font-size: 13px;
    line-height: 22px;
    vertical-align: bottom;
}

.sizes img {
    width: 22px;
    height: 22px;
    padding: 0 5px;
    margin: 0;
}

.marked {
    color: #806b66;
}

.button_dark > span,
.button > span {
    display: block;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 0;
}

.button_dark > input,
.button > input {
    background: none;
    position: fixed;
}

.button_dark,
.button {
    width: auto;
    border: none;
    color: #877a71;
    line-height: 1;
    margin-bottom: 7px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
}

.whittxt {
    color: #ffffff;
}

.button_dark:hover,
.button:hover {
    color: #3e2316;
}

.button_dark {
    background: #a6988f;
}

.button {
    background: #dedcd6;
}

label.button > input[type="file"] {
    position: fixed;
    left: -100%;
}

.doc {
    text-indent: 1.5em;
}

.doc > .scroller-bar {
    width: 15px;
}

.doc > .scroller-bar > .scroller-track {
    background: #ffffff;
    height: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1px;
    border: 1px #cdc8c6 solid;
}

.doc > .scroller-bar > .scroller-track > .scroller-handle {
    background: #766762;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    right: 0;
    width: 11px;
    border-color: #ffffff;
}

.doc > .scroller-content {
    padding: 0;
}

.tsizes {
    font-size: 0.875em;
    border-top: 1px #d7d6cf solid;
    border-bottom: 1px #d7d6cf solid;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 2em;
}

.tsizes > tbody > tr > td,
.tsizes > tbody > tr > th,
.tsizes > thead > tr > th {
    padding: 0.4em 0.5em;
}

.tsizes > tbody > tr:nth-child(odd) {
    background: #f7f7f6;
}

.tsizes > tbody > tr > td {
    border-top: 1px #d7d6cf solid;
}

.tsizes > tbody > tr > th,
.tsizes > thead > tr > th {
    background: #d7d6cf;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    font-weight: normal;
    text-align: inherit;
}

tr.open,
tr.close {
    cursor: pointer;
}

tr.open > .icon,
tr.close > .icon {
    width: 17px;
    height: 16px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

tr.open > .icon {
    background-image: url(/static/images/bg_tr_up.png);
}

tr.close > .icon {
    background-image: url(/static/images/bg_tr_down.png);
}

tr.open + tr.hidden {
    display: table-row;
}

tr.close + tr.hidden {
    display: none;
}

.orders {
    text-align: center;
}

.orders > tbody > tr.hidden {
    background: #ffffff;
    text-align: left;
}

.orders > tbody > tr.hidden > td:before {
    content: "";
    display: block;
    width: 100%;
    height: 12px;
    position: relative;
    border-top: 2px #ffffff solid;
    background:
        url(/static/images/bg_intable.png) 0.75em 0 no-repeat,
        url(/static/images/bg_intable_top.png) 0% 0% repeat-x;
    margin-bottom: -12px;
}

.orders > tbody > tr.hidden > td:after {
    content: "";
    display: block;
    width: 100%;
    height: 7px;
    position: relative;
    background: url(/static/images/bg_intable_bottom.png) 0% 0% repeat-x;
    margin-top: -7px;
}

.orders > tbody > tr.hidden > td {
    padding: 0;
    border-top: none;
}

.orders > tbody > tr:nth-child(4n + 2) {
    background-color: #ffffff;
}

.orders > tbody > tr:nth-child(4n + 4) {
    background-color: #f7f7f6;
}

.orders > tbody > tr:nth-child(4n + 2) + tr.hidden > td > .intable > tbody > tr > th {
    background-color: #f7f7f6;
}

.orders > tbody > tr:nth-child(4n + 2) + tr.hidden > td > .intable > tbody > tr > td {
    background-color: #ffffff;
}

.intable {
    border-left: 1px #d7d6cf solid;
    border-right: 1px #d7d6cf solid;
}

.intable > tbody > tr > th {
    font-weight: normal;
    text-align: inherit;
    background-color: #ffffff;
}

.intable > tbody > tr > td {
    background-color: #f7f7f6;
    border-top: 1px #d7d6cf solid;
}

.intable > tbody > tr > th,
.intable > tbody > tr > td {
    padding: 0.5em;
}

.intable > tbody > tr > th:first-child,
.intable > tbody > tr > td:first-child {
    padding-left: 2em;
}

.justify {
    text-align: justify;
}

.justify:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

.justify > .section {
    float: left;
    width: 33.33%;
}

.section {
    display: inline-table;
    vertical-align: bottom;
}

.section > .name {
    display: table-caption;
    caption-side: top;
    background: #d6d4cc;
    text-align: center;
    padding: 0.2em;
    margin-bottom: 0.4em;
    font-family: "Droid", serif;
}

.section > .name > span,
.section > .name:after {
    display: inline-block;
    vertical-align: middle;
}

.section > .name:after {
    content: "";
    width: 0;
    height: 4em;
    overflow: hidden;
}

.section > .image {
    display: table;
    position: relative;
    border: 1px #d6d4cc solid;
}

.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex .section {
    width: 33.33%;
    float: left;
}

.flex .section .pad {
    padding: 15px;
    float: left;
    box-sizing: border-box;
    width: 100%;
}

.flex .section .pad .name {
    background: #d6d4cc;
    text-align: center;
    padding: 10px;
    font-family: "Droid", serif;
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
}

.flex .section .pad .name span {
    text-transform: uppercase;
}

.flex .section .pad .image {
    background: #fff;
    width: 100%;
    height: 100%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    padding-top: 40px;
    text-align: center;
}

.cardlist > td {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    vertical-align: baseline;
}

.cardlist > .image {
    vertical-align: top;
}

.cardlist > .image > a {
    display: inline-block;
    position: relative;
    border: 1px #d6d4cc solid;
}

.cardlist > .status {
    color: #7f7067;
    font-size: 0.857em;
    font-style: italic;
}

.cardlist > .actions {
    font-size: 0.857em;
    vertical-align: middle;
    text-align: center;
}

.cardlist > .actions > p {
    text-align: left;
    margin: 0.7em 0;
    padding-left: 0.5em;
    margin-left: 16px;
}

.cardlist > .actions > p > a {
    position: relative;
}

.cardlist > .actions > p > a > .icon {
    position: absolute;
    top: 0%;
    right: 100%;
}

.cardlist > .price {
    font-size: 1.15em;
    white-space: nowrap;
    vertical-align: middle;
}

.cardlist > .count {
    text-align: center;
    vertical-align: middle;
}

.cardlist > .properties {
    font-size: 1.15em;
}

.cardlist > .properties > p {
    margin-top: 0.2em;
}

.cardlist > .properties > p:first-child {
    margin-top: 0;
}

.align {
    margin: 1em 0;
    float: left;
    width: 100%;
}

.justify > .carddir {
    margin-top: 2em;
}

.justify > .cardblock {
    margin-top: 2em;
}

.last-viewed {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

.last-viewed.maybelike {
    width: 180px;
    background: #ffffff;
}

.maybelike .item {
    width: 100%;
    margin: 15px;
}

.maybelike .item:hover {
    box-shadow: none;
}

.cardblock:hover {
    border-color: #d6d5ce;
    -webkit-box-shadow: 0px 0px 3px #d6d5ce;
    -moz-box-shadow: 0px 0px 3px #d6d5ce;
    box-shadow: 0px 0px 3px #d6d5ce;
}

.cardblock,
.cardblock > .caption {
    background: #ffffff;
}

.cardblock .price i {
    font-size: 12px;
    vertical-align: middle;
}

.cardblock .product__old_price i {
    font-size: 8px;
    vertical-align: middle;
}

.cardblock {
    float: left;
    vertical-align: top;
    border-bottom: none;
    width: 30.33%;
    margin: 10px 1.5%;
    position: relative;
    padding-bottom: 40px;
}

.cardblock label.button {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
}

.cardblock > .caption {
    text-align: center;
    padding: 25px 10px 10px;
    border-top: none;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.cardblock > .caption > .name {
    margin-bottom: 0.2em;
}

.cardblock > .caption > .num {
    font-size: 0.75em;
    color: #806b66;
}

.cardblock > .caption > .price {
    font-size: 1.125em;
    font-weight: bold;
    color: #95948f;
    margin: 0.5em 0;
}

.cardblock > .image {
    position: relative;
    float: left;
    padding-top: 10px;
    width: 100%;
    text-align: center;
}

.cardblock > .image .link_to {
    float: left;
    width: 100%;
}

.cardblock > .image > a > img {
    max-width: 100%;
}

.cardblock > .image > a > img + img {
    display: none;
}

.cardblock:hover > .image > .prev,
.cardblock:hover > .image > .next {
    display: block;
}

.cardblock > .image > .prev,
.cardblock > .image > .next {
    cursor: pointer;
    display: none;
    position: absolute;
    bottom: 0%;
    background-color: #d7d6cf;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    min-width: 7px;
    min-height: 7px;
    width: 30px;
    height: 30px;
}

.cardblock > .image > .prev {
    left: 0px;
    background-image: url(/static/images/icons/left.svg);
    top: 50%;
    background-size: contain;
    max-width: 20px;
    max-height: 30px;
    opacity: 0.6;
    margin-top: -15px;
}

.cardblock > .image > .next {
    right: 0px;
    background-image: url(/static/images/icons/right.svg);
    top: 50%;
    background-size: contain;
    max-width: 20px;
    max-height: 30px;
    opacity: 0.6;
    margin-top: -15px;
}

.cardblock > .image > .next:hover,
.cardblock > .image > .prev:hover {
    opacity: 1;
}

#cards {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#cards .carddir {
    float: left;
    vertical-align: bottom;
    position: relative;
    width: 33.3%;
}

#cards .carddir .table {
    border: 1px solid #d8d5cd;
    margin: 10px;
    height: 94%;
    background: #fff;
}

.carddir:hover .badge_text {
    color: transparent;
}

.carddir:hover > .table > .image > .model,
.carddir:hover > .table > .caption > .caption-inner > .model {
    display: block;
}

.carddir:hover > .table > .image > .model ~ a,
.carddir:hover > .table > .caption > .caption-inner > .model ~ p {
    display: none;
}

.carddir > .table > .image > .model,
.carddir > .table > .caption > .caption-inner > .model {
    display: none;
}

.carddir:hover > .swiper {
    visibility: visible;
}

.carddir > .swiper {
    visibility: hidden;
    position: absolute;
    right: 95%;
    top: 2.4%;
    bottom: 3.1%;
    background: #d8d5cd;
    border-right: 0px;
    padding: 25px 10px;
}

.carddir .caption-inner {
    float: left;
    width: 100%;
}

.swiper > .up,
.swiper > .down {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 7px;
    height: 1em;
    cursor: pointer;
    z-index: 3;
}

.swiper > .up {
    top: 7px;
    background: url(/static/images/icons/up.svg) 50% 50% no-repeat;
    width: 100%;
    height: 15px;
    background-size: contain;
    opacity: 0.6;
}

.swiper > .down {
    bottom: 7px;
    background: url(/static/images/icons/down.svg) 50% 50% no-repeat;
    width: 100%;
    height: 15px;
    background-size: contain;
    opacity: 0.6;
}

.swiper > .down:hover,
.swiper > .up:hover {
    opacity: 1;
}

.carddir > .table > .caption {
    font-family: "Droid", serif;
    text-align: center;
    padding: 10px 16px;
    background: #d8d5cd;
    position: absolute;
    width: 91%;
    box-sizing: border-box;
    float: left;
}

.caption-inner,
.carddir > .table > .caption:after {
    display: inline-block;
    vertical-align: middle;
}

.caption-inner > p {
    font-size: 1.125em;
}

.caption-inner > .model > .name,
.caption-inner > .name {
    color: #2b0900;
}

.caption-inner > .model > .num,
.caption-inner > .model > .price,
.caption-inner > .num,
.caption-inner > .price {
    color: #7f3522;
}

.caption-inner .num,
.caption-inner .name {
    white-space: normal;
}

.caption-inner .name {
    font-size: 14px;
}

.caption-inner .num {
    font-size: 11px;
    padding: 5px;
    box-sizing: border-box;
}

.carddir > .table > .image {
    position: relative;
    padding-top: 50%;
}

.carddir > .table > .image img {
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.swiper-gallery {
    height: 100%;
    width: 100%;
}

.swiper-gallery .swiper-slide {
    position: relative;
    text-align: center;
    width: 100%;
}

.swiper-slide > img {
    margin: 0.3em 0;
    vertical-align: bottom;
    cursor: pointer;
}

.swiper-slide > .model {
    display: none;
    font-size: 1em;
}

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

.color > .icon {
    display: inline-table;
    table-layout: fixed;
    vertical-align: top;
    width: 1em;
    height: 1em;
    border: 1px #666666 solid;
}

.color > .icon > span {
    display: table-cell;
}

.color > .label {
    display: block;
    font-size: 0.625em;
    color: #7f7067;
    margin-top: 0.1em;
}

.pagenavtop:first-child {
    margin-top: -25px;
}

.pagenavtop,
.pagenav {
    font-family: "Droid", serif;
    font-size: 12px;
    color: #7c6761;
    padding: 15px 0;
}

.pagenavtop {
    text-align: right;
    border-bottom: 1px #dbdad4 solid;
}

.pagenav {
    text-align: center;
    border-top: 1px #dbdad4 solid;
    float: left;
    width: 100%;
}

.pagenavtop > a,
.pagenavtop > span,
.pagenav > a,
.pagenav > span {
    display: inline-block;
    margin: 0 0.3em;
    text-decoration: none;
}

.pagenav > a,
.pagenav > span {
    padding: 0 0.2em;
}

.pagenav > .current {
    border: 1px #7c6761 solid;
}

.pagenav > .current,
.pagenav > .next,
.pagenav > .prev {
    color: #9c8c88;
    padding: 5px 8px;
}

.pagenav > .next {
    margin-left: 2em;
}

.pagenav > .prev {
    margin-right: 2em;
}

.badge_text {
    font-size: 12px;
    text-align: center;
    padding: 5px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.badge {
    position: absolute;
    left: 0.7em;
    top: 0.7em;
    max-width: 40%;
    padding: 0.5em;
    padding-top: 2.5em;
    -webkit-box-shadow: -0.2em -0.2em 0.3em #777777;
    -moz-box-shadow: -0.2em -0.2em 0.3em #777777;
    box-shadow: -0.2em -0.2em 0.3em #777777;
    font-size: 0.625em;
    text-align: center;
    background: #bebab2;
    background: -moz-linear-gradient(top, #bebab2, #cecbc5 20%, #d6d4cf 30%, #cecbc5 45%, #bebab2);
    background: -o-linear-gradient(top, #bebab2, #cecbc5 20%, #d6d4cf 30%, #cecbc5 45%, #bebab2);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#bebab2),
        color-stop(20%, #cecbc5),
        color-stop(30%, #d6d4cf),
        color-stop(45%, #cecbc5),
        to(#bebab2)
    );
    background: -webkit-linear-gradient(top, #bebab2, #cecbc5 20%, #d6d4cf 30%, #cecbc5 45%, #bebab2);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#bebab2),
        color-stop(20%, #cecbc5),
        color-stop(30%, #d6d4cf),
        color-stop(45%, #cecbc5),
        color-stop(45%, #bebab2)
    );
    background: linear-gradient(top, #bebab2, #cecbc5 20%, #d6d4cf 30%, #cecbc5 45%, #bebab2);
    -pie-background: linear-gradient(top, #bebab2, #cecbc5 20%, #d6d4cf 30%, #cecbc5 45%, #bebab2);
    border-collapse: separate;
}

.badge:before {
    content: "";
    position: absolute;
    left: 0.2em;
    right: 0.2em;
    top: 0.2em;
    bottom: 0.2em;
    border: 1px #ffffff dashed;
    background: url(/static/images/bg_badge.png) 50% 0.5em no-repeat;
}

.coupon {
    position: relative;
    margin: 1em 0;
    border: 1px #cccccc solid;
}

.coupon > img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.coupon > .date {
    background: #d6d5ce;
    font-family: "Droid", serif;
    text-align: center;
    padding: 0.4em;
    border: 1px #cdc9c7 solid;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.coupon:hover > .text {
    visibility: visible;
}

.coupon > .text {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.5);
    font-family: "Droid", serif;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
}

.coupon > .text > .table {
    width: 55%;
    height: 100%;
    margin-right: 0;
    margin-left: auto;
}

.coupon > .text > .table > .cell {
    vertical-align: middle;
    padding-bottom: 3em;
}

.coupon > .text > .table > .cell > h2 {
    font-size: 2.25em;
    line-height: 1;
    margin-bottom: 0.3em;
}

.coupon > .text > .table > .cell > p {
    font-size: 0.875em;
}

.coupon > .text > .name {
    display: table-cell;
    vertical-align: middle;
    padding-left: 40%;
}

.justify > .photo {
    margin-top: 1.5em;
}

.photo {
    display: inline-table;
    vertical-align: top;
    text-align: center;
}

.photo > .image {
    display: table;
}

.photo > .caption {
    display: table-caption;
    caption-side: bottom;
    margin-top: 0.5em;
}

.photo > .caption > p {
    margin: 0.25em 0;
}

.photo > .caption > .name {
    font-weight: bold;
}

.photo > .caption > .vote {
    color: #978c84;
}

.photo > .caption > .marks {
    color: #d1d1d1;
    font-size: 1.4em;
}

.marks .full {
    color: #ada58f;
}

.photo > .caption > .marks > a,
.photo > .caption > .marks > span {
    margin: 0 0.1em;
}

.highslide > img {
    border: 1px transparent solid;
}

.highslide:hover > img {
    -webkit-box-shadow: 0 0 3px #d6d5ce;
    -moz-box-shadow: 0 0 3px #d6d5ce;
    box-shadow: 0 0 3px #d6d5ce;
    border-color: #d6d5ce;
}

.highslide-caption {
    padding: 0 !important;
}

.highslide-number {
    font-weight: normal;
}

form.place {
    display: inline-block;
}

form.place > table > tbody > tr > td + td {
    padding-left: 1em;
}

form.place > table > tbody > tr + tr > td {
    padding-top: 0.5em;
}

form.place > table > tbody > tr > td {
    vertical-align: top;
}

form.place > table > tbody > tr > td > .button {
    width: 100%;
    font-size: 85%;
}

.code {
    display: inline-block;
}

.code > .line {
    margin: 0.5em 0;
}

.code > .line > .button {
    width: 100% !important;
}

.total {
    width: 50%;
    font-size: 1.14em;
    padding-right: 0 !important;
    padding-bottom: 1em !important;
}

.total > table {
    width: 100%;
}

.total > table > tbody > tr {
    border-bottom: 1px #d7d6cf solid;
}

.total > table > tbody > tr:nth-child(even) {
    color: #75675d;
    background: #e7e7e7;
}

.total > table > tbody > tr > td {
    padding: 0.5em 0;
}

.total > table > tbody > tr > td:last-child {
    text-align: right;
}

.total > .line {
    margin: 0.8em 0;
}

.total > .line > .button {
    width: 100% !important;
}

.total > .line > label {
    color: #867167;
}

.total > .line > label > a {
    color: #291101;
}

.output > ol {
    font-size: 0.875em;
    color: #75675d;
    margin-left: 1.5em;
}

.colorlist {
    display: block;
    margin: 0 -2px;
}

.colorlist > li {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    width: 1em;
    height: 1em;
    margin: 0 2px;
}

.colorlist > li > label {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 !important;
}

.colorlist > li > label > span {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border: 1px #666666 solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.colorlist > li > label > span > span {
    display: table-cell;
}

.colorlist > li > input {
    position: fixed;
    left: 200%;
}

.colorlist > li > input:checked + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/static/images/bg_color.png) 50% 50% no-repeat;
}

#frame {
    position: relative;
}

#frame > .slidee {
    height: 100%;
}

.slidee > li {
    display: inline-table;
    vertical-align: top;
    position: relative;
    margin: 0 -2em;
    -webkit-transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    -webkit-transition: -webkit-transform 300ms ease-out 0s;
    -moz-transition: -moz-transform 300ms ease-out 0s;
    -o-transition: -o-transform 300ms ease-out 0s;
    transition: -webkit-transform 300ms ease-out 0s;
    -moz-transition:
        transform 300ms ease-out 0s,
        -moz-transform 300ms ease-out 0s;
    transition: transform 300ms ease-out 0s;
    transition:
        transform 300ms ease-out 0s,
        -webkit-transform 300ms ease-out 0s,
        -moz-transform 300ms ease-out 0s,
        -o-transform 300ms ease-out 0s;
}

.slidee > li > h3 {
    display: table-caption;
    caption-side: top;
    text-align: center;
    background: #e9e9e9;
    color: #666666;
    font-family: "Droid", serif;
    padding: 0.1em;
    margin-bottom: 0.4em;
    border-collapse: separate;
}

.slidee > li > .image {
    display: table;
    position: relative;
    border: 1px #d7d6cf solid;
    border-collapse: separate;
}

.slidee > li > .image:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(233, 233, 233, 0.5);
}

.slidee > .active {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    z-index: 5;
}

.slidee > .active > h3 {
    background: #d6d4cc;
    color: inherit;
    border: 1px #ffffff solid;
    -webkit-box-shadow: 0 0 0.2em #999999;
    -moz-box-shadow: 0 0 0.2em #999999;
    box-shadow: 0 0 0.2em #999999;
}

.slidee > .active > .image {
    -webkit-box-shadow: 0 0 0.4em #aaaaaa;
    -moz-box-shadow: 0 0 0.4em #aaaaaa;
    box-shadow: 0 0 0.4em #aaaaaa;
}

.slidee > .active > .image:after {
    display: none;
}

#scrollbar {
    border: 1px #cdc9c7 solid;
    background: #ffffff;
    height: 10px;
}

#scrollbar > .handle {
    background: #766761;
    cursor: pointer;
    width: 100px;
    height: 8px;
    margin: 1px 0;
}

#previewbar {
    margin: 2em 0 1em 0;
    text-align: center;
}

#previewbar > a {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    border: 1px #d7d6cf solid;
    margin: 0.25em;
    width: 20px;
    padding: 0 5px;
}

#previewbar > .current {
    width: auto;
    padding: 0 6px;
}

#previewbar > a > img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.social-links.socialshare {
    padding: 15px 0;
    border-top: 1px solid #f0efed;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.social-links.socialshare p {
    float: left;
    font-size: 12px;
    line-height: 12px;
    padding-right: 7px;
}

.goodshare:before {
    font-size: 12px;
    vertical-align: middle;
    line-height: 12px;
    height: 12px;
    float: left;
    padding: 0 7px;
}

.hide_fixed {
    position: fixed;
    left: 120%;
}

.delete_address {
    text-decoration: underline;
}

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

.to_wishlist {
    text-decoration: none;
}

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: url("/static/icon_top.png") no-repeat;
}

.signin-aj label {
    font-size: 14px;
    padding: 10px;
}

.signin-aj td {
    position: relative;
}

.signin-aj .button {
    padding: 0 10px;
    margin-left: 10px;
    margin-top: 25px;
}

.passreset {
    position: absolute;
    bottom: 10px;
    right: 0;
    font-size: 12px;
    color: #877a71;
}

.product__old_price {
    text-decoration: line-through;
    font-size: 12px;
    color: #776e71;
    display: block;
    padding: 5px 0;
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    vertical-align: top;
    float: left;
}

.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33%;
}

.col-5 {
    width: 41.66%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
}

.flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ifup {
    margin-top: -20px;
}

.nopad {
    padding: 0;
}

.contacts-block {
    padding: 25px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.white-bkg {
    background: #ffffff;
}

.feedback-form {
    background: #e7e7e7;
    padding: 25px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.callback-btn {
    float: left;
}

.label-cont {
    font-size: 12px;
}

.text-cont {
    font-size: 14px;
}

.paddbottom-cont {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.tith5 {
    font-size: 15px;
}

.contact-form label {
    font-size: 14px;
}

.contact-form input,
.contact-form textarea {
    margin-bottom: 5px;
}

.attent-cont {
    float: left;
    width: 100%;
    padding: 10px 5px 20px;
}

.accaount-page label {
    font-size: 14px;
}

.wishcard {
    float: left;
    width: 31.33%;
    background: #ffffff;
    border: 1px solid #f3f2ea;
    padding: 55px 15px 180px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1%;
    position: relative;
}

.wishcard a {
    float: left;
    width: 100%;
    text-align: center;
}

.wishcard .wish-title {
    float: left;
    width: 100%;
    text-align: center;
    padding: 25px 0px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.wish-opisanie {
    color: #c1bfb8;
    font-size: 12px;
    vertical-align: middle;
    float: left;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.wish-opisanie img {
    width: 14px;
}

.w-o-text {
    display: none;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 13px;
}

.speech-bubble {
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    font-size: 10px;
    padding: 25px 13px;
    border: 1px solid #f3f2ea;
}

.speech-bubble:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #f3f2ea;
    border-bottom: 0;
    margin-left: -5px;
    margin-bottom: -10px;
}

.wishcard a.wish-delete {
    position: absolute;
    top: 2px;
    right: 8px;
    float: none;
    width: auto;
    font-size: 20px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

.wishcard a.wish-delete span {
    font-size: 8px;
    line-height: 20px;
    vertical-align: middle;
}

.wishcard a.wish-delete:hover {
    opacity: 0.5;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.wishcard .cost {
    float: left;
    width: 80%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 10%;
}

.wishcard .cost i {
    font-size: 12px;
}

.cost_and_btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px 15px;
}

.wishbtn-tobusket a {
    font-family: "Roboto";
    font-size: 11px;
    text-transform: uppercase;
    background: #a6988f;
    color: #ffffff;
    text-decoration: none;
    float: left;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 10px 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.wishbtn-tobusket a:hover {
    color: rgba(62, 35, 22, 0.5);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.wishbtn-outofstock {
    font-family: "Roboto";
    font-size: 11px;
    text-transform: uppercase;
    background: #f1f0ed;
    color: #b9a898;
    float: left;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 10px 0;
    cursor: default;
}

.tablesaw {
    width: 100%;
    float: left;
}

.tablesaw * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.busket-line {
    float: left;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 10px;
}

.busk-op {
    display: none;
}

.busket-tovar-name {
    font-size: 12px;
    line-height: 12px;
    float: left;
    text-decoration: none;
}

.font9 {
    font-size: 9px;
}

.bl-t-bus {
    float: left;
    padding-top: 4%;
    padding-left: 10px;
    width: 63%;
}

.cena-busk {
    font-size: 13px;
    text-align: center;
    padding-top: 3.7%;
}

.cena-busk i {
    font-size: 10px;
    padding: 1px;
}

.cena-busk .price {
    text-align: center;
}

.del-from-busk {
    font-size: 9px;
    text-decoration: none;
}

.del-from-busk span {
    font-size: 16px;
    vertical-align: bottom;
    line-height: 14px;
}

.tablesaw .thead {
    background: #e2e0d8;
    float: left;
    width: 100%;
    padding: 8px;
}

.tablesaw .thead div p {
    font-size: 12px;
    text-align: center;
}

.wish-already-in-busket {
    font-size: 9px;
    text-decoration: none;
}

.col50 {
    float: left;
    width: 50%;
}

.col125 {
    float: left;
    width: 12.5%;
}

.txt-left {
    text-align: left;
}

.fl-left {
    float: left;
    width: 100%;
}

.b-img-l {
    float: left;
    max-width: 37%;
}

.b-dei {
    text-align: center;
    float: left;
    width: 12.5%;
    padding-top: 2%;
}

.b-dei a {
    display: block;
}

.b-count {
    float: left;
    width: 12.5%;
    padding-top: 3%;
}

.b-itog {
    text-align: right;
    background: #ffffff;
    float: left;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.b-itog i {
    font-size: 11px;
}

#order_form .button > span {
    margin-bottom: 20px;
}

.bsk-attention-block {
    float: left;
    width: 50%;
    padding-top: 5px;
}

.bsk-attention-block input {
    float: left;
    margin-top: 5px;
}

.bsk-btn-block .button {
    min-width: 200px;
}

.bsk-attention-block label[for="id_agreement"] {
    float: left;
    width: 90%;
}

.marg8 {
    margin-top: 8px;
}

.bsk-attention-block label[for="id_agreement"] p {
    text-align: left !important;
    color: #8c8c8c;
}

.form-bsk {
    width: 100%;
    text-align: right;
    margin-bottom: 30px;
}

.b-itog .promocode-title {
    color: #7f7067;
    text-align: left;
    font-size: 13px;
    margin-bottom: 6px;
    margin-left: 5px;
}

.b-itog form {
    float: left;
}

.b-itog .promo-code-input {
    padding: 7px 10px 8px;
    margin-bottom: 7px;
    width: 50%;
    float: left;
}

.b-itog .promo-code-activate {
    float: left;
    width: 48%;
    margin-left: 2%;
}

.errors {
    text-transform: lowercase;
    font-size: 10px;
    color: #f77575;
    text-align: left;
    padding-left: 8px;
    float: left;
    margin-top: -3px;
}

.bsk-attention-block .errorlist {
    text-align: left;
    font-size: 10px;
    margin-left: 7%;
    color: #f77575;
    text-transform: lowercase;
}

.errorlist li {
    color: #f77575;
    text-align: left;
    font-size: 10px;
    padding-left: 0;
    text-transform: lowercase;
}

.b-itogi {
    padding: 0;
    float: right;
}

.b-itogi p {
    padding: 5px 0;
}

.show580,
.show600 {
    display: none;
}

.busket-line .product__old_price {
    font-size: 9px;
}

.busket-line .product__old_price i {
    font-size: 7px;
    padding: 1px;
}

.lesspad {
    padding-top: 2.7%;
}

#order-form label {
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.delivery-li {
    background: #ffffff;
    border-top: 1px transparent solid;
    border-bottom: 1px transparent solid;
    margin: 0 -23px;
    font-size: 14px;
}

.del-title {
    font-family: "Droid", serif;
    text-align: center;
    background: #e2e0d8;
    padding: 17px 10px;
    position: relative;
    margin-bottom: 20px;
    font-size: 16px !important;
    font-weight: normal;
    color: #3e2316 !important;
    text-transform: uppercase;
    float: left;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.delivery-li ul {
    padding: 10px 23px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.delivery-li ul li {
    padding: 6px 10px;
}

.delivery-li ul li label {
    width: 100%;
}

.samo-attent {
    display: block;
    padding: 10px 36px 23px;
    font-size: 11px;
    color: #9a9890;
}

.samovivoz-block {
    background: #eeeeee;
    border-top: 1px transparent solid;
    border-bottom: 1px transparent solid;
    margin: 0 -23px;
    padding: 23px;
}

.samovivoz-block .step-3 textarea {
    width: 70%;
}

.oform-atent {
    font-size: 15px;
    padding-bottom: 10px;
}

.already-adress {
    background: #eeeeee;
    border-top: 1px transparent solid;
    border-bottom: 1px transparent solid;
    margin: 0 -23px;
    padding: 23px 23px 0;
}

.no-marg-top-adr {
    margin-top: 0;
}

.total-total {
    text-align: right;
}

.total-total i {
    font-size: 12px;
}

.total-total p {
    font-size: 13px;
}

.total-total p span {
    font-size: 15px;
}

.step-4 {
    float: left;
    width: 50%;
}

.total-total {
    float: right;
    width: 50%;
}

.oformit {
    min-width: 200px;
}

.cat-desc {
    margin-top: 27px;
    font-family: RobotoLight;
    font-size: 14px;
    line-height: 16px;
    float: left;
    width: 100%;
}

.oform {
    background: #a6988f;
    color: #ffffff;
    opacity: 0.5;
}

.canoform {
    opacity: 1;
}

.with_op .wish-opisanie {
    width: auto;
    padding-left: 10px;
    padding-top: 10px;
}

.uh_for_op {
    position: relative;
    float: left;
    width: 100%;
}

.with_op .w-o-text {
    top: 0;
    position: absolute;
    z-index: 1;
    width: 65%;
    margin-left: 35%;
    left: 0;
    bottom: 0;
    height: 100%;
    border: 1px solid #f3f2ea;
    background: #ffffff;
}

.with_op .speech-bubble {
    border: none;
    cursor: pointer;
}

.with_op .speech-bubble:before,
.with_op .speech-bubble:after {
    position: absolute;
    content: "";
    height: 13px;
    width: 1px;
    background-color: #3e2316;
    border: none;
    margin: 0;
    top: 6px;
    left: 95%;
}

.with_op .speech-bubble:hover:before,
.with_op .speech-bubble:hover:after {
    background-color: #a6988f;
}

.with_op .speech-bubble:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.with_op .speech-bubble:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.col18 {
    float: left;
    width: 18%;
}

.col23 {
    float: left;
    width: 23%;
}

.col05 {
    float: left;
    width: 5%;
    text-align: center;
}

.orderline {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    background: #ffffff;
    padding: 8px;
    cursor: pointer;
}

.order-status span {
    font-size: 10px;
    padding: 8px;
    text-align: center;
    float: left;
    width: 100%;
    height: 40px;
    line-height: 12px;
    padding-top: 5px;
}

.nomerzakaza p,
.datazakaza p,
.cenadostavki p,
.cenazakaza p {
    padding: 8px;
    font-size: 14px;
    text-align: center;
    height: 40px;
}

.cenadostavki p i,
.cenazakaza p i {
    font-size: 11px;
}

.qestion-img {
    margin: 9px;
    float: left;
    width: 17px;
    height: 17px;
    opacity: 0.2;
}

.qestion-img:hover {
    opacity: 1;
}

.hidethis {
    opacity: 0;
}

.block-ordered {
    width: 31.33%;
    margin: 1%;
    background: #ffffff;
    padding: 23px 10px;
    float: left;
}

.block-ordered a {
    display: block;
    text-align: center;
}

.grey_bl {
    background: rgba(210, 208, 199, 0.5);
}

.padd-tov {
    margin: 1%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    width: 98%;
    position: relative;
}

.ordered_text_link {
    font-size: 14px;
    margin: 20px 0 10px;
    display: block;
    text-decoration: none;
}

.inzakaz {
    float: left;
    width: 100%;
    margin: 15px;
}

.block-ordered p {
    font-size: 12px;
    text-align: center;
    color: #8e8e8e;
}

.orderline.closed .padd-tov {
    display: none;
}

.orderline.opened .padd-tov {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.padd-tov:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom: 10px solid rgba(210, 208, 199, 0.5);
    margin-left: 0;
    margin-bottom: 0px;
}

.crunchify-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 1.5%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #ffffff;
    background-color: rgba(111, 110, 104, 0.35);
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    z-index: 100;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.crunchify-top:hover {
    color: #ffffff;
    background-color: rgba(111, 110, 104, 0.75);
    text-decoration: none;
    z-index: 100;
}

.wht-bkg {
    background: rgba(255, 255, 255, 0.5);
    padding: 10vh 23px;
    text-align: center;
}

#delivery-widget {
    margin-top: 20px !important;
}
@media screen and (max-width: 750px) {
    .widget__header {
        position: relative !important;
    }
    .widget__wrapper {
        height: auto !important;
        overflow: visible !important;
    }
    .widget__list {
        position: relative !important;
        transform: none !important;
        top: 0% !important;
    }
}