/*!
Theme Name:   	Storefront
Theme URI:    	https://woocommerce.com/storefront
Author:         Automattic
Author URI:     https://woocommerce.com/
Description:  	Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love it's lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      	2.2.7
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our sass here; https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later

======
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
======
*/


/*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */

@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@font-face {
    font-family: "AgencyFB";
    src: url("fonts/AgencyFB.ttf") format("truetype");
}

html {
    font-family: "AgencyFB";
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

body {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

body,
button,
input,
textarea {
    color: #43454b;
    font-family: "AgencyFB", "Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.618;
    text-rendering: optimizeLegibility;
    font-weight: 400;
}

select {
    color: initial;
    font-family: "Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 300;
    margin: 0 0 .5407911001em;
    color: #131315;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: 300;
}

.alpha,
h1 {
    font-size: 2.617924em;
    line-height: 1.214;
    letter-spacing: -1px;
    margin-bottom: 0;
}

.beta,
h2 {
    font-size: 2em;
    line-height: 1.214;
}

.beta+h3,
h2+h3 {
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding-top: .5407911001em;
}

.gamma,
h3 {
    font-size: 1.618em;
}

.delta,
h4 {
    font-size: 1.41575em;
}

.alpha,
.beta,
.delta,
.gamma {
    display: block;
}

blockquote+h2,
blockquote+h3,
blockquote+h4,
blockquote+header h2,
form+h2,
form+h3,
form+h4,
form+header h2,
ol+h2,
ol+h3,
ol+h4,
ol+header h2,
p+h2,
p+h3,
p+h4,
p+header h2,
table+h2,
table+h3,
table+h4,
table+header h2,
ul+h2,
ul+h3,
ul+h4,
ul+header h2 {
    margin-top: 2.2906835em;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 0 0 1.41575em;
}

p {
    margin: 0 0 1.41575em;
}

ol,
ul {
    margin: 0 0 1.41575em 3em;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ol,
li>ul {
    margin-bottom: 0;
    margin-left: 1em;
}

dt {
    font-weight: 600;
}

dd {
    margin: 0 0 1.618em;
}

b,
strong {
    font-weight: 600;
}

cite,
dfn,
em,
i {
    font-style: italic;
}

blockquote {
    padding: 0 1em;
    border-left: 3px solid rgba(0, 0, 0, .05);
    font-style: italic;
}

address {
    margin: 0 0 1.41575em;
}

pre {
    background: rgba(0, 0, 0, .1);
    font-family: "Courier 10 Pitch", Courier, monospace;
    margin-bottom: 1.618em;
    padding: 1.618em;
    overflow: auto;
    max-width: 100%
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    background-color: rgba(0, 0, 0, .05);
    padding: .202em .5407911001em;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

ins,
mark {
    text-decoration: none;
    font-weight: 600;
    background: 0 0;
}

sub,
sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%
}

big {
    font-size: 125%
}

figure {
    margin: 0;
}

table {
    margin: 0 0 1.41575em;
    width: 100%
}

img {
    height: auto;
    max-width: 100%;
    display: block;
}

a {
    color: #2c2d33;
    text-decoration: none;
    font-weight: 400;
}

a:focus {
    outline: 1px dotted #96588a;
}

.storefront-cute * {
    font-family: "Comic Sans MS", sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    background-color: #fff;
    overflow-x: hidden;
}

.site {
    overflow-x: hidden;
}

.header-widget-region,
.site-content {
    -webkit-tap-highlight-color: transparent;
}

.home .header-widget-region {
    color: white;
    float: right;
    clear: right;
    top: 7px;
}

.home p {
    margin: 0;
}

.site-header {
    background-color: #2c2d33;
    padding-top: .618em;
    padding-bottom: 1.618em;
    color: #9aa0a7;
    background-position: center center;
    position: relative;
    z-index: 999;
    border-bottom: 1px solid transparent;
}

.site-header .custom-logo-link,
.site-header .site-logo-anchor,
.site-header .site-logo-link {
    display: block;
}

.site-header .custom-logo-link img,
.site-header .site-logo-anchor img,
.site-header .site-logo-link img {
    max-width: 210px;
}

.site-header .custom-logo-link,
.site-header .site-branding,
.site-header .site-logo-anchor,
.site-header .site-logo-link {
    margin-bottom: 0;
    float: left;
}

.site-header .widget {
    margin-bottom: 0;
}

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
    margin-bottom: 4.235801032em;
}

.no-wc-breadcrumb .site-header {
    margin-bottom: 4.235801032em;
}

.no-wc-breadcrumb.page-template-template-homepage .site-header {
    margin-bottom: 0;
}

.home .site-header {
    background: transparent;
    border: none;
}

.header-widget-region {
    position: relative;
    z-index: 99;
}

.site-branding .site-title {
    font-size: 2em;
    letter-spacing: -1px;
    margin: 0;
}

.site-branding .site-title a {
    font-weight: 700;
    letter-spacing: 5px;
    font-size: 36px;
    text-decoration: none;
    /*background: url(http://briar.in.ua/wp-content/uploads/2018/09/2.jpg);*/
    background: url(http://briar.in.ua/wp-content/uploads/2020/04/logo.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent;
    position: relative;
    top: 8px;
}

.home .site-branding .site-title a {
    top: -19px;
}

.home .site-branding .site-title {
    white-space: nowrap;
}

.site-title a:hover {
    color: transparent !important;
}

.home .site-branding .site-title a {
    background: none;
}

.site-branding .site-description {
    font-size: 8px;
    display: none;
    letter-spacing: 4px;
    padding-left: 2px;
}

.site-main {
    /*margin-bottom: 2.617924em;*/
}

.site-content {
    outline: 0;
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 4.235801032em;
}

.page-template-template-homepage .type-page {
    padding-top: 2.617924em;
    padding-bottom: 2.617924em;
    position: relative;
}

.page-template-template-homepage .type-page .storefront-hero__button-edit {
    position: absolute;
    top: 1em;
    right: 1em;
    font-size: .875em;
}

.page-template-template-homepage .entry-content {
    font-size: 1.1em;
}

.page-template-template-homepage .entry-content p:last-child {
    margin-bottom: 0;
}

.page-template-template-homepage .entry-header h1 {
    font-size: 3.706325903em;
    margin-bottom: .2360828548em;
}

.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header {
    max-width: 41.0994671405em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
    background-size: cover;
    background-position: center center;
    padding-top: 6.8535260698em;
    padding-bottom: 6.8535260698em;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
    opacity: 0;
    -webkit-transition: all, ease, .5s;
    transition: all, ease, .5s;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded {
    opacity: 1;
}

.site-footer {
    background-color: #f3f3f3;
    color: #76787e;
    padding: .218em 0;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: #65676d;
}

.site-footer a:not(.button) {
    color: #2c2d33;
}

.site-info {
    padding: .2em 0;
    display: none;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

.screen-reader-text {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    display: block;
    font-weight: 700;
    height: auto;
    left: 0;
    line-height: normal;
    padding: 1em 1.618em;
    text-decoration: none;
    top: 0;
    width: auto;
    z-index: 100000;
    outline: 0;
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table;
}

.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
    clear: both;
}

table {
    border-spacing: 0;
    width: 100%;
    border-collapse: separate;
}

table caption {
    padding: 1em 0;
    font-weight: 600;
}

table td,
table th {
    padding: 1em 1.41575em;
    text-align: left;
    vertical-align: top;
}

table td p:last-child,
table th p:last-child {
    margin-bottom: 0;
}

table th {
    font-weight: 600;
}

table thead th {
    padding: 1.41575em;
    vertical-align: middle;
}

table tbody h2 {
    font-size: 1em;
    letter-spacing: normal;
    font-weight: 400;
}

table tbody h2 a {
    font-weight: 400;
}

.error404 .site-content .widget_product_search {
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .025);
}

.error404 .site-content .widget_product_search form {
    margin: 0;
}

.error404.left-sidebar .content-area,
.error404.right-sidebar .content-area {
    width: 100%
}

.error404 .fourohfour-columns-2 {
    padding: 2.617924em 0;
    border: 1px solid rgba(0, 0, 0, .05);
    border-width: 1px 0;
    margin-bottom: 2.617924em;
}

.error404 .fourohfour-columns-2:after,
.error404 .fourohfour-columns-2:before {
    content: "";
    display: table;
}

.error404 .fourohfour-columns-2:after {
    clear: both;
}

.error404 .fourohfour-columns-2 .widget,
.error404 .fourohfour-columns-2 ul.products,
.error404 .fourohfour-columns-2 ul.products li.product {
    margin-bottom: 0;
}

.error404 .fourohfour-columns-2 .col-1 {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%
}

.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
    width: 45.4545454545%;
    float: left;
    margin-right: 9.0909090909%
}

.error404 .fourohfour-columns-2 .col-2 {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .025);
}

#comments {
    padding-top: 2.617924em;
}

#comments .comments-title {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-bottom: .5407911001em;
    margin-bottom: 1.618em;
}

#comments .comment-list {
    list-style: none;
    margin-left: 0;
}

#comments .comment-list .comment-body:after,
#comments .comment-list .comment-body:before {
    content: "";
    display: table;
}

#comments .comment-list .comment-body:after {
    clear: both;
}

#comments .comment-list .comment-content {
    padding-bottom: 1.618em;
    margin-bottom: 1.618em;
}

#comments .comment-list .comment-content .comment-text {
    padding: 1.618em;
    border-radius: 3px;
}

#comments .comment-list .comment-content .comment-text p:last-child {
    margin-bottom: 0;
}

#comments .comment-list .comment-meta {
    margin-bottom: 1em;
}

#comments .comment-list .comment-meta .avatar {
    margin-bottom: 1em;
    max-width: 64px;
    height: auto;
}

#comments .comment-list .comment-meta a.comment-date {
    font-size: .875em;
}

#comments .comment-list .comment-meta cite {
    font-style: normal;
    clear: both;
    display: block;
}

