html, body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #454545;
}

html {
    min-height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100%;
}
body.disable-scroll {
    height: 100%;
    overflow: hidden;
}

.w-25p {width: 25%;}
.w-33p {width: 33.33%;}
.w-40p {width: 40%;}
.w-45p {width: 45%;}
.w-50p {width: 50%;}
.w-60p {width: 60%;}
.w-66p {width: 66.66%;}
.w-75p {width: 75%;}
.w-100p {width: 100%;}

a, a:visited {
    color: #454545;
    text-decoration: underline;
    transition: color .3s;
}

.bg-primary {
    color: #fff;
    background: #444;
}
.bg-primary .section-button {
    color: #fff;
}
.bg-primary .section-button:hover {
    color: #fff;
}
.bg-light {
    background: #ededed;
}

.one-col {
    align-items: center;
    justify-content: center;
}
.one-col > img:first-child:last-child {
    display: block;
    width: 100%;
    height: auto;
}

.two-col, .three-col, .four-col, .block-col {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}
.two-col .col,
.three-col .col,
.four-col .col {
    flex-grow: 0;
    flex-shrink: 0;
    width: 50%;
    padding: 40px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 30px;
}
.three-col .col {
    width: 33.33%;
    padding: 20px;
    box-sizing: border-box;
}
.four-col .col {
    width: 25%;
    padding: 20px;
    box-sizing: border-box;
}
.block-col .col {
    flex-grow: 0;
    width: 380px;
    box-sizing: border-box;
}
.block-col .col:first-child {
    flex-grow: 1;
    padding: 20px;
    padding-left: 0;
}
.col.img-c {
    display: flex;
    justify-content: center;
}
.col.img-c:first-child {
    justify-content: flex-end;
}
.col.img-c:last-child {
    justify-content: flex-start;
}
.col.img-c > img {
    display: block;
    width: auto;
    height: auto;
    max-height: 350px;
}
.map-col {
    height: 500px;
    background-size: cover;
    background-position: center;
}

header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90px;
    padding: 0;
    z-index: 10;
    background: #fff;
}
.sticky-header .wrapper {
    padding-top: 90px;
}
.sticky-header header {
    position: fixed;
    top: 0; left: 0; right: 0;
}
header.shadow {
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
}
header > .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 1300px;
    padding: 0;
    box-sizing: border-box;
}
header .logo {
    padding: 15px 0;
}
header .logo img {
    display: block;
    width: auto;
    height: 60px;
    border: none;
}
header ul.desktop-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: nowrap;
    flex: 1;
    margin: 0;
    padding: 0;
    list-style: none;
}
header ul.desktop-nav > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
header ul.desktop-nav > li > a,
header ul.desktop-nav > li > a:visited {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding: 0 20px;
    color: #555;
    text-decoration: none;
    white-space: nowrap;
}
header ul.desktop-nav > li > a.web-shop {
    display: flex;
    font-weight: normal;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: #64af00;
}
header ul.desktop-nav > li > a.web-shop .feather {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    margin-right: 5px;
}
header ul.desktop-nav > li > a.user {
    display: flex;
    font-weight: normal;
    font-size: 18px;
    font-weight: 600;
    /*color: #fff;*/
    background: #fff;
}
header ul.desktop-nav > li > a.user .feather {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}
header ul.desktop-nav > li > a.cart {
}
header ul.desktop-nav > li > a span.sup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-top: -16px;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    color: #fff;
    background: #b00;
    border-radius: 30px;
}
header ul.desktop-nav > li > ul {
    display: none;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    min-width: 200px;
    background: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
header ul.desktop-nav > li > ul.visible {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 500px;
    top: 120px;
}
header ul.desktop-nav > li ul li {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}
header ul.desktop-nav > li ul a,
header ul.desktop-nav > li ul a:visited {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin: 0;
    padding: 15px;
    color: #555;
    text-decoration: none;
}
header ul.desktop-nav > li ul a:hover {
    background: #f9f9f9;
}

.main-banner.desktop {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 1;
}
.main-banner.mobile {
    display: none;
    width: 100%;
}
.main-banner.desktop > img {
    display: block;
    width: auto;
    height: 70px;
}
.main-banner.mobile > img {
    display: block;
    width: 100%;
    height: auto;
}

.wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

section, .the-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
section > .inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 1300px;
    box-sizing: border-box;
}
section h2 {
    font-weight: 900;
    font-size: 40px;
}
section h3 {
    font-weight: 900;
    font-size: 24px;
}
.section-button {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 900;
    color: #454545;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .1);
    transition: background-color .3s;
}
.section-button:hover {
    color: #454545;
    background-color: rgba(0, 0, 0, .2);
}

footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 50px 0 20px;
    box-sizing: border-box;
    background: #f6f6f6;
}
footer > .inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    max-width: 1300px;
    padding: 20px 0;
    box-sizing: border-box;
}
footer > .inner.copyright {
    display: block;
    border-top: 1px solid #ddd;
}
footer > .inner.copyright > p {
    margin: 0;
    padding: 0;
}
footer > .inner > ul {
    width: 20%;
    margin: 0;
    padding: 0;
    list-style: none;
}
footer > .inner > ul:last-child {
    width: 40%;
}
footer > .inner > ul li {
    margin: 0;
    padding: 5px 0;
}
footer > .inner > ul:last-child li {
    text-align: right;
}
footer > .inner > ul li.t {
    font-size: 18px;
    font-weight: 600;
}
footer > .inner > ul li.s,
footer > .inner > ul li a {
    text-decoration: none;
}

/*.aw-foot-right .btn.btn-blue {
    min-width: 100px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}*/

/* HOME STYLES */
.home-slider {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
/*    height: 500px;
    background: #006CB8;*/
}
.home-slider > .swiper {
    width: 100%;
}
.home-slider > .swiper .swiper-slide > img {}
.home-slider > .swiper .swiper-button-next,
.home-slider > .swiper .swiper-button-prev {
    color: #fff;
}
.home-slider > .swiper .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
}
.home-slider > .swiper .swiper-button-next:after,
.home-slider > .swiper .swiper-button-prev:after {
    font-size: 66px;
}
.home-slider > .swiper .swiper-pagination-bullet-active {
    background: #fff;
}