#comments .comment-list .reply {
    margin-bottom: 1.618em;
    padding-top: .6180469716em;
}

#comments .comment-list .reply:after,
#comments .comment-list .reply:before {
    content: "";
    display: table;
}

#comments .comment-list .reply:after {
    clear: both;
}

#comments .comment-list .reply a {
    display: inline-block;
    margin-right: 1em;
}

#comments .comment-list .reply a:last-child {
    margin-right: 0;
}

#comments .comment-list .children {
    list-style: none;
}

.comment-content a {
    word-wrap: break-word;
}

#respond {
    clear: both;
    padding: 1.618em;
    background-color: rgba(0, 0, 0, .0125);
    position: relative;
}

#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
    width: 100%
}

#respond .form-submit,
#respond form {
    margin-bottom: 0;
}

#respond #cancel-comment-reply-link {
    position: absolute;
    top: .5407911001em;
    right: .5407911001em;
    display: block;
    height: 1em;
    width: 1em;
    overflow: hidden;
    line-height: 1;
    font-size: 1.41575em;
    text-align: center;
    -webkit-transition: ease, .3s, -webkit-transform;
    transition: ease, .3s, -webkit-transform;
    transition: transform, ease, .3s;
    transition: transform, ease, .3s, -webkit-transform;
}

#respond #cancel-comment-reply-link:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.hentry {
    margin: 0 0 4.235801032em;
}

.hentry .wp-post-image {
    margin-bottom: 1.618em;
    margin-left: auto;
    margin-right: auto;
}

.hentry .entry-header {
    margin-bottom: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.hentry .entry-header .byline,
.hentry .entry-header .posted-on {
    font-size: .875em;
}

.hentry .entry-header .byline a,
.hentry .entry-header .posted-on a {
    font-weight: 600;
    text-decoration: underline;
}

.hentry .entry-header .byline a:hover,
.hentry .entry-header .posted-on a:hover {
    text-decoration: none;
}

.hentry .entry-meta {
    font-weight: 400;
}

.hentry.type-page .entry-header {
    border-bottom: 0;
    margin-bottom: 0;
}

.byline,
.updated:not(.published) {
    display: none;
}

.group-blog .byline,
.single .byline {
    display: inline;
}

.page-links {
    clear: both;
    margin: 0 0 1em;
}

.author,
.cat-links,
.comments-link,
.tags-links {
    display: block;
    margin-bottom: 1.618em;
}

.author .avatar {
    width: 64px;
    margin-bottom: 1em;
}

form {
    margin-bottom: 1.618em;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

.added_to_cart,
.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    border: 0;
    background: 0 0;
    background-color: #43454b;
    border-color: #43454b;
    color: #fff;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
}

.added_to_cart.alt,
.added_to_cart.cta,
.button.alt,
.button.cta,
button.alt,
button.cta,
input[type=button].alt,
input[type=button].cta,
input[type=reset].alt,
input[type=reset].cta,
input[type=submit].alt,
input[type=submit].cta {
    background-color: #2c2d33;
    border-color: #2c2d33;
}

.added_to_cart.alt:hover,
.added_to_cart.cta:hover,
.button.alt:hover,
.button.cta:hover,
button.alt:hover,
button.cta:hover,
input[type=button].alt:hover,
input[type=button].cta:hover,
input[type=reset].alt:hover,
input[type=reset].cta:hover,
input[type=submit].alt:hover,
input[type=submit].cta:hover {
    background-color: #2c2d33;
}

.added_to_cart:hover,
.button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    color: #fff;
}

.added_to_cart:focus,
.button:focus,
button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
    outline: 1px dotted #96588a;
}

.added_to_cart.loading,
.button.loading,
button.loading,
input[type=button].loading,
input[type=reset].loading,
input[type=submit].loading {
    opacity: .5;
}

.added_to_cart.small,
.button.small,
button.small,
input[type=button].small,
input[type=reset].small,
input[type=submit].small {
    padding: .5407911001em .875em;
    font-size: .875em;
}

.added_to_cart.disabled,
.added_to_cart:disabled,
.button.disabled,
.button:disabled,
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled {
    opacity: .5!important;
    cursor: not-allowed;
}

.added_to_cart.disabled:hover,
.added_to_cart:disabled:hover,
.button.disabled:hover,
.button:disabled:hover,
button.disabled:hover,
button:disabled:hover,
input[type=button].disabled:hover,
input[type=button]:disabled:hover,
input[type=reset].disabled:hover,
input[type=reset]:disabled:hover,
input[type=submit].disabled:hover,
input[type=submit]:disabled:hover {
    opacity: .5!important;
}

input[type=checkbox],
input[type=radio] {
    padding: 0;
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type=search] {
    box-sizing: border-box;
}

input[type=search]::-webkit-input-placeholder {
    color: #616161;
}

input[type=search]::-moz-placeholder {
    color: #616161;
}

input[type=search]:-ms-input-placeholder {
    color: #616161;
}

input[type=search]::placeholder {
    color: #616161;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.input-text,
input[type=email],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
textarea {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
}

.input-text:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
    background-color: #e6e5e5;
    color: #2b2c30;
}

.home input[type=search]:focus,
.home input[type=search] {
    background: white;
    opacity: .9;
}

.home input[type=search]:hover {
    background: #f0f0f0;
    opacity: 1;
}

textarea {
    overflow: auto;
    padding-left: .875em;
    vertical-align: top;
    width: 100%
}

label {
    font-weight: 400;
}

label.inline input {
    width: auto;
}

fieldset {
    padding: 1.618em;
    padding-top: 1em;
    border: 0;
    margin: 0;
    margin-bottom: 1.618em;
    margin-top: 1.618em;
}

fieldset legend {
    font-weight: 600;
    padding: .6180469716em 1em;
    margin-left: -1em;
}

[placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity .5s .5s ease;
    transition: opacity .5s .5s ease;
    opacity: 0;
}

img {
    border-radius: 3px;
}

.comment-content img.wp-smiley,
.entry-content img.wp-smiley,
.page-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    display: inline-block;
    border-radius: 0;
}

.wp-caption {
    margin-bottom: 1em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0 auto;
}

.wp-caption .wp-caption-text {
    text-align: left;
    font-style: italic;
    border-bottom: 2px solid rgba(0, 0, 0, .05);
    padding: 1em 0;
}

.gallery {
    margin-bottom: 1em;
}

.gallery:after,
.gallery:before {
    content: "";
    display: table;
}

.gallery:after {
    clear: both;
}

.gallery .gallery-item {
    float: left;
}

.gallery .gallery-item .gallery-icon a {
    display: block;
}

.gallery .gallery-item .gallery-icon img {
    border: none;
    height: auto;
    margin: 0 auto;
}

.gallery .gallery-item .gallery-caption {
    margin: 0;
    text-align: center;
}

.gallery.gallery-columns-1 .gallery-item {
    width: 100%
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery.gallery-columns-3 .gallery-item {
    width: 33.3%
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20%
}

.gallery.gallery-columns-6 .gallery-item {
    width: 16.666666667%
}

.gallery.gallery-columns-7 .gallery-item {
    width: 14.285714286%
}

.gallery.gallery-columns-8 .gallery-item {
    width: 12.5%
}

.gallery.gallery-columns-9 .gallery-item {
    width: 11.111111111%
}

embed,
iframe,
object,
video {
    max-width: 100%
}

.secondary-navigation {
    display: none;
}

button.menu-toggle {
    cursor: pointer;
    text-align: left;
    float: right;
    position: relative;
    border: 2px solid transparent;
    box-shadow: none;
    border-radius: 2px;
    background-image: none;
    padding: .6180469716em .875em .6180469716em 2.617924em;
    font-size: .875em;
}

button.menu-toggle:hover {
    background-image: none;
}

button.menu-toggle span:before {
    -webkit-transition: all, ease, .2s;
    transition: all, ease, .2s;
}

button.menu-toggle span:before,
button.menu-toggle:after,
button.menu-toggle:before {
    content: "";
    display: block;
    height: 2px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: 1em;
    margin-top: -1px;
    -webkit-transition: all, ease, .2s;
    transition: all, ease, .2s;
    border-radius: 3px;
}

button.menu-toggle:before {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}

button.menu-toggle:after {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
}

.toggled button.menu-toggle:after,
.toggled button.menu-toggle:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggled button.menu-toggle:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.toggled button.menu-toggle span:before {
    opacity: 0;
}

.primary-navigation,
.menu-ukr_desktop-navigation {
    display: none;
}

.main-navigation:after,
.main-navigation:before {
    content: "";
    display: table;
}

.main-navigation:after {
    clear: both;
}

.main-navigation div.menu {
    display: none;
}

.main-navigation div.menu:last-child {
    display: block;
}

.main-navigation .menu {
    clear: both;
}

.handheld-navigation,
.menu-ukr_mobile-navigation,
.main-navigation div.menu>ul:not(.nav-menu),
.nav-menu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all, ease, .8s;
    transition: all, ease, .8s;
}

.handheld-navigation,
.menu-ukr_mobile-navigation {
    clear: both;
}

.handheld-navigation ul,
.menu-ukr_mobile-navigation ul {
    margin: 0;
}

.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu-ukr_mobile-navigation .main-navigation.toggled .menu>ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded=true] {
    max-height: 1750px;
}

.main-navigation ul {
    margin-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.main-navigation ul ul {
    display: block;
    margin-left: 1.41575em;
}

.main-navigation ul li a {
    padding: .875em 0;
    display: block;
}

.main-navigation ul li a:hover {
    color: white !important;
    background: #675d61;
}

.home .main-navigation ul li a:hover {
    background: transparent;
    /*color: #cdfe31 !important;*/
    color: #f0f0f0 !important;
}

.site-main nav.navigation {
    clear: both;
    padding: 2.617924em 0;
}

.site-main nav.navigation:after,
.site-main nav.navigation:before {
    content: "";
    display: table;
}

.site-main nav.navigation:after {
    clear: both;
}

.site-main nav.navigation .nav-next a,
.site-main nav.navigation .nav-previous a {
    display: inline-block;
    -webkit-transition: all, ease, .3s;
    transition: all, ease, .3s;
    padding: .6180469716em 1em;
    border-radius: 3px;
}

.site-main nav.navigation .nav-previous {
    float: left;
    width: 50%
}

.site-main nav.navigation .nav-previous a:hover {
    -webkit-transform: translate(-1em);
    -ms-transform: translate(-1em);
    transform: translate(-1em);
}

.site-main nav.navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.site-main nav.navigation .nav-next a:hover {
    -webkit-transform: translate(1em);
    -ms-transform: translate(1em);
    transform: translate(1em);
}

.pagination,
.woocommerce-pagination {
    padding: 1em 0;
    border: 1px solid rgba(0, 0, 0, .05);
    border-width: 1px 0;
    text-align: center;
    clear: both;
}

.pagination ul.page-numbers:after,
.pagination ul.page-numbers:before,
.woocommerce-pagination ul.page-numbers:after,
.woocommerce-pagination ul.page-numbers:before {
    content: "";
    display: table;
}

.pagination ul.page-numbers:after,
.woocommerce-pagination ul.page-numbers:after {
    clear: both;
}

.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
    list-style: none;
    margin: 0;
}

.pagination .page-numbers li,
.woocommerce-pagination .page-numbers li {
    display: inline-block;
}

.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
    border-left-width: 0;
    display: inline-block;
    padding: .3342343017em .875em;
    background-color: rgba(0, 0, 0, .025);
    color: #43454b;
}

.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #2c2d33;
    border-color: #2c2d33;
}

.pagination .page-numbers li .page-numbers.dots,
.woocommerce-pagination .page-numbers li .page-numbers.dots {
    background-color: transparent;
}

.pagination .page-numbers li .page-numbers.next,
.pagination .page-numbers li .page-numbers.prev,
.woocommerce-pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.prev {
    padding-left: 1em;
    padding-right: 1em;
}

.pagination .page-numbers li a.page-numbers:hover,
.woocommerce-pagination .page-numbers li a.page-numbers:hover {
    background-color: rgba(0, 0, 0, .05);
}

.rtl .pagination a.next,
.rtl .pagination a.prev,
.rtl .woocommerce-pagination a.next,
.rtl .woocommerce-pagination a.prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.widget {
    /*margin: 0 0 1.706325903em;*/
}

.widget select {
    max-width: 100%
}

.widget .widget-search .search-submit {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
}

.widget .widget-title,
.widget .widgettitle {
    text-align: center;
    font-size: 1.41575em;
    letter-spacing: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    /*padding: 0 0 1em;
    margin-bottom: 0.4em;*/
    font-weight: 300;
}

.widget ul {
    margin-left: 0;
    list-style: none;
}

.widget ul ul {
    margin-left: 1.618em;
}

.widget-area .widget {
    font-weight: 400;
}

.widget-area .widget a.button {
    font-weight: 600!important;
}

.header-widget-region:after,
.header-widget-region:before {
    content: "";
    display: table;
}

.header-widget-region:after {
    clear: both;
}

.header-widget-region .widget {
    margin: 0;
    padding: 0;
    font-size: .875em;
}

.widget_product_search form,
.widget_search form {
    position: relative;
}

.widget_product_search form input[type=search],
.widget_product_search form input[type=text],
.widget_search form input[type=search],
.widget_search form input[type=text] {
    width: 100%
}

.widget_product_search form button[type=submit],
.widget_product_search form input[type=submit],
.widget_search form button[type=submit],
.widget_search form input[type=submit] {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    top: 0;
    left: 0;
}

.widget_archive ul,
.widget_categories ul,
.widget_layered_nav ul,
.widget_layered_nav_filters ul,
.widget_links ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_product_categories ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
    margin: 0;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li,
.widget_links ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_product_categories ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li {
    list-style: none;
    margin-bottom: 1em;
    line-height: 1.41575em;
}

.widget_archive ul .children,
.widget_categories ul .children,
.widget_layered_nav ul .children,
.widget_layered_nav_filters ul .children,
.widget_links ul .children,
.widget_nav_menu ul .children,
.widget_pages ul .children,
.widget_product_categories ul .children,
.widget_recent_comments ul .children,
.widget_recent_entries ul .children {
    margin-top: .6180469716em;
    margin-left: 1.618em;
}

.widget_archive ul .children,
.widget_categories ul .children,
.widget_layered_nav ul .children,
.widget_layered_nav_filters ul .children,
.widget_links ul .children,
.widget_nav_menu ul .children,
.widget_pages ul .children,
.widget_product_categories ul .children,
.widget_recent_comments ul .children,
.widget_recent_entries ul .children {
    margin-left: 0;
    margin-top: 1em;
}

.footer-widgets #wp-calendar td,
.footer-widgets #wp-calendar th,
.widget-area #wp-calendar td,
.widget-area #wp-calendar th {
    padding: .236em;
    text-align: center;
}

.widget_pages ul ul.children,
.widget_recent_entries ul ul.children {
    margin: .6180469716em 0 0 1.41575em;
}

.widget_rating_filter .wc-layered-nav-rating {
    margin-bottom: .6180469716em;
}

.widget_rating_filter .wc-layered-nav-rating a {
    text-decoration: none!important;
}

.widget_rating_filter .wc-layered-nav-rating .star-rating {
    display: inline-block;
    height: 1em;
    line-height: 1;
}

.widget-area .widget {
    font-size: .875em;
}

.widget-area .widget h1.widget-title {
    font-size: 1.41575em;
}

.widget-area .widget a:not(.button) {
    font-weight: 600;
    text-decoration: underline;
}

.widget-area .widget a:not(.button):hover {
    text-decoration: none;
}