img.autoresize,
.autoresize > img {
    display: block;
    width: 100%;
    height: auto;
}

.btn-dark,
.btn-dark:visited {
    display: inline-block;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background: #444;
    transition: background .5s;
}
.btn-dark:hover {
    background: #222;
}

.home-social {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
}
.home-social > h3 {
    margin: 0;
    padding: 0 30px 0 0;
    font-size: 26px;
    font-weight: 700;
}
.home-social > div {
    display: flex;
    flex-direction: row;
}
.home-social > div > a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 5px;
    padding: 10px;
    border: none;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #ea3931;
}
.home-social > div > a:hover {
    background: #A23449;
}

.home-app {
    padding-top: 50px;
}
.home-app > .inner {
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}
.home-app > .inner > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    flex-shrink: 1;
}
.home-app > .inner > div > h4 {
    font-size: 40px;
}
.home-app > .inner > div > h5 {
    font-size: 32px;
}
.home-app > .inner > div > h4,
.home-app > .inner > div > h5 {
    margin: 0 0 10px 0;
    padding: 5px 8px;
    font-weight: normal;
    color: #fff;
    background: #111;
}
.home-app > .inner > div > div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 30px;
}
.home-app > .inner > div > div > a {
    display: block;
    width: 149px;
    height: 43px;
    border: none;
    text-indent: -99999px;
}
.home-app > .inner > div > div > a.ios {
    background: url(../images/ios.png) no-repeat;
}
.home-app > .inner > div > div > a.android {
    margin-left: 10px;
    background: url(../images/android.png) no-repeat;
}

/* END OF HOME STYLES */

.payment-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    color: #fff;
    border: none;
    cursor: pointer;
}
.payment-button span {
    font-size: 20px;
    line-height: 24px;
}

.cart-info {
    display: none;
}

.close-cart {
    display: flex;
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto !important;
    box-shadow: none;
    cursor: pointer;
    box-shadow: none !important;
    background: transparent !important;
}
.close-cart .feather {
    width: 30px;
    height: 30px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}
.menu-cart {
    display: none;
    flex-direction: column;
    width: 420px;
    /*margin-top: 20px;*/
    box-sizing: border-box;
}
.menu-cart.visible {
    display: flex;
    position: absolute;
    left: calc((100vw - 420px) / 2);
    right: calc((100vw - 420px) / 2);
    top: 0;
    z-index: 9999;
    /*box-shadow: 0 -5px 10px rgba(0, 0, 0, .1);*/
}
.menu-cart:after {
    display: block;
    content: "";
    height: 7px;
    background: url(../images/cart-flag-gray.svg) repeat;
}
.menu-cart > div {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
}
.menu-cart .cart-head {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.menu-cart .cart-head h1,
.menu-cart .cart-head p {
    margin: 5px 0 0 0;
    padding: 0;
    text-align: center;
}
.menu-cart .cart-head p span {
}

.menu-cart .cart-head h1 {
    font-size: 24px;
    font-weight: 900;
}
.menu-cart .cart-head p {
    font-size: 16px;
    font-weight: 700;
}
.menu-cart .cart-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 10px;
    max-height: 640px;
    overflow-y: auto;
    border-bottom: 1px solid #eee;
}
.menu-cart .cart-content .cart-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-bottom: 10px;
    padding: 10px 10px 10px;
    border-bottom: 1px solid #ddd;
}
.menu-cart .cart-content .cart-item:last-child {
    border-bottom: none;
}
.cart-item .cart-item-left {
    flex-grow: 1;
    flex-shrink: 1;
    padding-right: 15px;
}
.cart-item .cart-item-left > h4 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}
.cart-item .cart-item-left > div {
    margin: 5px 0;
}
.cart-item .cart-item-left > p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    color: #777;
    font-style: italic;
    font-size: 13px;
}
.cart-item .cart-item-left > p > span {
    margin-right: 5px;
}
.cart-item .cart-item-left > p > span:last-child {
    margin-right: 0;
}
.cart-item .cart-item-left > p > span:after {
    display: inline;
    content: ", ";
}

.cart-item .cart-item-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100px;
}
.cart-item .cart-item-right > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 2px;
    background: #bbb;
    border-radius: 5px;
}
.cart-item .cart-item-right > div > button,
.cart-item .cart-item-right > div > button:hover {
    width: 30px;
    padding: 5px 0;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    background: #bbb;
    border: none;
    cursor: pointer;
}
.cart-item .cart-item-right > div > button:active,
.cart-item .cart-item-right > div > button:focus {
    background: #999;
    border: none;
    outline: none;
}
.cart-item .cart-item-right > div > input {
    flex-grow: 1;
    flex-shrink: 1;
    width: 30px;
    padding: 5px 0;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 4px;
}
.cart-item .cart-item-right > div > input::-webkit-outer-spin-button,
.cart-item .cart-item-right > div > input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.cart-item .cart-item-right > div > input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.cart-item .cart-item-right > button.btn-remove-item {
    align-self: center;
    margin-top: 10px;
    padding: 5px 10px;
    text-decoration: underline;
    color: #0263DA;
    border: none;
    background: transparent;
    border-radius: 5px;
    cursor: pointer;
}
.cart-item .cart-item-right > button.btn-remove-item:focus {
    background: #ddd;
}
.cart-item .cart-item-right > button.btn-remove-item:active {
    color: #333;
    text-decoration: none;
    background: #bbb;
}

.cart-item .cart-item-left > h5 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 2px 0 10px 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
}
.cart-item .cart-item-left > h5 > span:first-child {
    color: #07b;
}
.cart-item .cart-item-left > h5 > span.sep {
    margin: 0 4px;
    color: #333;
}
.cart-item .cart-item-left > h5 > span.discount {
    margin-left: 10px;
    color: #777;
    font-weight: normal;
}
.cart-item .cart-item-left > h5 > span.discount em {
    text-decoration: line-through;
}

.cart-pant-item-name {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}
.cart-pant-item-price {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #ea3931;
}

.menu-cart .cart-foot {
    display: flex;
    flex-direction: column;
    padding: 10px 24px 20px;
    background: #f3f3f3;
}