@media (min-width:768px) {
    table.shop_table_responsive tbody tr td,
    table.shop_table_responsive tbody tr th {
        text-align: left;
    }
    .site-header {
        /*padding-top: 2.617924em;*/
        padding-bottom: 0;
    }
    .site-header .site-branding {
        display: block;
        /* width: 21%; */
        width: 14%;
        float: left;
        margin-top: 20px !important;
        /*margin-right: 4.347826087%;*/
        clear: both;
        top: -10px;
        position: relative;
    }
    .home .site-header .site-branding {
        width: 30%;
        text-align: left;
        margin-top: 0;
    }
    .home .site-header .site-branding img {
        height: 110px;
        width: auto;
        top: 5px;
        left: 20px;
        position: relative;
        margin-bottom: 25px;
    }
    .site-header .site-branding img {
        /*height: auto;
        max-width: 100%;
        max-height: none;*/
        height: 50px;
        width: auto;
    }
    .woocommerce-active .site-header .secondary-navigation {
        width: 28%;
        width: auto;
        float: left;
        text-align: center;
        margin-top: 20px;
        /*margin-right: 4.347826087%*/
        padding: 1.718em 15px 1.518em !important;
        margin: 0;
        float: right;
    }
    .woocommerce-active .site-header .site-search {
        width: 15%;
        float: left;
        margin-top: 20px;
        margin-right: 0;
        clear: none;
    }
    .home .site-header .site-search {
        width: 21.7391304348%;
        margin-left: 10px;
        float: none;
        clear: both;
    }
    .home .widget,
    .home .site-search {
        margin: 0;
    }
    .woocommerce-active .site-header .main-navigation {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%;
        clear: both;
    }
    .home #site-navigation {
        width: 35%;
    }
    .woocommerce-active .site-header .site-header-cart {
        /*width: 21.7391304348%;*/
        width: 19%;
        width: auto;
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        height: 50px;
        float: right;
    }
    .home .site-header-cart {
        display: none;
    }
    .site-branding .site-description {
        margin-bottom: 0;
        display: none;
    }
    .custom-logo-link,
    .site-branding,
    .site-header-cart,
    .site-logo-anchor,
    .site-logo-link,
    .site-search {
        margin-bottom: 1.41575em;
    }
    .site-header .subscribe-and-connect-connect {
        float: right;
        margin-bottom: 1em;
    }
    .site-header .subscribe-and-connect-connect .icons {
        list-style: none;
        margin: 0;
    }
    .site-header .subscribe-and-connect-connect .icons a {
        font-size: 1em!important;
    }
    .site-header .subscribe-and-connect-connect .icons li {
        margin: 0 0 0 .5407911001em!important;
        display: inline-block;
    }
    .col-full {
        max-width: 66.4989378333em;
        margin-left: auto;
        margin-right: auto;
        padding: 0 2.617924em;
        box-sizing: content-box;
    }
    .col-full:after,
    .col-full:before {
        content: "";
        display: table;
    }
    .col-full:after {
        clear: both;
    }
    .col-full:after {
        content: " ";
        display: block;
        clear: both;
    }
    .site-content:after,
    .site-content:before {
        content: "";
        display: table;
    }
    .site-content:after {
        clear: both;
    }
    .content-area {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%
    }
    .widget-area {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
    }
    .right-sidebar .content-area {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%
    }
    .right-sidebar .widget-area {
        width: 21.7391304348%;
        float: right;
        margin-right: 0;
        position: relative;
        top: -29px;
        background: #f0f0f0;
    }
    .left-sidebar .content-area {
        width: 73.9130434783%;
        float: right;
        margin-right: 0;
    }
    .left-sidebar .widget-area {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%
    }
    .storefront-full-width-content .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    .content-area,
    .widget-area {
        margin-bottom: 2.617924em;
    }
    .page-template-template-fullwidth-php .content-area,
    .page-template-template-homepage-php .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-widgets {
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }
    .footer-widgets:after,
    .footer-widgets:before {
        content: "";
        display: table;
    }
    .footer-widgets:after {
        clear: both;
    }
    .footer-widgets.col-2 .block {
        width: 47.8260869565%;
        float: left;
        margin-right: 4.347826087%
    }
    .footer-widgets.col-2 .block.footer-widget-2 {
        float: right;
        margin-right: 0;
    }
    .footer-widgets.col-3 .block {
        width: 30.4347826087%;
        float: left;
        margin-right: 4.347826087%
    }
    .footer-widgets.col-3 .block.footer-widget-3 {
        float: right;
        margin-right: 0;
    }
    .footer-widgets.col-4 .block {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%
    }
    .footer-widgets.col-4 .block.footer-widget-4 {
        float: right;
        margin-right: 0;
    }
    .comment-list:after,
    .comment-list:before {
        content: "";
        display: table;
    }
    .comment-list:after {
        clear: both;
    }
    .comment-list .comment {
        clear: both;
    }
    .comment-list .comment-meta {
        width: 17.6470588235%;
        float: left;
        margin-right: 5.8823529412%;
        text-align: right;
    }
    .comment-list .comment-meta .avatar {
        float: right;
    }
    .comment-list .comment-content {
        padding-bottom: 3.706325903em;
        margin-bottom: 3.706325903em;
    }
    .comment-list #respond,
    .comment-list .comment-content {
        width: 76.4705882353%;
        float: right;
        margin-right: 0;
    }
    .comment-list #respond {
        float: right;
    }
    .comment-list #respond .comment-form-author,
    .comment-list #respond .comment-form-email,
    .comment-list #respond .comment-form-url {
        width: 100%;
        margin-right: 0;
    }
    .comment-list .comment-body #respond {
        box-shadow: 0 6px 2em rgba(0, 0, 0, .2);
        margin-bottom: 2.617924em;
        margin-top: -1.618em;
    }
    .comment-list .reply {
        clear: both;
        text-align: right;
    }
    .comment-list ol.children {
        width: 88.2352941176%;
        float: right;
        margin-right: 0;
        list-style: none;
    }
    .comment-list ol.children .comment-meta {
        width: 20%;
        float: left;
        margin-right: 6.6666666667%
    }
    .comment-list ol.children #respond,
    .comment-list ol.children .comment-content {
        width: 73.3333333333%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children {
        width: 86.6666666667%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children .comment-meta {
        width: 23.0769230769%;
        float: left;
        margin-right: 7.6923076923%
    }
    .comment-list ol.children ol.children #respond,
    .comment-list ol.children ol.children .comment-content {
        width: 69.2307692308%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children {
        width: 84.6153846154%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children .comment-meta {
        width: 27.2727272727%;
        float: left;
        margin-right: 9.0909090909%
    }
    .comment-list ol.children ol.children ol.children #respond,
    .comment-list ol.children ol.children ol.children .comment-content {
        width: 63.6363636364%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children ol.children {
        width: 81.8181818182%;
        float: right;
        margin-right: 0;
    }
    .comment-list ol.children ol.children ol.children ol.children .comment-meta {
        width: 33.3333333333%;
        float: left;
        margin-right: 11.1111111111%
    }
    .comment-list ol.children ol.children ol.children ol.children #respond,
    .comment-list ol.children ol.children ol.children ol.children .comment-content {
        width: 55.5555555556%;
        float: right;
        margin-right: 0;
    }
    #respond {
        padding: 2.617924em;
    }
    #respond .comment-form-author,
    #respond .comment-form-email,
    #respond .comment-form-url {
        width: 29.4117647059%;
        float: left;
        margin-right: 5.8823529412%
    }
    #respond .comment-form-url {
        float: right;
        margin-right: 0;
    }
    #respond .comment-form-comment {
        clear: both;
    }
    .hentry .entry-header {
        margin-bottom: 2.617924em;
    }
    .hentry.type-post:after,
    .hentry.type-post:before {
        content: "";
        display: table;
    }
    .hentry.type-post:after {
        clear: both;
    }
    .hentry.type-post .entry-meta {
        width: 17.6470588235%;
        float: left;
        margin-right: 5.8823529412%;
        font-size: .875em;
    }
    .hentry.type-post .entry-content {
        width: 76.4705882353%;
        float: right;
        margin-right: 0;
    }
    .handheld-navigation,
    .menu-ukr_mobile-navigation,
    .main-navigation.toggled .handheld-navigation,
    .main-navigation.toggled .menu-ukr_mobile-navigation .main-navigation.toggled div.menu,
    .menu-toggle {
        display: none;
    }
    .primary-navigation,
    .menu-ukr_desktop-navigation {
        display: block;
    }
    .main-navigation,
    .secondary-navigation {
        clear: both;
        display: block;
        width: 100%
    }
    .main-navigation ul,
    .secondary-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
        display: block;
    }
    .main-navigation ul li,
    .secondary-navigation ul li {
        position: relative;
        display: inline-block;
        text-align: left;
    }
    .home .main-navigation ul li,
    .home .secondary-navigation ul li {
        position: relative;
        display: inline-block;
        text-align: center;
    }
    .main-navigation ul li a,
    .secondary-navigation ul li a {
        display: block;
        color: #bdbdbd !important;
    }
    .home .main-navigation ul li a,
    .home .secondary-navigation ul li a {
        display: inline-block;
        color: white !important;
    }
    .main-navigation ul li a:before,
    .secondary-navigation ul li a:before {
        display: none;
    }
    .main-navigation ul li.focus>ul,
    .main-navigation ul li:hover>ul,
    .secondary-navigation ul li.focus>ul,
    .secondary-navigation ul li:hover>ul {
        left: 0;
        display: block;
    }
    .main-navigation ul li.focus>ul li>ul,
    .main-navigation ul li:hover>ul li>ul,
    .secondary-navigation ul li.focus>ul li>ul,
    .secondary-navigation ul li:hover>ul li>ul {
        left: -9999px;
    }
    .main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,
    .main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,
    .secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,
    .secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device {
        display: none;
        left: 0;
    }
    .main-navigation ul li.focus>ul li.focus>ul,
    .main-navigation ul li.focus>ul li:hover>ul,
    .main-navigation ul li:hover>ul li.focus>ul,
    .main-navigation ul li:hover>ul li:hover>ul,
    .secondary-navigation ul li.focus>ul li.focus>ul,
    .secondary-navigation ul li.focus>ul li:hover>ul,
    .secondary-navigation ul li:hover>ul li.focus>ul,
    .secondary-navigation ul li:hover>ul li:hover>ul {
        left: 100%;
        top: 0;
        top: 68px;
        display: block;
    }
    .main-navigation ul ul,
    .secondary-navigation ul ul {
        float: left;
        position: absolute;
        top: 100%;
        z-index: 99999;
        left: -9999px;
    }
    .home .main-navigation ul ul,
    .home .secondary-navigation ul ul {
        float: none;
        position: relative;
        left: 0;
    }
    .main-navigation ul ul.sub-menu--is-touch-device,
    .secondary-navigation ul ul.sub-menu--is-touch-device {
        display: none;
        left: 0;
    }
    .home .main-navigation ul.menu ul.sub-menu,
    .home .main-navigation ul.nav-menu ul.children {
        background: transparent !important;
    }
    .main-navigation ul ul li,
    .secondary-navigation ul ul li {
        display: block;
        box-shadow: 0px 1px 2px 0px #616161;
    }
    .home .main-navigation ul ul li,
    .home .secondary-navigation ul ul li {
        display: block;
        box-shadow: none;
    }
    .main-navigation ul ul li a,
    .secondary-navigation ul ul li a {
        width: 200px;
        color: #747474 !important;
    }
    ul.menu li.current-menu-item>a {
        color: #43454b;
    }
    .storefront-primary-navigation {
        clear: both;
        margin-left: -99.45em;
        margin-right: -99em;
        padding-left: 99.5em;
        padding-right: 99em;
        background: #4d4145;
        box-shadow: 0px 6px 3px #f0f0f0;
    }
    .home .storefront-primary-navigation {
        background: transparent;
        box-shadow: none;
        padding-top: 20px;
        margin-left: -99em;
        padding-left: 98em;
    }
    .storefront-primary-navigation:after,
    .storefront-primary-navigation:before {
        content: "";
        display: table;
    }
    .storefront-primary-navigation:after {
        clear: both;
    }
    .main-navigation div.menu {
        display: block;
    }
    .main-navigation ul.menu,
    .main-navigation ul.nav-menu {
        max-height: none;
        overflow: visible;
    }
    .main-navigation ul.menu>li>a,
    .main-navigation ul.nav-menu>li>a {
        padding: 10px 1em;
        outline: none;
        text-decoration: none;
    }
    .home .main-navigation ul.menu>li>a,
    .home .main-navigation ul.nav-menu>li>a {
        padding: 0 20px;
        font-weight: 600;
        font-size: 36px;
        text-transform: uppercase;
        letter-spacing: 20px;
    }
    .main-navigation ul.menu>li:first-child,
    .main-navigation ul.nav-menu>li:first-child {
        margin-left: -1em;
    }
    .home .main-navigation ul.menu>li:first-child,
    .home .main-navigation ul.nav-menu>li:first-child {
        margin-left: 0;
    }
    .main-navigation ul.menu>li.menu-item-has-children:hover:after,
    .main-navigation ul.menu>li.page_item_has_children:hover:after,
    .main-navigation ul.nav-menu>li.menu-item-has-children:hover:after,
    .main-navigation ul.nav-menu>li.page_item_has_children:hover:after {
        display: block;
    }
    .main-navigation ul.menu ul,
    .main-navigation ul.nav-menu ul {
        margin-left: 0;
    }
    .main-navigation ul.menu ul li a,
    .main-navigation ul.nav-menu ul li a {
        padding: .875em 1.41575em;
        font-weight: 400;
        font-size: .875em;
        background: #f0f0f0;
        text-decoration: none;
        outline: none;
    }
    .home .main-navigation ul.menu ul li a,
    .home .main-navigation ul.nav-menu ul li a {
        background: transparent;
    }
    .home .main-navigation ul.menu ul li a,
    .home .main-navigation ul.nav-menu ul li a {
        padding: 0;
        font-weight: 500;
        font-size: 20px;
        outline: none;
        width: 100%;
        text-decoration: none;
        letter-spacing: 6px;
        line-height: 20px;
    }
    .main-navigation ul.menu ul li:last-child,
    .main-navigation ul.nav-menu ul li:last-child {
        border-bottom: 0;
    }
    .main-navigation ul.menu ul ul,
    .main-navigation ul.nav-menu ul ul {
        margin-left: 0;
        box-shadow: none;
    }
    .main-navigation ul.menu ul a:hover,
    .main-navigation ul.menu ul li.focus,
    .main-navigation ul.menu ul li:hover>a,
    .main-navigation ul.nav-menu ul a:hover,
    .main-navigation ul.nav-menu ul li.focus,
    .main-navigation ul.nav-menu ul li:hover>a {
        background-color: #675d61;
        color: white !important;
    }
    .home .main-navigation ul.menu ul a:hover,
    .home .main-navigation ul.menu ul li.focus,
    .home .main-navigation ul.menu ul li:hover>a,
    .home .main-navigation ul.nav-menu ul a:hover,
    .home .main-navigation ul.nav-menu ul li.focus,
    .home .main-navigation ul.nav-menu ul li:hover>a {
        background-color: transparent;
        /*color: #cdfe31 !important;*/
        color: #f0f0f0 !important;
    }
    .main-navigation a {
        padding: 0 1em 2.2906835em;
    }
    .secondary-navigation {
        margin: 0 0 1.618em;
        width: auto;
        clear: none;
        line-height: 1;
    }
    .secondary-navigation .menu {
        font-size: .875em;
        width: auto;
        float: right;
    }
    .secondary-navigation .menu>li:hover>a {
        text-decoration: none;
    }
    .secondary-navigation .menu ul a {
        padding: .326em .875em;
        background: rgba(0, 0, 0, .05);
    }
    .secondary-navigation .menu ul li:first-child a {
        padding-top: 1em;
    }
    .secondary-navigation .menu ul li:last-child a {
        padding-bottom: 1em;
    }
    .secondary-navigation .menu ul ul {
        margin-top: -.6180469716em;
    }
    .secondary-navigation .menu a {
        padding: 0 5px;
        color: #4d4145 !important;
        font-weight: 400;
    }
    .secondary-navigation .menu a:hover {
        text-decoration: none;
    }
}

@media (max-width:66.4989378333em) {
    .col-full {
        margin-left: 2.617924em;
        margin-right: 2.617924em;
        padding: 0;
    }
}


@media (max-width:568px) {
    .col-full {
        margin-left: 1.41575em;
        margin-right: 1.41575em;
        padding: 0;
    }
}

.home .main-navigation ul.menu>li.menu-item-has-children>a:after,
.home .main-navigation ul.menu>li.page_item_has_children>a:after,
.home .main-navigation ul.nav-menu>li.menu-item-has-children>a:after,
.home .main-navigation ul.nav-menu>li.page_item_has_children>a:after {
    content: none;
}

.main-navigation ul li a {
    color: white !important;
}

.site-header-cart .cart-contents {
    padding: 1.618em 15px !important;
    outline: none;
    text-decoration: none;
    color: #4d4145 !important;
}

.site-header-cart:hover .cart-contents:hover {
    /*background: #675d61 !important;
    color: white;*/
}

.home .site-title a {
    color: white;
    text-decoration: none;
    font-size: 110px;
    letter-spacing: 10px;
    font-weight: 500;
    white-space: nowrap;
}

.home .site-title a:hover {
    color: #f0f0f0 !important;
}

.home header .secondary-navigation {
    display: none;
}

.menu-item a {
    text-decoration: none;
    text-align: center;
    display: block;
    outline: none;
}

.menu-item a:hover {
    text-decoration: none;
}

.cart-subtotal {
    display: none;
}

.actions {
    display: none !important;
}

.main-content-block {
    padding-bottom: 30px;
    box-shadow: -2px 0px 5px 0px #c5c5c52e, 2px 0px 5px 0px #c5c5c52e, 0px 2px 5px 0px #c5c5c52e;
    border-left: 1px solid #dddfe2;
    border-right: 1px solid #dddfe2;
    border-bottom: 1px solid #dddfe2;
}

.main-content-block__header {
    font-weight: 500;
    background: #f0f0f0;
    color: #4d4145;
    font-size: 18px;
    padding: 5px;
}

a.main-content-block__link {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    flex-direction: column;
    padding-bottom: 10px;
    padding-top: 10px;
    box-shadow: -2px 0px 5px 0px #c5c5c52e, 2px 0px 5px 0px #c5c5c52e, 0px 2px 5px 0px #c5c5c52e;
    border-bottom: 1px solid #dddfe2;
    outline: none;
}

.main-content-block__link:hover {
    border-left: 1px solid #dddfe2;
    border-right: 1px solid #dddfe2;
}

.main-content-block__title {
    font-weight: 700;
    text-align: center;
    color: #4d4145;
    font-size: 15px;
}

.main-content-block__item {
    padding-bottom: 10px;
    padding-top: 10px;
}

.main-content-block__img {
    width: auto;
    height: 110px;
    padding-top: 10px;
}

.site-header ul.menu li.current-menu-item>a {
    /*color: white !important;*/
}

.woocommerce-info,
.woocommerce-info .button,
.woocommerce-message .button {
    color: white !important;
}

@media (max-width:768px) {
    #secondary {
        display: none;
    }
    .home .menu-toggle {
        display: none;
    }
    .home-page-2 {
        display: none !important;
    }
    .home .handheld-navigation,
    .home .menu-ukr_mobile-navigation {
        max-height: 1750px;
        height: 100%;
        overflow: auto;
    }
    .home .header-widget-region {
        display: none;
    }
    .home .site-branding {
        width: 100%;
        text-align: center;
    }
    .home .cms30_button {
        display: none !important;
    }
    .home .footer-widgets {
        display: none;
    }
    .home footer {
        height: 0 !important;
    }
    .main-navigation ul ul {
        margin-left: 0;
    }
    .sub-menu ul li {
        clear: none;
        float: left;
        width: 33%;
    }
}

.main-navigation ul li:hover>ul li:hover>ul {
    top: 0;
}

.red-heart {
    color: red;
}

.home-page-2 {
    padding: 0 2.95em 0 0.95em;
    margin-top: 16px;
    clear: none;
    float: right;
    display: inline-block;
    position: relative;
    top: -15px;
}

.home-page-2 ul {
    line-height: 2;
    margin: 0;
    text-align: center;
}

.home-page-2 ul li {
    display: block;
    letter-spacing: 1.85px;
    text-align: right;
}

.home-page-2 ul li a {
    /*color: #c3c3c3 !important;*/
    color: white !important;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 6px;
}

.home-page-2 img {
    max-width: 105px;
    margin-top: 5px;
}

.home-page-2 ul li a:hover {
    /*color: white !important;*/
}

.home-page-2 i {
    font-size: 50px !important;
}

.home .site-branding .site-description {
    font-size: 22px;
    letter-spacing: 10px;
    color: white;
    white-space: nowrap;
    top: -45px;
    position: relative;
    margin-left: 17px;
    display: block;
}

.home .woocommerce-active .site-header .site-search {
    width: 15%;
    float: none;
    display: inline-block;
}

.home .primary-navigation>ul>li,
.home .menu-ukr_desktop-navigation>ul>li {
    padding-bottom: 30px;
}

#menu-home-page-2 ul li a {
    font-size: 24px;
    padding: 0;
}

#menu-home-page-2>li a {
    font-size: 30px;
    padding: 0;
}

#menu-home-page-2>li {
    /*padding-bottom: 25px;*/
}

.main-navigation .handheld-navigation ul li a,
.main-navigation .menu-ukr_mobile-navigation ul li a {
    color: #4d4145 !important;
}

.home .main-navigation .handheld-navigation ul li a,
.home .main-navigation .menu-ukr_mobile-navigation ul li a {
    color: white !important;
}

.main-navigation .handheld-navigation ul.nav-menu ul li:hover>a,
.main-navigation .menu-ukr_mobile-navigation ul.nav-menu ul li:hover>a {
    color: white !important;
}

.main-navigation .handheld-navigation ul li a:hover,
.main-navigation .menu-ukr_mobile-navigation ul li a:hover {
    background: transparent;
}

.error404 .primary-navigation a:link,
.error404 .menu-ukr_desktop-navigation a:link {
    background: transparent !important;
}

.footer-widget-4 #menu-social a {
    text-align: left;
}

.secondary-navigation ul li {
    font-size: 24px;
}

.footer-widget-4 ul li {
    display: inline-block;
}

.contact-info p {
    line-height: 1.15;
}

.cms30_button {
    background: #cdfe31;
    display: none;
    color: #43454b;
}

.cms30_button:hover {
    color: grey;
    background: #cdfe31;
}

.home .cms30_button {
    display: block;
    width: 22%;
    float: right;
    right: 15px;
    border-radius: 0 !important;
    top: -478px;
    height: 36px;
    position: relative !important;
    padding: 4px 11px 5px 17px!important;
    font-family: AgencyFB;
    font-size: 14px !important;
    background: white;
    opacity: .9;
}

.home .cms30_button:hover {
    background: #f0f0f0;
    opacity: 1;
    color: #43454b;
}

.home .cms30_button .callback-phone-icon {
    margin-right: 7px;
    position: relative;
    top: 3px;
    font-size: 22px !important;
}

#cms30_call_me .cms30_callback_form button {
    background: #cdfe31;
    color: #43454b;
}

.widget_nav_menu ul li {
    padding-left: 0 !important;
}

body .woocommerce div.product form.cart .button.single_add_to_cart_button {
    display: block !important;
}

.woocommerce-breadcrumb {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#vpc-components {
    margin-top: 10px !important;
}

#vpc-container>div.col-7 {
    position: relative;
    top: -40px;
}

#main>div.columns-3>ul>li.post-215.product.type-product.status-publish.has-post-thumbnail.product_cat-womans.product_cat-sale.product_cat-bags.first.instock.sale.shipping-taxable.purchasable.product-type-simple>a.woocommerce-LoopProduct-link.woocommerce-loop-product__link>span.onsale {
    border-color: red;
    color: red;
}