.menu-cart .cart-shipping-method {
    display: flex;
    flex-direction: row;
    padding: 20px 20px 0;
}
.menu-cart .cart-shipping-method > label {
    flex-grow: 1;
    flex-shrink: 1;
    padding: 10px 5px;
    background: #eee;
    border: 2px solid #eee;
    cursor: pointer;
    text-align: center;
}
.menu-cart .cart-shipping-method > label.selected {
    color: #64af00;
    background: #fff;
    border-color: #64af00;
}
.menu-cart .cart-shipping-method > label:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.menu-cart .cart-shipping-method > label:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.menu-cart .cart-shipping-method > label > input {
    opacity: 0;
    margin-left: -15px;
}

.menu-cart .postal-code-popup-link {
    text-decoration: underline;
    color: #0064cf;
    cursor: pointer;
}

.menu-cart .cart-foot .cart-sub-total {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    font-size: 15px;
}
.menu-cart .cart-foot .cart-sub-total label {}
.menu-cart .cart-foot .cart-sub-total span {}

.menu-cart .cart-foot .cart-vat-total {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    font-size: 15px;
}
.menu-cart .cart-foot .cart-vat-total label {}
.menu-cart .cart-foot .cart-vat-total span {}

.menu-cart .cart-foot .cart-discount {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    font-size: 15px;
}
.menu-cart .cart-foot .cart-discount label {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.menu-cart .cart-foot .cart-discount span {
    color: #64af00;
    text-decoration: line-through;
}
.menu-cart .cart-foot .cart-discount span.remove {
    width: 18px;
    height: 18px;
    margin-left: 5px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;
    color: #fff;
    background: #EA3131;
}
.menu-cart .cart-foot .cart-discount span.remove:hover {
    background: #AC0101;
}

.menu-cart .cart-foot label {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.menu-cart .cart-foot span.remove {
    width: 18px;
    height: 18px;
    margin-left: 5px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;
    color: #fff;
    background: #EA3131;
}
.menu-cart .cart-foot span.remove:hover {
    background: #AC0101;
}

.menu-cart .cart-foot .cart-shipping-price {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    font-size: 15px;
}
.menu-cart .cart-foot .cart-shipping-price label {}
.menu-cart .cart-foot .cart-shipping-price span {}
.menu-cart .cart-foot .cart-shipping-price.free-shipping span {
    text-decoration: line-through;
}

.menu-cart .cart-foot .cart-service-price {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    font-size: 15px;
}
.menu-cart .cart-foot .cart-service-price label {}
.menu-cart .cart-foot .cart-service-price span {}

.menu-cart .cart-foot .cart-total {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    font-size: 20px;
}
.menu-cart .cart-foot .cart-total label {}
.menu-cart .cart-foot .cart-total span {}

.mobile-overlay {
    display: none;
}

.menu-item {
    display: flex;
    flex-direction: row;
    width: 50%;
    height: 240px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}
.menu-item .left,
.menu-item .right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 10px;
    padding: 20px 30px;
    border: 2px solid #ccc;
    background: #fff;
}
.menu-item .left {
    width: 100%;
    flex-grow: 1;
    margin-right: 0;
    border-right: none;
}
.menu-item .right {
    align-items: flex-end;
    flex-grow: 0;
    margin-left: 0;
    padding-left: 0;
    padding-top: 27px;
    border-left: none;
}
.menu-item h3 {
    margin: 10px 0;
    padding: 0;
    font-size: 26px;
    color: #444;
    word-break: break-all;
}
.menu-item div.props {
    display: flex;
    width: 100px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.menu-item div.props > img {
    margin-left: 5px;
}
.menu-item div.props > img:first-child {
    margin-left: 0;
}
.menu-item p.desc {
    margin: 10px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    color: #888;
}
.menu-item p.cnts {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 600;
    color: #555;
}
.menu-item .item-image {
    display: flex;
    justify-content: flex-end;
    width: 140px;
}
.menu-item .item-image > img {
    display: block;
    width: auto;
    height: auto;
    max-width: 140px;
    max-height: 100px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.menu-item .add-to-cart-opener {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 5px;
    background: #444;
    cursor: pointer;
}
.menu-item .add-to-cart-opener span {
    justify-content: flex-end;
    width: 85px;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    background: transparent;
}
.menu-item .add-to-cart-opener span:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 10px 10px;
    background: rgba(0, 0, 0, .1);
}

.cart-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.cart-list {
    width: 40%;
}
.cart-details {
    flex-grow: 1;
    flex-shrink: 1;
    background: #ccc;
}

.cart-list > table {
    width: 100%;
    border-spacing: 0;
}
.cart-list th {
    padding: 20px 10px;
    font-size: 18px;
    text-align: left;
    border-bottom: 2px solid #ddd;
}
.cart-list th.remove {
    text-align: center;
}
.cart-list th.price {
    text-align: center;
}
.cart-list td {
    width: 20px;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.cart-list td.remove {
}
.cart-list td.photo {
}
.cart-list td.photo > img,
.cart-list td.photo > .no-img {
    display: block;
    width: 50px;
    height: 50px;
}
.cart-list td.photo > .no-img {
    background: #f6f6f6;
    border-radius: 25px;
}
.cart-list td.name {
    width: auto;
}
.cart-list td.name > div {
    display: flex;
    text-align: left;
    flex-direction: column;
}
.cart-list td.name > div div.name {
    font-weight: bold;
    font-size: 19px;
    text-align: left;
}
.cart-list td.name > div div.details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 14px;
}
.cart-list td.name div.details > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 3px;
    padding: 3px 5px;
    background: #eee;
    border-radius: 3px;
}
.cart-list td.name div.details > div:first-child {
    margin-left: 0;
}
.cart-list td.name div.details > div > span {
    color: #64af00;
    font-weight: bold;
}
.cart-list td.name div.details > div > span:first-child {
    display: flex;
    margin-right: 4px;
    color: #333;
}

.cart-list td.quantity {
}
.cart-list td.quantity > input {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 1px;
}
.cart-list td.price {
    width: 100px;
}


.add-to-cart-popup {}

.add-to-cart-popup .apopup-footer {
    flex-direction: row;
    align-items: center;
    padding: 10px;
}

.add-to-cart-popup .aw-body > .add-to-cart-form {
    min-width: 400px;
    background: #eee;
}
.add-to-cart-popup .aw-body > .add-to-cart-form > p {
    margin: 0;
    padding: 0 15px 20px 15px;
    background: #fff;
}

.add-to-cart-popup .popup-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.add-to-cart-popup .popup-section > h4 {
    width: 100%;
    margin: 0 0 5px 1%;
    font-size: 17px;
    font-weight: bold;
}
.add-to-cart-popup .popup-section > label {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 48%;
    margin: 1%;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: bold;
}
.add-to-cart-popup .popup-section > label.popup-col-1 {
    width: 100%;
    margin: 1% 0;
}

.add-to-cart-popup .popup-section-rows {
    flex-direction: column;
    align-items: flex-start;
}
.add-to-cart-popup .popup-section-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 5px;
    border-bottom: 1px solid #eee;
}
.add-to-cart-popup .popup-section-col {
    font-size: 18px;
    font-weight: bold;
    color: #666;
}
.add-to-cart-popup .popup-section-col:first-child {
    flex-grow: 1;
    flex-shrink: 1;
    color: #333;
}
.add-to-cart-popup .popup-section-col.ean {
    display: flex;
    flex-direction: column;
}
.add-to-cart-popup .popup-section-col.ean span:last-child {
    font-weight: normal;
    font-size: 15px;
    max-width: 285px;
    overflow: hidden;
    white-space: nowrap;
}
.add-to-cart-popup .popup-section-col.price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #d22;
}
.add-to-cart-popup .popup-section-col.price span.discount {
    font-weight: normal;
    font-size: 16px;
    color: #777;
}
.add-to-cart-popup .popup-section-col.price span.discount em {
    text-decoration: line-through;
}