.onsale {
    border-color: red !important;
    color: red !important;
}

.woocommerce-products-header {
    display: inline-block;
}

.storefront-sorting {
    float: right;
    margin-top: 15px;
}

.woocommerce-active .site-header .site-header-cart:hover {
    background: #f0f0f0;
}

#woocommerce-product-search-field-0 {
    padding: 10px 1.41575em 10px 2.617924em !important;
}

.site-search .widget_product_search form:before {
    top: .75em !important;
    z-index: 1;
}

.woocommerce-tabs .panel h2:first-of-type {
    display: none;
}

.woocommerce-tabs .panel {
    margin-top: 18px !important;
}

.yith-wcwl-add-to-wishlist
/*,
.yith-wcwl-wishlistexistsbrowse*/

{
    margin-top: 0;
    position: relative;
    top: -146px;
    left: 200px;
    display: inline-block;
    padding: .6180469716em .1em .6180469716em 1.3em;
    background-color: #333333;
    border-color: #333333;
}

.yith-wcwl-add-button a.add_to_wishlist,
div.yith-wcwl-wishlistexistsbrowse.show>a {
    color: white;
    text-decoration: none;
    font-weight: 600;
}

div.yith-wcwl-wishlistexistsbrowse.show>a {
    padding-right: 10px;
}

.yith-wcwl-add-to-wishlist:hover {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
}

.vpc-configure-button {
    margin-top: 15px;
    width: 300px;
    font-weight: 600;
    text-align: center;
    background-color: #f0f0f0 !important;
    border-color: #333333 !important;
    color: #43454b !important;
}

#debug>div.vpc-success {
    color: #4d4145 !important;
}

#debug>div.vpc-success>a {
    /*color: #0099cc !important;*/
}

.site-header-cart .cart-contents .amount {
    margin-left: .6em;
}

#menu-social {
    margin-top: 4px;
}

section.woocommerce-order-details div.vpc-cart-config {
    display: none;
}

.yith-wcwl-add-to-wishlist .ajax-loading {
    display: none !important;
}

.yith-wcwl-add-to-wishlist {
    padding: .6180469716em 1em !important;
}

.yith-wcwl-wishlistaddedbrowse a {
    color: white !important;
    text-decoration: none;
    font-weight: 600;
}

#yith-wcwl-popup-message {
    display: none !important;
}

#vpc-preview img {
    max-height: 500px;
}

.widget_nav_menu ul li {
    margin-bottom: 6px;
}

.home-page-2 .sub-menu li {
    display: inline-block;
}

.friend {
    margin-top: 37px;
}

.friend ul {
    margin-top: 37px;
}

.friend a {
    margin: 0 10px;
}

.home-page-2 .sub-menu img {
    max-height: 60px;
    margin-top: 30px;
}

.home footer {
    height: 145px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.home .footer-widget-4 {
    display: none;
}

.home .footer-widget-1,
.home .footer-widget-2,
.home .footer-widget-3 {
    flex: 0 0 33%;
    max-width: 33%;
}

@media (max-height:780px) {
    .home footer {
        position: absolute;
    }
}

body.home div.site {
    max-width: 100%;
    position: relative;
    padding-bottom: 145px;
}

.txt.vpc-selected {
    display: block !important;
    color: #4d4145 !important;
    font-size: 16px !important;
}

.handheld-navigation li,
.menu-ukr_mobile-navigation li {
    clear: both;
}

.woocommerce .vpc-cart-config-image img {
    height: 100px;
}

.site-header-cart .widget_shopping_cart .product_list_widget img {
    margin-left: auto !important;
}

.home .menu-item a.menu-image-title-before.menu-image-not-hovered img {
    padding-right: 10px !important;
    padding-left: 0;
}


/*.home .storefront-primary-navigation:after,
.home .storefront-primary-navigation:before,
.home .col-full:after,
.home .col-full:before {
	content: "";
    display: table;
}

.home .nav-menu {
	overflow: visible;
}

.home .primary-navigation {
	display: block !important;
	height: 500px;
}*/


/* Update 02.08.2018
add to .home .header-widget-region {
	display: none;
}*/


/*
 *  Update 13.08.2018
 */

#vpc-preview img {
    margin: 0 !important;
}

#wrapperhLinkCreateBags {
    max-width: 100%;
    margin: 0;
}

#hLinkCreateBags {
    background: white;
    display: block;
    color: #43454b;
    font-weight: 700;
    font-size: 32px;
    text-decoration: none;
    letter-spacing: 2px;
    margin-right: 53px;
    outline: none;
    opacity: 0.9;
}

#hLinkCreateBags:hover {
    background: #f0f0f0;
    opacity: 1;
}

.hlk a {
    text-align: right;
}

.friend a {
    margin: 0;
}

.menu-image-title-after {
    margin: 0;
}

@media (max-width: 855px) {
    #hLinkCreateBags {
        font-size: 30px;
    }
}

.page-id-232 .entry-content {
    position: relative;
}

.page-id-232 .qoob-call-to-action {
    padding: 0;
    position: absolute;
    top: -35px;
    right: 0;
    z-index: 2;
    background-color: #4d4145 !important;
}

.page-id-232 .qoob-header__description {
    display: none;
}

.page-id-232 .qoob-button__button_hdf {
    font-family: "AgencyFB", "Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
    border: none !important;
    text-transform: none !important;
    padding: 0;
    margin: 0;
    height: 30px;
    outline: none !important;
    color: red !important;
    background: none;
    -webkit-appearance: none !important;
    font-weight: 100 !important;
    color: #ffffff !important;
}

@media (max-width: 768px) {
    .page-id-232 .qoob-call-to-action {
        top: -60px;
    }
}

@media (max-width: 595px) {
    .page-id-232 .qoob-call-to-action {
        position: relative;
        top: -5px;
        right: 0;
    }
}

.shop-page-header-info {
    float: right;
    width: 21.7391304348%;
    background: white;
    padding: 10px 0;
    display: none;
}

.shop-page-header-info ul {
    margin: 0;
    list-style: none;
}

.shop-page-header-info span {
    font-size: 24px;
    letter-spacing: 2.6px;
    background: white;
    width: 170px;
    height: 100%;
    margin: 0 auto;
    display: block;
    line-height: 1.3;
}

@media (max-width: 768px) {
    .shop-page-header-info {
        display: none;
    }
}

.hlk a:hover {
    color: #f0f0f0 !important;
}

.qoob-button__button_hdf:after {
    background-color: #4d4145 !important;
}

.single-product #content .woocommerce,
#debug {
    width: 100%;
    position: fixed;
    top: 20%;
    left: 0;
    z-index: 99999;
}

.woocommerce-message,
.vpc-success {
    margin: 0 auto !important;
    top: 20% !important;
    text-align: center !important;
    max-width: 500px !important;
    left: 20% !important;
    background: #e4e0e0 !important;
}

.woocommerce-message_header {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 10px;
    /*font-family: gotic;*/
    letter-spacing: 2.5px;
}

.woocommerce-message_text {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 7px;
    color: black;
    /*font-family: gotic;*/
    letter-spacing: .5px;
}

.woocommerce-message_close {
    text-transform: uppercase;
    color: white;
    border: 2px solid #222;
    background: #222;
    letter-spacing: 3px;
    font-size: 14px;
    line-height: 1.3;
    margin-right: 3px;
}

.woocommerce-message_close,
.woocommerce-message_cart {
    margin: 10px;
    white-space: nowrap;
}

.woocommerce-message_close:hover,
.woocommerce-message_cart:hover,
.vpc_message-cart:hover {
    background: #e4e0e0;
    border: 2px solid #222;
    color: #333333 !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

.woocommerce-message_cart {
    text-transform: uppercase;
    color: white;
    border: 2px solid #222;
    background: #222;
    letter-spacing: 3px;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    font-weight: 600;
}

.vpc_message {
    font-size: 20px;
    margin: 10px auto;
}

.vpc_message-close {
    float: right;
    background: #e4e0e0;
    top: -50px;
    left: 5px;
    position: relative;
    line-height: .4;
}

.vpc_message-cart {
    display: block;
    font-size: 24px !important;
    text-transform: uppercase;
    color: #e4e0e0 !important;
    color: white;
    border: 2px solid #222;
    background: #222;
    letter-spacing: 3px;
    line-height: .6;
    text-decoration: none;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    font-weight: 600;
}

body a.button21 {
    border: 3px solid #f0f0f0;
}

body {
    min-width: 320px;
}

body #vpc-qty-container input[type=button] {
    background: #f0f0f0;
}

body #vpc-qty {
    background-color: white;
}

body .vpc-action-buttons button {
    background: black;
    color: white !important;
}

body #formOrderOneClick .button {
    background: #f0f0f0;
}

.sp2-account {
    font-size: 20px;
}

.wcuCurrencySwitcherWidget {
    display: block;
    float: right;
    padding: 1.618em 15px !important;
    margin: 0 !important;
    width: 90px !important;
    float: right;
    cursor: pointer;
}

.wcuCurrencySwitcherWidget select {
    display: block !important;
    border: none;
}

.wcuCurrencySwitcherWidget .chosen-container {
    display: none;
}

#menu-shop-page-2 {
    display: flex;
}

#menu-shop-page-2 svg {
    cursor: pointer;
    margin-left: 21px;
}

#menu-shop-page-2 li:first-child {
    font-size: 20px;
}

.mobile-visible {
    display: none;
}


/* #menu-home-page-1 .sub-menu,
#menu-home-ukr-desktop .sub-menu {
    display: block !important;
} */

body .wpsisac-slick-slider.design-1 .slick-dots {
    bottom: 0 !important;
    height: 17px;
}