.add-to-cart-popup .popup-image {
    position: relative;
}
.add-to-cart-popup .popup-image > img {
    display: block;
    width: 100%;
    height: auto
}
.add-to-cart-popup .popup-image .wishlist-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    padding: 0;
    text-indent: -9999px;
    background-color: transparent;
    background: url(../images/heart.png) no-repeat;
    background-size: contain;
    border: none;
    cursor: pointer;
}
.add-to-cart-popup .popup-image .wishlist-button.active {
    background-image: url(../images/heart-active.png);
}

.add-to-cart-popup .popup-sizes {
    border-top: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
}
.add-to-cart-popup .popup-sizes > label {
    width: auto;
    margin: 5px;
    padding: 7px 10px;
    font-size: 18px;
    font-weight: bold;
    font-family: sans-serif;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
}
.add-to-cart-popup .popup-sizes > label > .popup-size-name {
    margin: 0 4px;
}
.add-to-cart-popup .popup-sizes > label > .popup-size-price {
    color: #d22;
}
.add-to-cart-popup .popup-sizes.popup-sizes-only {
    padding: 0;
    border: none;
}
.add-to-cart-popup .popup-sizes-only > label {
    display: none;
}

.add-to-cart-popup .popup-contents {}
.add-to-cart-popup .popup-contents > h4 {}
.add-to-cart-popup .popup-contents > label {}
.add-to-cart-popup .popup-contents > label input {
}
.add-to-cart-popup .popup-contents > label .popup-content-name {
    flex-grow: 1;
    margin: 0 10px;
}
.add-to-cart-popup .popup-contents > label .popup-content-price {
    color: #d22;
}

.add-to-cart-popup .popup-extras {}
.add-to-cart-popup .popup-extras > h4 {}
.add-to-cart-popup .popup-extras > label {}
.add-to-cart-popup .popup-extras > label input {
}
.add-to-cart-popup .popup-extras > label .popup-extra-name {
    flex-grow: 1;
    margin: 0 10px;
    white-space: nowrap;
}
.add-to-cart-popup .popup-extras > label .popup-extra-price {
    color: #d22;
    white-space: nowrap;
}

.add-to-cart-popup .popup-total-price {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 28px;
    font-weight: bold;
    color: #d22;
}
.add-to-cart-popup .popup-total-price > span {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    font-weight: normal;
    color: #888;
    text-decoration: line-through;
}
.add-to-cart-popup .popup-total-price > span.percent {
    padding: 3px 6px;
    border-radius: 3px;
    background: #ea3931;
    color: #fff;
    text-decoration: none;
}
.add-to-cart-popup .add-to-cart-count {
    width: 70px;
    height: 44px;
    padding: 15px;
    padding-right: 0;
    font-size: 17px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-right: none;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.add-to-cart-popup .add-to-cart-count:focus,
.add-to-cart-popup .add-to-cart-count:active {
    outline: none;
}
.add-to-cart-popup .add-to-cart-packaging-type {
    display: inline-block;
    height: 44px;
    padding: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-sizing: border-box;
}
.add-to-cart-popup .add-to-cart-button {
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    margin-left: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #64af00;
    border: 1px solid #64af00;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 5px;
}
.add-to-cart-popup .add-to-cart-button:focus,
.add-to-cart-popup .add-to-cart-button:active {
    background: #569700;
    outline: none;
}

/* END OF MENU STYLES */

.mobile-nav {
    display: none;
    justify-content: center;
    align-items: stretch;
    flex-grow: 0;
    flex-shrink: 0;
}
.mobile-nav .open-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.mobile-nav img {
    display: block;
    width: 48px;
    height: auto;
}
.mobile-nav .feather {
    width: 30px;
    height: 30px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    margin-right: 5px;
}

.webshop-page {
    /*padding-bottom: 40px;*/
    background: #fff;
    border-top: 5px solid #64af00;
}
.show-cart {
    position: fixed;
    bottom: 100px;
    right: 20px;
    padding: 22px 22px 17px 17px;
    background: #ea3931;
    cursor: pointer;
    z-index: -1;
    opacity: 0;
    transition: opacity 1s;
}
.show-cart.visible {
    z-index: 2;
    opacity: 1;
}
.show-cart .feather {
    width: 30px;
    height: 30px;
    color: #fff;
}
.show-cart .item-count {
    position: absolute;
    right: 5px;
    top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    color: #ea3931;
    font-weight: bold;
    line-height: 18px;
    background: #fff;
    border-radius: 30px;
    box-sizing: border-box;
}

.return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 20px;
    background: #666;
    cursor: pointer;
    z-index: -1;
    opacity: 0;
    transition: opacity 1s;
}
.return-to-top.visible {
    z-index: 2;
    opacity: 1;
}
.return-to-top .feather {
    width: 30px;
    height: 30px;
    color: #fff;
}
section.webshop {}
section.webshop > .inner {}

section.webshop > .inner.webshop-header {
    display: block;
    width: 100%;
    max-width: none;
}
section.webshop > .inner.webshop-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    margin: 0 auto;
}
section.webshop > .inner.webshop-content {
    max-width: none;
}
section.webshop > .inner > .menux-start {
    display: flex;
    flex-direction: row;
}
.menux-start .category-title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 300px;
    height: 48px;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    color: #fff;
    background: #ea3931;
}
.menux-start .category-title-text {
    margin-left: 10px;
    font-size: 24px;
    font-weight: 600;
}
.menux-start .product-search {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 1;
    align-items: center;
    height: 48px;
    padding: 5px 10px;
    box-sizing: border-box;
    background: #eee;
}
.menux-start .product-search input {
    flex-grow: 1;
    flex-shrink: 1;
    background: transparent;
    border: none;
    outline: none;
}
.menux-start .product-search input:active,
.menux-start .product-search input:focus {
    background: transparent;
    border: none;
}
.menux-start .product-search button,
.menux-start .product-search button:active,
.menux-start .product-search button:focus {
    border: none;
    cursor: pointer;
    color: #222;
    background: transparent;
}

section.webshop > .inner > .menux-left {
    flex-grow: 0;
    flex-shrink: 0;
    width: 300px;
    box-sizing: border-box;
    border-right: 1px solid #ccc;;
}

.menux-left .category-block {
    width: 300px;
}
.menux-left .category-block.sticky {
    position: fixed;
    top: 48px;
    z-index: 3;
}
.menux-left .category-block .category-list {
    margin: 0;
    padding: 10px 0;
    list-style: none;
}
.menux-left .category-block .category-list li {
    border-bottom: 1px solid #eee;
}
.menux-left .category-block .category-list li a {
    display: flex;
    padding: 15px;
    font-size: 18px;
    text-decoration: none;
    color: #000;
}

section.webshop > .inner > .menux-list {
    flex-grow: 1;
    flex-shrink: 1;
}

.menux-list {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
    padding-top: 48px;
}
.menux-list > .category-header {
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0;
    padding: 15px;
    text-align: center;
    /*background: #f6f6f6;*/
}
.menux-list > .category-header > h2 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: 600;
}
.menux-list > .category-header > div {
    margin-top: 20px;
    font-size: 18px;
}
.menux-list .menux-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
}
.menux-list .menux-item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 310px;
    padding: 30px 10px;
    box-sizing: border-box;
    cursor: pointer;
}
.menux-list .menux-item > div {
    padding: 10px;
}
.menux-list .menux-item > div.photo {
    position: relative;
    padding: 0;
}
.menux-list .menux-item div.photo > img,
.menux-list .menux-item div.photo > .no-img {
    /*display: block;
    width: 100%;
    height: auto;*/
    width: 250px;
    height: 250px;
}
.menux-list .menux-item div.photo > .no-img {
    background: #f6f6f6;
    border-radius: 24px;
}
.menux-list .menux-item div.photo div.props {
    position: absolute;
}
.menux-list .menux-item div.photo div.props img {
    width: 100px;
}
.menux-list .menux-item div.photo > .discount-percent {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #d9142f linear-gradient(to right, #d9142f, #8f0968);
}

.menux-list .menux-item div.name {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    flex-shrink: 1;
    margin-top: 20px;
}
.menux-list .menux-item div.name > h5 {
    width: auto;
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}
.menux-list .menux-item div.name > h5 > span {
    font-weight: 600;
}
.menux-list .menux-item div.name > h4 {
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
.menux-list .menux-item div.name > div.props {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 5px 0 0 0;
}
.menux-list .menux-item div.name > div.props > img {
    display: block;
    margin-right: 5px;
    max-width: 25px;
    max-height: 25px;
}
.menux-list .menux-item div.name > p {
    width: 100%;
    margin: 6px 0 0 0;
    padding: 0;
    color: #666;
    font-size: 17px;
}
.menux-list .menux-item div.name > p:last-child {
    font-style: italic;
    font-size: 15px;
}
.menux-list .menux-item .mobile-price {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
    color: #83bc2e;
}

.menux-list .menux-item div.add-to-cart {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px 20px 0;
    box-sizing: border-box;
}
.menux-list .menux-item div.add-to-cart > div {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.menux-list .menux-item div.add-to-cart > div > input {
    width: 70px;
    height: 44px;
    padding: 15px;
    padding-right: 0;
    font-size: 17px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-right: none;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.menux-list .menux-item div.add-to-cart > div > input:focus,
.menux-list .menux-item div.add-to-cart > div > input:active {
    outline: none;
}
.menux-list .menux-item div.add-to-cart > div > select {
    display: inline-block;
    height: 44px;
    padding: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-sizing: border-box;
}
.menux-list .menux-item div.add-to-cart > button {
    padding: 13px 15px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: none;
    background: #83bc2e;
    border-radius: 5px;
    cursor: pointer;
}
.menux-list .menux-item div.add-to-cart > button:focus {
    box-shadow: 0 0 7px rgba(238, 34, 34, 1);
    outline: none;
}
.menux-list .menux-item div.add-to-cart > button:active {
    color: #fff;
    background: #e22;
    box-shadow: none;
    outline: none;
}
.menux-list .menux-item[data-product-hour-valid="0"] div.add-to-cart > button {
    color: #ccc;
    border: 2px solid #ccc;
    background: #fff;
    box-shadow: none;
    cursor: not-allowed;
}

.add-all-to-cart-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 0 15px 25px;
}
.add-all-to-cart {
    padding: 10px 15px;
    font-size: 1.4em;
    color: #fff;
    background: #83bc2e;
    border: none;
    border-radius: 7px;
    cursor: pointer;
}
.add-all-to-cart:hover {
    background: #75A829;
}
.add-all-to-cart:active {
    background: #649022;
}

.std-page {
    padding-bottom: 100px;
    background: #fff;
}
.std-page-image > img {
    display: block;
    width: 100%;
    height: auto;
}
.std-page > .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 1;
    width: 1300px;
    margin-top: 60px;
}

form > label {
    display: block;
    margin-bottom: 3px;
}

.accordion-container {
    display: flex;
    flex-direction: column;
}
.accordion-container .accordion-item {
    display: flex;
    flex-direction: column;
    border: 1px solid #eee;
    border-top: none;
    cursor: pointer;
}
.accordion-container .accordion-item:first-child {
    border-top: 1px solid #eee;
}
.accordion-container .accordion-item > label {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    background: #f9f9f9;
    cursor: pointer;
}
.accordion-container .accordion-item > label input {
    margin-right: 10px;
}
.accordion-container .accordion-item > .accordion-content {
    display: none;
}
.accordion-container .accordion-item.active > .accordion-content {
    display: flex;
    flex-direction: column;
}

.user-page {
    padding-bottom: 40px;
    background: #f6f6f6;
    border-top: 5px solid #64af00;
}
.user-page > .inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 1;
    width: 1000px;
    margin-top: 60px;
}
.user-page > .inner > .login,
.user-page > .inner > .register {
    width: 50%;
    padding: 40px 50px;
    box-sizing: border-box;
    background: #fff;
    /*background: #64af00;*/
}
.user-page > .inner > .contact {
    /*width: 80%;*/
    max-width: 720px;
    padding: 40px 50px;
    box-sizing: border-box;
    background: #fff;
}