@media (min-width: 768px) {
    body .site-header-cart .cart-contents:before {
        display: inline-block;
        float: left;
        content: "";
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='shopping-bag' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-shopping-bag fa-w-14'%3E%3Cpath fill='%23666666' d='M352 128C352 57.421 294.579 0 224 0 153.42 0 96 57.421 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 32c52.935 0 96 43.065 96 96H128c0-52.935 43.065-96 96-96zm192 400c0 26.467-21.533 48-48 48H80c-26.467 0-48-21.533-48-48V160h64v48c0 8.837 7.164 16 16 16s16-7.163 16-16v-48h192v48c0 8.837 7.163 16 16 16s16-7.163 16-16v-48h64v272z' class=''%3E%3C/path%3E%3C/svg%3E");
        background-repeat: no-repeat;
    }
}

@media (max-width: 767px) {
    .wcuCurrencySwitcherWidget {
        position: absolute;
        right: 0;
        top: 35px;
        padding-right: 0 !important;
        width: 85px !important;
        z-index: 2;
    }
    
    #woocommerce-product-search-field-0{
        padding: 22px 6px 6px 0;
        position: absolute;  
    }
 
    
    body:not(.home).woocommerce-active .site-branding {
        white-space: nowrap;
        width: 33%;
    }
    .shop-page-header-info {
        display: block;
        float: left;
        width: 33%;
        margin: 0 auto;
        top: -5px;
        position: relative;
    }
    .shop-page-header-info span {
        width: auto;
        white-space: nowrap;
        font-size: 18px;
    }
    body:not(.home) .storefront-primary-navigation {
        top: 6px;
        position: relative;
    }
}

@media (max-width: 414px) {
    .shop-page-header-info {
        top: 0;
    }
    .shop-page-header-info span {
        font-size: 14px;
    }
    .mobile-visible {
        display: block;
        margin-bottom: 15px;
    }
    .summary.entry-summary {
        order: 1 !important;
    }
    .summary.entry-summary h1 {
        display: none;
    }
}

@media only screen and (max-width: 40.0625em) {
    body .slick-image-slide img {
        width: auto !important;
        height: auto !important;
    }
    body .slick-image-slide,
    body .slide-wrap {
        height: auto;
    }
}

.home .site-header .site-branding {
    height: 110px;
}

.home .site-branding .site-title a {
    font-size: 90px;
}

.home .site-branding .site-description {
    font-size: 18px;
    margin-left: 8px;
    top: -43px;
}

.home .cms30_button {
    top: -457px;
    right: 6px;
    width: 219px;
}

#menu-home-page-2>li a {
    font-size: 28px;
    letter-spacing: 4.7px;
}

.home-page-2 img {
    max-width: 95px;
}

.friend ul {
    margin-top: 30px;
}

.home-page-2 {
    top: -21px;
}

#menu-home-page-2>li.friend a {
    letter-spacing: 3px;
}

.home .site-header .site-search {
    margin: 0 !important;
    width: 207px !important;
}

@media (min-width: 768px) {
    .home .main-navigation ul.menu>li>a,
    .home .main-navigation ul.nav-menu>li>a {
        padding: 0 17px;
        font-size: 30px;
        letter-spacing: 17px;
    }
    body .site-header-cart .widget_shopping_cart {
        width: 320px;
    }
}

ul.woocommerce-mini-cart.cart_list.product_list_widget {
    max-height: 300px;
    overflow: auto;
}

.product-name .vpc-cart-config {
    float: right;
    margin-top: 10px;
}

#menu-home-page-1 span,
#menu-home-ukr-desktop span {
    background: #fff;
    color: #43454b;
    opacity: .9;
    padding-left: 17px;
}

#menu-home-page-1 .sub-menu span,
#menu-home-ukr-desktop .sub-menu span {
    background: #fff;
    color: #43454b;
    opacity: .9;
    padding-left: 10px;
}

#menu-home-page-2 li:not(.no-bg) span {
    background: #fff;
    color: #43454b;
    opacity: .9;
    padding-left: 17px;
    padding-right: 17px;
}

#menu-home-page-2 li.no-bg img {
    background: #fff;
    opacity: .9;
    padding: 5px !important;
}

#menu-home-page-2 li.main-icon a {
    margin: 0 5px;
    width: 60px;
}

#menu-home-page-2 li.main-icon span {
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.home .contact-info {
    background: #fff;
    color: #43454b;
    opacity: .9;
    padding: 5px 0 5px 8px;
}

.home #menu-shop-page-1 span {
    background: #fff;
    color: #43454b;
    opacity: .9;
    padding: 2px 4px;
    border-radius: 1px;
}

.home .site-branding .site-title {
    background: #fff;
    color: #43454b;
    opacity: .9;
    display: inline-block;
    padding-top: 8px;
    padding-left: 10px;
    height: 100px;
}

.home .site-branding .site-title a {
    color: #43454b;
}

.home .site-branding .site-description {
    color: #43454b;
    margin-left: 18px;
    top: -29px;
}

.home .site-branding .site-title,
#menu-home-page-1 span,
#menu-home-ukr-desktop span,
#menu-home-page-1 .sub-menu span,
#menu-home-ukr-desktop .sub-menu span,
.home .contact-info,
.home .cms30_button,
#menu-home-page-2 li:not(.no-bg) span,
#menu-home-page-2 li.no-bg img,
#hLinkCreateBags {
    background: rgba(257, 257, 257, 0.5);
    border-radius: 5px;
}

#menu-home-page-2 li.main-icon span.menu-image-title {
    padding: 5px 11px 5px 5px;
}

@media screen and (min-width: 768px) {
    .home .main-navigation ul.menu>li>a,
    .home .main-navigation ul.nav-menu>li>a {
        letter-spacing: normal;
    }
}

@media screen and (max-width: 768px) {
    .main-navigation ul li a {
        padding: 0.225em 0;
    }
    .home #menu-shop-page-1 span.menu-image-title {
        font-size: 24px;
        background: rgba(257, 257, 257, 0.5);
        letter-spacing: 3px;
    }
    .home #menu-shop-page-1 .sub-menu span.menu-image-title {
        font-size: 20px;
        background: rgba(257, 257, 257, 0.5);
        letter-spacing: 3px;
    }
}

#menu-home-page-2>li a,
#menu-home-page-2>li.friend a {
    letter-spacing: 3px;
}

#menu-home-page-2>li a {
    right: -19px;
    position: relative;
}

#menu-home-page-2>li.friend>a span {
    right: -11px;
    position: relative;
}

.home #menu-home-page-2 li.no-bg a {
    right: -26px;
}

.home input[type=search] {
    background: rgba(257, 257, 257, 0.5);
    border-radius: 5px;
}

.woocommerce-result-count {
    margin-right: 10px;
}

.site-main .storefront-sorting .woocommerce-ordering {
    display: none;
}

.site-main>.storefront-sorting .woocommerce-ordering {
    display: block;
}

.home .primary-navigation>ul>li,
.home .menu-ukr_desktop-navigation>ul>li {
    padding: 0 15px 5px 14px;
}

.yith-wcwl-add-to-wishlist,
.yith-wcwl-add-to-wishlist:hover {
    background-color: transparent;
    border: none;
}

.yith-wcwl-add-to-wishlist {
    padding: 0;
    left: 240px;
    top: -106px;
}

.yith-wcwl-add-button a.add_to_wishlist {
    background-color: transparent;
    background-image: url(http://briar.in.ua/wp-content/uploads/2021/03/heart-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 45px;
    height: 40px;
    margin-top: -7px;
    display: block;
}

body.single-product div.product form.cart {
    margin-bottom: 0;
    padding: 1em 0 0;
}

form.cart .single_add_to_cart_button {
    padding: 0.6180469716em 3.41575em;
}

.single-product div.product .woocommerce-tabs {
    padding-top: 0;
}


/* .popup form.b1c-form tr td:last-child {
    display: none;
} */

ul.products.columns-3 li.product .price {
    font-size: 24px;
    font-weight: 700;
}

ul.products.columns-3 li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
    font-size: 20px;
}


/* HEADER */

.home .site-header .site-branding {
    top: -12px;
    height: 100px;
    background-color: rgba(257, 257, 257, 0.5);
    width: 21%;
    min-width: 220px;
    border-radius: 5px;
}

.site-branding .description {
    display: none;
}

.home .site-header .site-branding .description {
    display: block;
    position: absolute;
    top: 72px;
    left: 29px;
    font-size: 14px;
    letter-spacing: 9px;
    font-weight: 600;
}

.home .site-header .site-branding img {
    height: 66px;
    width: auto;
    top: 5px;
    left: 40px;
}

#menu-home-page-1 span,
#menu-home-ukr-desktop span {
    padding: 0 10px;
    letter-spacing: 10px;
}

#menu-home-page-1 .sub-menu span,
#menu-home-ukr-desktop .sub-menu span {
    padding: 0 8px 0 16px;
}

@media screen and (max-width: 768px) {
    .home .site-header .site-branding {
        float: none;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .home .site-header .site-branding .description {
        position: inherit;
        margin: 0 0 0 10px;
    }
    .home .site-header .site-branding img {
        margin: 0 auto;
    }
}

body .site-header .site-branding img {
    height: 45px;
}

.home .cms30_button {
    border-radius: 5px !important;
    right: -10px;
}

.home #woocommerce-product-search-field-0 {
    margin: 0 0 0 7px;
}

.home .contact-info {
    top: 0px;
    padding: 3px 0 5px 8px;
}

#hLinkCreateBags {
    margin-right: 41px;
}

.friend {
    margin-top: 27px;
}

.friend ul {
    position: relative;
    right: -11px;
}

body:not(.home).woocommerce-active .site-branding {
    margin-top: 6px;
}

.constructor-link {
    width: 100%;
    max-width: 200px;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 10px 1em;
    background: #4d4145;
    color: #fff;
    font-weight: 600
}

.constructor-link:hover {
    color: #fff;
    text-decoration: underline;
}