.user-page > .inner > .login h1,
.user-page > .inner > .register h1 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 32px;
}
.user-page > .inner > .contact h1 {
    margin-bottom: 40px;
    text-align: center;
}
.user-page > .inner > .login h1 > a,
.user-page > .inner > .register h1 > a {
    float: right;
    font-size: 1.5rem;
    line-height: 2rem;
}

.user-page > .login-with-register > .login {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.user-page .info-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 0;
    font-size: 16px;
    border-top: 1px solid #ccc;
}
.user-page .info-row:last-child {
    border-bottom: 1px solid #ccc;
}
.user-page .info-row > label {
    width: 180px;
    font-weight: bold;
}
.user-page .form-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.user-page .form-row > input,
.user-page .form-row > select {
    width: 100%;
    padding: 10px;
    line-height: 1.4;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-sizing: border-box;
}
.user-page .form-row > textarea {
    width: 100%;
    height: 120px;
    padding: 10px;
    line-height: 1.4;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-sizing: border-box;
}
.user-page .form-row.remember-forget {
    flex-direction: row;
    justify-content: space-between;
}
.user-page .form-row.remember-forget > label {
    padding: 10px;
}
.user-page .form-row.one-button {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.user-page .form-row.one-button > button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 10px 25px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #64af00;
    border: 1px solid #64af00;
    border-radius: 6px;
    cursor: pointer;
    box-sizing: border-box;
}
.user-page .contact .form-row.one-button > button {
    width: auto;
}
.user-page .form-row.captcha {
    flex-direction: row;
}
.user-page .form-row.captcha input {
    max-width: 240px;
    margin-left: 10px;
}