.yith-wcwl-add-button a.add_to_wishlist {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='heart' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='width:20px;height:20px;' class='svg-inline--fa fa-heart fa-w-16'%3E%3Cpath fill='%23333333' d='M462.3 62.7c-54.5-46.4-136-38.7-186.6 13.5L256 96.6l-19.7-20.3C195.5 34.1 113.2 8.7 49.7 62.7c-62.8 53.6-66.1 149.8-9.9 207.8l193.5 199.8c6.2 6.4 14.4 9.7 22.6 9.7 8.2 0 16.4-3.2 22.6-9.7L472 270.5c56.4-58 53.1-154.2-9.7-207.8zm-13.1 185.6L256.4 448.1 62.8 248.3c-38.4-39.6-46.4-115.1 7.7-161.2 54.8-46.8 119.2-12.9 142.8 11.5l42.7 44.1 42.7-44.1c23.2-24 88.2-58 142.8-11.5 54 46 46.1 121.5 7.7 161.2z' class=''%3E%3C/path%3E%3C/svg%3E");
    width: 40px;
}

.yith-wcwl-wishlistaddedbrowse a,
.yith-wcwl-wishlistexistsbrowse a {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='heart' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='width:20px;height:20px;' class='svg-inline--fa fa-heart fa-w-16'%3E%3Cpath fill='%23bfbfbf' d='M462.3 62.7c-54.5-46.4-136-38.7-186.6 13.5L256 96.6l-19.7-20.3C195.5 34.1 113.2 8.7 49.7 62.7c-62.8 53.6-66.1 149.8-9.9 207.8l193.5 199.8c6.2 6.4 14.4 9.7 22.6 9.7 8.2 0 16.4-3.2 22.6-9.7L472 270.5c56.4-58 53.1-154.2-9.7-207.8zm-13.1 185.6L256.4 448.1 62.8 248.3c-38.4-39.6-46.4-115.1 7.7-161.2 54.8-46.8 119.2-12.9 142.8 11.5l42.7 44.1 42.7-44.1c23.2-24 88.2-58 142.8-11.5 54 46 46.1 121.5 7.7 161.2z'%3E%3C/path%3E%3C/svg%3E");
    color: transparent !important;
    width: 40px;
    height: 40px;
    display: block;
    margin-top: -7px;
}

.yith-wcwl-add-to-wishlist~.clear~.product_meta {
    margin-top: -35px;
}

#vpc-container .col-12.col-md-7 #vpc-preview {
    /*position: fixed;
    top: 260px;*/
}

@media screen and (max-width: 768px) {
    #vpc-container .col-12.col-md-7 #vpc-preview {
        position: relative;
        top: auto;
    }
    #vpc-container #vpc-components {
        order: 1;
    }
}

.b1c-form {
    margin: 0;
}

.b1c-form h2 {
    text-align: center;
}

.b1c-form .buyvalide {
    display: block;
    margin: 0 auto 20px !important;
}

.woocommerce-product-details__short-description~.clickBuyButton {
    margin-top: 15px;
}

body .wpgs-nav .slick-prev {
    margin-left: 0;
    left: -2px;
}

.woocommerce-breadcrumb~.woocommerce~#primary {
    margin-top: 10px;
}

@media (max-width: 768px) {
    #hLinkCreateBags {
        font-size: 16px;
        margin-right: 0;
    }
}

#menu-social>li {
    margin-right: 13px;
}

.contact-info a:hover,
.contact-info a:active {
    color: #4d4145;
    text-decoration: none;
}

.page-id-2 table tbody td {
    border: 1px solid #cacaca;
}


/*выбор языка*/

.wpm-language-switcher {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1005;
    background: rgba(0, 0, 0, 0.8);
    margin: 0;
    padding: 0;
    display: none;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.wpm-language-switcher.show {
    display: flex;
}

.wpm-language-switcher li {
    padding: 0 10px;
}

.wpm-language-switcher li:first-child {
    border-right: 1px solid #fff;
}

.wpm-language-switcher li a,
.wpm-language-switcher li span {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    cursor: pointer;
    letter-spacing: 1.5px;
}

.wpm-language-switcher li a {
    text-decoration: none;
}

.wpm-language-switcher li img {
    display: none !important;
}

@media screen and (max-width: 600px) {
    .wpm-language-switcher li a,
    .wpm-language-switcher li span {
        font-size: 20px;
        line-height: 28px;
    }
}

@media screen and (max-width: 800px) and (max-height: 400px) {
    .wpm-language-switcher li a,
    .wpm-language-switcher li span {
        font-size: 20px;
        line-height: 28px;
    }
}


/*открывающееся меню*/

.woocommerce-active .site-header .col-full {
    z-index: 1;
}

body.home div.site {
    padding-bottom: 0;
}

@media screen and (max-width: 768px) {
    body.home div.site {
        position: static;
        overflow: hidden;
    }
}

.home .cms30_button {
    top: -350px;
}

.burger-menu-box {
    display: none;
}

.home .burger-menu-box {
    display: block;
    position: absolute;
    top: 4px;
    left: -30px;
    z-index: 2;
}

@media screen and (max-width: 1400px) {
    .home .burger-menu-box {
        left: 0;
    }
}

@media screen and (max-width: 1063px) {
    .home .burger-menu-box {
        left: -30px;
    }
}

@media screen and (max-width: 768px) {
    .home .burger-menu-box {
        left: 35px;
        top: -6px;
    }
}

@media screen and (max-width: 400px) {
    .home .burger-menu-box {
        left: 0;
    }
}

.burger-menu {
    width: 60px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.burger-menu.hidden {
    display: none;
}

.burger-menu span {
    display: block;
    width: 75%;
    height: 2px;
    background-color: #000;
    margin: 4px 0;
    transition: 0.4s;
    position: relative;
}

nav#site-navigation {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: 2s;
    opacity: 0;
    visibility: hidden;
}

nav#site-navigation.open {
    display: block;
    opacity: 1;
    visibility: visible;
}

.home #site-navigation {
    width: 100%;
    background-color: rgba(197, 197, 197, .9);
    z-index: 1001;
    padding: 70px 70px;
}

@media screen and (max-width: 600px) {
    .home #site-navigation {
        padding: 80px 40px;
    }
}

.home footer {
    position: relative !important;
    margin: 278px 0 0 0 !important;
    padding: 0 !important;
}

.home .main-navigation ul.menu li {
    display: block;
    text-align: left;
}

.home .main-navigation ul.menu li a {
    color: #000 !important;
    text-align: left;
    padding: 0 !important;
}

@media screen and (max-width: 768px) {
    .home .main-navigation ul.menu li a {
        text-align: center;
        font-size: 22px;
        margin-bottom: 7px;
    }
}

.home .main-navigation ul.menu li a:hover {
    color: #f0f0f0 !important;
}

.close-navigation {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 100;
}

.close-navigation span {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
    top: calc(50% - 1px);
    left: calc(50% - 10px);
}

.close-navigation span:nth-child(1) {
    transform: rotate(45deg);
}

.close-navigation span:nth-child(2) {
    transform: rotate(134deg);
}


/* подменю */

.home .main-navigation #menu-home-page-1>.menu-item .sub-menu,
.home .main-navigation #menu-home-ukr-desktop>.menu-item .sub-menu {
    display: none !important;
    padding: 0 0 0 40px;
}

.home .main-navigation #menu-home-page-1>.menu-item:hover .sub-menu,
.home .main-navigation #menu-home-ukr-desktop>.menu-item:hover .sub-menu {
    display: block !important;
}


/* изменение структуры главной страницы */

.home nav.home-page-2 {
    display: none;
}

body.home div.site {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-flow: column;
    min-height: 100%;
}

.home .site-content {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
    /*height: 1px;*/
    position: relative;
    min-height: 100%;
}

@media screen and (max-width: 768px) {
    .home .site-content {
        margin: 0 0 70px;
    }
}

@media screen and (max-width: 900px) and (max-height: 500px) {
    .home .site-content {
        height: 500px;
    }
}

.home .site-content>.col-full {
    width: 100%;
    height: 100%;
    min-height: 496px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0 0 50px;
    background-image: url("https://briar.in.ua/wp-content/uploads/2021/07/bg-home-page-scaled.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #fff;
}

.home .site-content:after,
.home .site-content:before {
    content: none;
}

.social-links-menu {
    display: none;
}

.home .social-links-menu {
    display: block;
    width: 100%;
    max-width: 66.4989378333em;
    margin: 0 auto;
    padding: 50px 0;
}

@media screen and (max-width: 768px) {
    .home .social-links-menu {
        padding: 20px 0;
    }
}

.home .social-links-menu ul {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
}

@media screen and (max-width: 768px) {
    .home .social-links-menu ul {
        padding: 0 15px;
    }
}

.home .social-links-menu ul,
.home .social-links-menu li {
    list-style: none;
}

.home .social-links-menu li a {
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}

@media screen and (max-width: 768px) {
    .home .social-links-menu li a {
        font-size: 16px;
    }
}

.home .social-links-menu li a:hover {
    color: #232323;
}

.home #wrapperhLinkCreateBags {
    margin: 0 auto;
    width: 80%;
}

.home #hLinkCreateBags {
    margin: 0;
    width: 100%;
    color: #000;
}

.home footer {
    margin: 0 !important;
}

html,
body {
    min-height: 100%;
    height: 100%;
}

body.home {
    min-height: 100%;
}

.home .site-content>.col-full .col-full {
    display: none;
}

.home header .storefront-primary-navigation {
    display: none;
}

.home .col-full {
    max-width: 75em;
}

.home header .col-full {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home header .col-full:after,
.home header .col-full:before {
    content: none;
}

.home .site-header .site-branding {
    background-color: transparent;
}

.home .site-search .widget_product_search form:before {
    content: none;
}

.home .site-header .site-search {
    width: 250px !important;
    margin: 30px 10px 0 0 !important;
}

.home #woocommerce-product-search-field-0 {
    padding: 6px  0 !important;
    font-size: 26px;
    background: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-left: 0;
    opacity: 1;
    box-shadow: none;
}

body.home {
    background: none !important;
}

#custom_html-3 {
    display: none !important;
}

@media (max-width: 767px) {
    ul.products {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    ul.products li.product {
        flex: 48%;
        max-width: 48%;
    }
}