.user-page > .login-with-register > .register {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
/*.user-page > .inner > .register h1 {
    color: #fff;
}
.user-page .register .form-row > input {
    border: 1px solid #64af00;
}
.user-page .register .form-row.one-button > button {
    margin-top: 10px;
    color: #64af00;
    background: #fff;
    border: 1px solid #64af00;
}*/

.user-page .form-row.one-button > button .feather {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.user-page > .inner > .menu {
    width: 300px;
}
.user-page > .inner > .menu > h2 {
    margin: 0 0 20px 0;
    font-size: 18px;
    /*font-weight: normal;*/
}
.user-page > .inner > .content {
    flex-grow: 1;
    flex-shrink: 1;
}
.user-page > .inner > .content > h2 {
    margin: 0 0 20px 0;
    font-size: 18px;
}
.user-page .content .form-row.one-button {
    justify-content: flex-end;
}
.user-page .content .form-row.one-button > button {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.user-menu-section {
    margin: 0;
    padding: 0;
    list-style: none;
}
.user-menu-section li {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 0;
}
.user-menu-section li span {
    display: block;
}
.user-menu-section li a {
    display: block;
    margin: 0 0 0 10px;
    padding: 7px 0;
    text-decoration: none;
}
.user-menu-section li.active a {
    color: #64af00;
    text-decoration: underline;
}

.user-menu-section .feather {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.user-page .user-addresses {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.user-page .user-address-add {
    max-width: 500px;
    margin-top: 30px;
    text-align: right;
}
.user-page .user-address-add > a {
    font-weight: bold;
    color: #64af00;
}
.user-page .user-addresses .user-address {
    display: flex;
    flex-direction: row;
    max-width: 500px;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}
.user-page .user-addresses .user-address:first-child {
    border-top: 1px solid #ccc;
}

.user-page .user-addresses .user-address > div {
    flex-grow: 1;
    flex-shrink: 1;
}
.user-page .user-addresses .user-address > div > h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}
.user-page .user-addresses .user-address > div > p {
    margin: 10px 0 0 0;
    padding: 0;
}
.user-page .user-addresses .user-address > div > p:last-child {
    margin-top: 5px;
}

.user-page .user-addresses .user-address > div.actions {
    flex-grow: 0;
    flex-shrink: 0;
}
.user-page .user-addresses .user-address > div.actions > a {
    display: block;
    padding: 3px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    color: #d60000;
}
.user-page .user-addresses .user-address > div.actions > a:first-child {
    color: #0255c5;
}

.user-page .form-row.address-name-selector {}
.user-page .form-row.address-name-selector > label {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 3px 0;
}
.user-page .form-row.address-name-selector > label > input {
    margin-right: 10px;
}
.user-page .form-row.address-name-selector > input {
    margin-top: 10px;
}

.user-page form > h4 {
    margin: 20px 0 7px;
}
.user-page form > label {
    display: block;
    margin: 20px 0 5px 2px;
    padding: 2px 0;
    font-size: 14px;
    font-weight: bold;
}

table.user-orders {
    width: 100%;
    padding: 0 10px;
    border-spacing: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}
table.user-orders td {
    padding: 15px;
    border-bottom: 1px solid #ccc;
}
table.user-orders td:first-child {
    width: 50px;
    text-align: center;
}
table.user-orders tr:last-child td {
    border-bottom: none;
}
table.user-orders td a {
    display: block;
    text-decoration: none;
}

.order-detail {}
.order-detail h2,
.order-detail h3 {
    margin: 20px 0 0 0;
    padding: 0 0 0 10px;
    font-size: 18px;
}
.order-detail table {
    width: 100%;
    margin-top: 10px;
    padding: 10px 10px;
    border-spacing: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.order-detail table td {
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
}
.order-detail table tr:last-child td {
    border-bottom: none;
}
.order-detail table ul {
    margin: 10px 0;
    padding: 0 0 0 20px;
}
.order-detail table li.removed-content {
    text-decoration: line-through;
}

.status.new {
    font-weight: bold;
    color: #64af00;
}
.status.preparing {
    font-weight: bold;
    color: #d27604;
}
.status.sent {
    font-weight: bold;
    color: #0255c5;
}
.status.cancelled {
    font-weight: bold;
    color: #333;
}
.status.waiting {
    font-weight: bold;
    color: #d60000;
}

.form-response {
    margin: 20px 0;
    padding: 0 0 0 20px;
    color: #f00;
}
.form-response.inverse {
    color: #fff;
    text-decoration: underline;
}
.form-response .success {
    color: #5aac01;
}
.form-response.inverse .success {
    color: #fff;
}

.align-start {align-items: flex-start;}
.just-start {justify-content: flex-start;}

.order-success-page {
    padding: 100px 0;
    border-top-width: 1px;
    border-top-style: solid;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
    padding: 5px;
    height: 32px;
    margin-left: 10px
}

@media (max-width: 1366px) {
    .menu-item h3 {
        font-size: 22px;
    }
    .menu-item .left,
    .menu-item .right {
        padding: 15px;
    }
    .menu-item .right {
        padding-left: 0;
    }
}

@media (max-width: 992px) {
    body.webshop-body {
        padding-bottom: 70px;
    }
    .sticky-header .wrapper {
        padding-top: 75px;
    }
    header {
        height: 75px;
        /*padding: 0;*/
    }
    header > .inner {
        justify-content: space-between;
        padding: 0 10px;
    }
    header ul.desktop-nav {
        display: none;
    }
    header .logo img {
        height: 50px;
    }
    .mobile-nav {
        display: flex;
    }
    .mobile-nav img {
        width: 36px;
        height: 36px;
    }

    .mobile-nav .close-nav {
        position: fixed;
        top: 5px;
        right: 0;
        display: none;
        padding: 8px;
        z-index: 99;
    }
    .mobile-nav > ul {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
        padding: 0;
        list-style: none;
        z-index: 98;
        background: #fff;
    }
    .mobile-nav.opened .close-nav {
        display: block;
    }
    .mobile-nav.opened > ul {
        display: flex;
    }
    .mobile-nav > ul li {
        width: 100%;
    }
    .mobile-nav > ul a {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        padding: 20px 15px;
        font-size: 16px;
        text-decoration: none;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
    }
    .mobile-nav > ul ul {
        margin: 0;
        padding: 0 0 0 15px;
        list-style: none;
        background: #eee;
    }
    .mobile-nav > ul ul a {
        background: #fff;
    }
    .mobile-nav.user-nav > ul a {
        padding: 15px;
    }
    .mobile-nav.user-nav > ul a .feather {
        width: 22px;
        height: 22px;
        margin-right: 20px;
        stroke-width: 1;
    }

    .main-banner.desktop {
        display: none;
    }
    .main-banner.mobile {
        display: flex;
    }

    footer {
        padding: 40px 20px;
    }

    section > .inner {
        flex-direction: column;
    }

    .map-col {
        height: 400px;
    }

    .autoresize-mobile > img {
        display: block;
        width: 100%;
        height: auto;
    }

    .mobile-overlay.visible {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 9998;
        background: rgba(0, 0, 0, .5);
    }

    .menu-cart {
        top: auto;
        right: 0;
        width: auto;
        margin-top: 20px;
    }
    .block-col > .inner {
        flex-direction: column;
    }
    .block-col .col {
        width: 100%;
    }

    .cart-item .cart-item-left > h4 {
        font-size: 14px;
    }
    .cart-item .cart-item-left > h5 {
        margin-top: 2px;
        font-size: 15px;
    }
    .menu-cart .cart-foot {
        padding: 10px;
    }
    .menu-cart .cart-foot .cart-total span {
        font-size: 24px;
    }
    .menu-cart .cart-shipping-method {
        padding: 10px;
    }
    .menu-cart .cart-content {
        max-height: none;
        padding-top: 5px;
    }
    .show-cart {
        display: none !important;
    }

    .cart-info {
        position: fixed;
        left: 0; right: 0; bottom: -1px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 -5px 10px rgba(0, 0, 0, .3);
    }
    .cart-info .left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
        cursor: pointer;
    }
    .cart-info .left .helper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: -40px 0 0 -10px;
        padding: 0 10px;
        font-size: 12px;
        background: #fff;
        border-top-right-radius: 10px;
        box-shadow: 0 -5px 5px rgba(0, 0, 0, .3);
    }
    .cart-info .left .total {
        padding-top: 10px;
        font-size: 24px;
        font-weight: bold;
    }
    .cart-info .left .count {
        color: #888;
    }

    .cart-info .right {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        flex-grow: 1;
        flex-shrink: 1;
        margin-left: 15px;
        padding: 0 15px;
        border-left: 4px dotted #ddd;
    }
    .cart-info .right .payment-button {
        padding: 9px 30px;
    }

    .webshop-page {
        border-top: none;
    }
    section.webshop > .inner > .menux-start {
        flex-direction: column;
    }
    .menux-start .category-title {
        width: 100%;
        box-sizing: border-box;
    }
    section.webshop > .inner > .menux-left {
        /*display: none;*/
        width: 100%;
    }
    .menux-left .category-block {
        width: 100%;
        display: none;
    }
    .category-list-visible .menux-left .category-block {
        display: flex;
    }

    .menux-left .category-block.sticky {
        z-index: 9999;
    }
    .category-block .category-title {
    }
    .category-block .category-title-text {
        margin: 0;
        padding: 15px;
        text-align: center;
        font-size: 20px;
    }
    .category-block .category-list {
        display: none;
        padding: 0;
    }
    .category-block .category-list.visible {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 9999;
        overflow: auto;
    }

    .menu-cart.visible {
        position: fixed;
        left: 10px;
        right: 10px;
        top: 10px;
        bottom: 20px;
        margin-top: 0;
    }
    .return-to-top {
        right: 20px;
        bottom: 90px;
        padding: 10px;
    }
    .user-page > .inner > .contact {
        padding: 20px;
    }
    .user-page > .inner > .contact h1 {
        margin: 0 0 20px 0;
    }
    .user-page .form-row.one-button > button {
        padding: 7px 15px;
    }
    .std-page {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .std-page-title {
        margin-bottom: 0;
    }
    .std-page > .inner,
    .user-page > .inner {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-top: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .user-page > .inner > .login,
    .user-page > .inner > .register {
        width: auto;
        margin: 20px;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 6px;
    }
    .user-page .form-row.remember-forget {
        flex-direction: column;
    }
    .user-page > .inner > .menu {
        width: 100%;
    }
    .user-page > .inner > .menu > h2,
    .user-page > .inner > .menu > ul {
        display: none;
    }
    .user-page > .inner > .content {
        width: 100%;
        padding: 20px;
        background: #fff;
        box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    section h2 {
        font-size: 24px;
        margin: 0 0 20px 0;
    }

    .two-col .col,
    .three-col .col,
    .four-col .col {
        width: 100%;
        margin-top: 20px;
        padding: 0;
    }
    .two-col .col:first-child,
    .three-col .col:first-child,
    .four-col .col:first-child {
        margin-top: 0;
    }
    .col.img-c,
    .col.img-c:first-child,
    .col.img-c:last-child {
        justify-content: center;
    }
    .col.img-c > img {
        width: 100%;
    }
    .map-col {
        height: 350px;
    }
    .one-col > img:first-child:last-child {
        width: auto;
        max-width: 100%;
        height: 150px;
    }

    img.autoresize-mob,
    .autoresize-mob > img {
        display: block;
        width: 100%;
        height: auto;
    }

    .menu-item {
        width: 100%;
    }

    .add-to-cart-popup .aw-body > .add-to-cart-form {
        min-width: 100%;
    }

    .home-slider > .swiper .swiper-button-next:after,
    .home-slider > .swiper .swiper-button-prev:after {
        font-size: 22px;
    }
    .home-slider > .swiper .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    footer > .inner {
        flex-direction: column;
    }
    footer > .inner > ul {
        width: 100%;
        padding-bottom: 20px;
    }
    footer > .inner > ul:last-child {
        width: 100%;
        padding-bottom: 0;
    }
    footer > .inner > ul li,
    footer > .inner > ul:last-child li {
        text-align: center;
    }
    footer > .inner.copyright {
        align-items: center;
        padding: 20px;
    }

    .menux-list > h2 {
        font-size: 21px;
    }
    .menux-list .menux-item > div {
        /*padding: 0;*/
    }
    .menux-list .menux-item div.photo {
        padding-right: 10px;
    }
    .menux-list .menux-item div.photo > img,
    .menux-list .menux-item div.photo > .no-img {
        width: 140px;
        height: 140px;
    }
    .menux-list .menux-item div.photo div.props img {
        width: 64px;
    }
    .menux-list .menux-item div.photo > .discount-percent {
        margin-bottom: 5px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
    }
    .menux-list .menux-item div.name {
        flex-wrap: wrap;
    }
    .menux-list .menux-item div.name > h4 {
        font-size: 15px;
    }
    .menux-list .menux-item div.name > p,
    .menux-list .menux-item div.name > p:last-child {
        margin: 0;
        font-size: 12px;
    }
    .menux-list .menux-item div.name > div.props {
        margin-left: 5px;
    }
    .menux-list .menux-item div.name > div.props > img {
        max-width: 18px;
        max-height: 18px;
    }
    .menux-list .menux-item > .price {
        display: none;
    }
    .menux-list .menux-item .mobile-price {
        display: block;
        margin: 8px 0 0 0;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
    }
    .menux-list .menux-item div.add-to-cart > button {
        padding: 10px 13px 8px;
        font-size: 15px;
    }
    .add-to-cart-popup .popup-sizes > label {
        font-size: 15px;
    }
    .add-to-cart-popup .popup-section {
        flex-direction: column;
    }
    .add-to-cart-popup .popup-section > label {
        width: 100%;
        margin: 5px 0;
        box-sizing: border-box;
    }
    .add-to-cart-popup .popup-total-price {
        font-size: 20px;
    }
    .add-to-cart-popup .add-to-cart-count {
        padding: 10px;
        font-size: 15px;
    }
    .add-to-cart-popup .add-to-cart-button {
        font-size: 15px;
    }
    .add-to-cart-popup .apopup-footer {
        padding-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .menux-list .menux-item {
        width: 50%;
    }
    .menux-list .menux-item div.add-to-cart {
        flex-direction: column;
    }
    .menux-list .menux-item div.add-to-cart > button {
        width: 100%;
        margin-top: 15px;
        box-sizing: border-box;
    }
    .menux-list .menux-item div.add-to-cart > div > input {
        padding: 10px;
    }
}

@media (max-height: 720px) {
}

@media (max-height: 660px) {
}

@media (max-height: 570px) {
    .menu-cart .cart-shipping-method > label {
        font-size: 13px;
        padding: 5px;
    }
}