.woocommerce-variation-add-to-cart button.clickBuyButton {
margin-bottom: 15px;
}
body #formOrderOneClick .button,
body #formOrderOneClick .popup .close_order {
border-color: #232323 !important;
background: #232323 !important;
} .woocommerce-message-wrap {
position: fixed;
z-index: 100;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: #0000008f;
display: flex;
justify-content: center;
align-items: center;
}
.woocommerce-message-wrap .woocommerce-message {
-webkit-box-shadow: 1px 0px 21px 0px rgb(6 6 6 / 67%);
-moz-box-shadow: 1px 0px 21px 0px rgb(6 6 6 / 67%);
box-shadow: 1px 0px 21px 0px rgb(6 6 6 / 67%);
}
.col-full-kith-home .horiz-menu {
padding: 0;
margin: 0;
display: flex;
list-style: none;
}
.col-full--kith .horiz-menu {
padding: 0;
margin: 0;
display: flex;
list-style: none;
justify-content: flex-end;
}
.kith-search-icon {
display: block;
width: 20px;
height: 20px;
}
section.upsells {
display: none !important;
}
div.type-product {
display: flex;
}
div.type-product .woocommerce-product-gallery,
div.type-product .entry-summary,
div.type-product .woocommerce-tabs {
width: 33.3333% !important;
}
div.type-product .entry-summary {
order: 3;
}
div.type-product .woocommerce-product-gallery {
order: 2;
}
div.type-product .woocommerce-tabs {
order: 1;
}
div.type-product ul.wc-tabs {
display: none;
}
.woocommerce-tabs .woocommerce-Tabs-panel {
width: 100% !important;
}
.price_meta {
margin: 15px 0;
} .vpc-configure-button {
width: 100% !important;
}
.yith-wcwl-icon.fa-heart:before {
font-size: 40px;
}
.yith-wcwl-wishlistexistsbrowse .feedback,
.yith-wcwl-wishlistaddedbrowse .feedback {
position: absolute !important;
z-index: -1;
}
.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-wishlistaddedbrowse a {
opacity: 0;
}
.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-wishlistaddedbrowse {
position: relative !important;
}
.simple_product_button_wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.simple_product_button_wrap .yith-wcwl-add-to-wishlist,
.buttons-wishlist .yith-wcwl-add-to-wishlist {
position: static !important;
}
.buttons-wishlist .yith-wcwl-add-to-wishlist {
padding: 0 !important;
}
.buttons-wishlist {
display: flex;
align-items: center;
}
.buttons-wishlist .vpc-action-buttons {
width: auto;
flex-grow: 1;
margin-top: 0 !important;
}
.buttons-wishlist .yith-wcwl-add-button a.add_to_wishlist {
margin-top: -7px !important;
}
#vpc-container .buttons-wishlist .single_add_to_cart_button_construct {
width: 57% !important;
}
@media (max-width: 767px) {
#vpc-container .vpc-action-buttons {
margin-bottom: 5px !important;
}
#vpc-container .buttons-wishlist .single_add_to_cart_button_construct {
width: 45% !important;
}
.buttons-wishlist {
margin-bottom: 20px;
}
} .yith-wcwl-add-to-wishlist {
top: -106px;
}
.price_meta .product_meta {
border: none !important;
padding: 0 !important;
}
.single-product div.product p.price {
margin: 0 !important;
}
.price_meta {
display: flex;
align-items: center;
justify-content: space-between;
}
.price_meta .product_meta {
padding: 0 !important;
border: none;
}
.kith-search-icon::before {
content: "\f002";
color: #43454b;
font-family: fontawesome;
font-size: 21px;
text-align: center;
font-weight: 300;
line-height: 17px;
vertical-align: top;
cursor: pointer;
}
.kith-search-icon:hover::before {
color: #0056b3;
}
.kith-search-wrap {
position: relative;
}
.col-full-kith-home .site-search {
display: none;
position: absolute;
left: -250px;
}
.col-full--kith .site-search {
display: none;
position: absolute;
top: 40px;
left: -230px;
width: 250px !important;
}
.col-full--kith .kith-search-wrap {
margin-left: 10px;
order: 3;
}
.col-full--kith .site-search {
flex-grow: 1;
margin-bottom: 0;
margin-top: 0 !important;
}
.horiz-menu-item {
position: relative;
}
.horiz-menu-item+.horiz-menu-item {
margin-left: 35px;
}
.horiz-menu-item a {
font-size: 18px;
font-weight: 700;
}
.horiz-menu-item a:hover {
color: #232323;
}
.horiz-active-item {
color: #232323;
text-decoration: underline;
}
.header-widget-region {
position: absolute;
}
.horiz-sub-menu {
display: none;
list-style: none;
margin: 0;
position: absolute;
left: 0;
background-color: rgba(197, 197, 197, .9);
z-index: 1001;
width: max-content;
padding: 30px 10px;
}
.horiz-submenu-item a {
color: black;
font-weight: 400;
}
.burger-menu-box {
display: none !important;
}
@media screen and (max-width: 767px) {
.horiz-menu-wrap {
display: none;
}
.burger-menu-box {
display: block !important;
}
} .greetings-video-wrap {
position: fixed;
left: 100px;
bottom: 30%;
z-index: 100;
width: 130px;
height: 180px;
border: 2px solid #ffffff;
border-radius: 20px;
box-shadow: 0px 10px 20px rgb(0 0 0 / 40%);
overflow: hidden;
transition: all ease 0.3s;
}
.wwww {
height: 100%;
position: relative;
}
.construct-video {
position: fixed;
right: 100px;
bottom: 30%;
z-index: 100;
width: 130px;
height: 180px;
border: 2px solid #ffffff;
border-radius: 20px;
box-shadow: 0px 10px 20px rgb(0 0 0 / 40%);
overflow: hidden;
transition: all ease 0.3s;
}
.full-play {
width: 280px;
height: 500px;
z-index: 11000;
transition: all ease 0.3s;
bottom: 10%;
}
.close-video,
.min-video {
width: 25px;
height: 25px; position: absolute;
top: 10px;
cursor: pointer;
z-index: 1500;
}
.close-video {
right: 10px;
}
.min-video,
.close-video {
display: none;
}
.full-play .close-video {
display: block;
}
.full-play .min-video {
display: block;
right: 60px;
}
.close-video span,
.min-video span {
position: absolute;
display: block;
width: 100%;
height: 2px;
background: rgb(180, 180, 180);
z-index: 1100;
}
.min-video span {
top: 10px;
left: 0;
}
.close-video span {
top: calc(50% - 1px);
}
.close-video span:first-child {
transform: rotate(45deg);
}
#vpc-preview {
max-width: 500px;
}
#vpc-price-container {
height: 50px !important;
color: #4d4145 !important;
font-weight: bold !important;
text-align: right !important;
font-size: 30px !important;
text-align: center !important;
margin-top: 15px;
}
.close-video span:last-child {
transform: rotate(-45deg);
}
.greetings-video-wrap video,
.construct-video video { height: 100%;
height: 100%;
object-fit: cover;
max-height: 100vh !important;
pointer-events: none;
}
.greetings-video-wrap video:fullscreen {
object-fit: contain;
}
.construct-video video:fullscreen {
object-fit: contain;
}
.greetings-video-wrap video::-webkit-media-controls {
opacity: 0;
}
.construct-video video::-webkit-media-controls {
opacity: 0;
}
.ctrl-video {
position: absolute;
left: 0;
bottom: 0;
width: 100%; height: 100%; z-index: 1000;
}
.minmax {
height: 0%;
} .cat-img-slider {
position: relative;
}
.kith-arrow {
position: absolute;
z-index: 100;
top: calc(50% - 37px);
padding: 15px; }
.slid-prev {
left: 0px;
}
.slid-next {
right: 0px;
}
.price-cart-wrap {
display: flex;
align-items: center;
justify-content: space-around;
}
.price-kith {
margin-bottom: 0 !important;
}
.colors-more-link {
display: block;
width: 100%;
background-color: #eeeeee;
border-color: #eeeeee;
color: #333333;
padding: 0.2em 1.41575em;
font-size: 20px;
letter-spacing: 1.1px;
margin-bottom: 0.8em;
}
.colors-more-link:hover {
text-decoration: none;
}
.link-arrow {
position: relative;
top: -2px;
}
.kith-search-icon::before {
content: "\f002";
color: #43454b;
font-family: fontawesome;
font-size: 24px;
text-align: center;
font-weight: 300;
line-height: 17px;
vertical-align: top;
cursor: pointer;
}
.add_to_cart-kith {
position: relative;
}
.add_to_cart-kith::before {
content: "\f291";
display: inline-block;
color: #43454b;
font-family: FontAwesome;
font-size: 21px;
line-height: 17px;    }
.svg--kith {
display: block;
width: 20px;
height: 20px; position: absolute;
top: calc(50% - 10px);
} .mobile_menu_overlay,
.mobile_menu_container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mobile_menu_container,
.mobile_menu_container ul li ul {
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
transition: all 200ms;
}
.mobile_menu_overlay {
display: none;
cursor: pointer;
z-index: 10200;
background: rgba(0, 0, 0, 0.5);
}
.mobile_menu_container {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
width: 300px; overflow: hidden;
z-index: 10201;
background: rgb(255, 255, 255);
}
.mobile_menu_container.loaded {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.mobile_menu_container .mobile_menu_content {
overflow: auto;
max-height: 100%; padding: 50px 0 30px;
}
.mobile_menu_container ul {
margin: 0;
padding: 0;
}
.mobile_menu_container ul li {
list-style: none;
}
.mobile_menu_container ul li a {
display: block;
padding: 15px 20px;
line-height: 20px;
font-size: 16px;
background: rgb(255, 255, 255);
color: rgb(0, 0, 0);
text-decoration: none;
font-weight: bold;
text-align: left;
}
.mobile_menu_container ul li a.parent {
padding-right: 50px;
background: rgb(255, 255, 255) url(//briar.in.ua/wp-content/plugins/kith-codes/img/arrow_right.svg) right 20px center no-repeat;
background-size: 20px;
}
.mobile_menu_container ul li a.parent:hover {
background: rgb(255, 255, 255) url(//briar.in.ua/wp-content/plugins/kith-codes/img/arrow_right.svg) right 20px center no-repeat;
background-size: 20px;
}
.mobile_menu_container ul li a.back {
padding-left: 50px;
background: #ffffff url(//briar.in.ua/wp-content/plugins/kith-codes/img/arrow_left.svg) left 20px center no-repeat;
background-size: 20px;
box-sizing: border-box;
min-height: 50px;
}
.mobile_menu_container ul li a.back:hover {
background: #ffffff url(//briar.in.ua/wp-content/plugins/kith-codes/img/arrow_left.svg) left 20px center no-repeat;
background-size: 20px;
}
.mobile_menu_container ul li a:hover {
background: #ffffff;
}
.mobile_menu_container ul li ul {
-webkit-transform: translateX(300px);
transform: translateX(300px);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff;
z-index: 2;
}
.mobile_menu_container ul li ul.loaded {
-webkit-transform: translateX(0px);
transform: translateX(0px);
} .mobile_menu_container ul.unloaded li {
visibility: hidden;
}
.mobile_menu_container ul li ul.activity {
overflow-y: auto;
overflow-x: hidden; }
@media (max-width: 320px) {
.mobile_menu_container {
width: 240px;
}
} #masthead {
padding: 0;
}
.col-full--kith {  display: flex;
justify-content: space-between;
align-items: center;
}
.col-full--kith::before,
.col-full--kith::after {
display: none;
}
.horiz-right-wrap--kith {
display: flex;
flex-grow: 1;
margin-left: 50px;
}
.horiz-right-up--kith {
padding: 10px 0;
width: max-content;
display: flex;
align-items: center;
}
.horiz-right-down--kith { display: flex;
justify-content: flex-end;
align-items: center;
flex-grow: 1;
margin-left: 40px;
}
.col-full--kith .wcuCurrencySwitcherWidget {
padding-bottom: 0 !important;
padding-top: 0 !important;
height: auto;
}
.col-full--kith .site-header-cart .cart-contents {
padding: 13px 15px !important;
}
.col-full--kith .woocommerce-active .site-header .secondary-navigation {
padding: 0 15px 0 !important;
}
#vpc-container .clickBuyButtonCustom {
width: 100%;
background: #ffffff;
border: 3px solid lightgray;
color: #232323;
}
#vpc-container #vpc-qty-container { height: 43px;
}
#vpc-container #vpc-qty-container input {
height: 43px !important;
}
#vpc-container .vpc-action-buttons {
width: 100%;
}
#vpc-container .single_add_to_cart_button_construct {
width: 50%;
height: 43px !important;
border-radius: 0;
background: #333333;
margin: 0 20px;
text-transform: none !important;
}
.cart-collaterals .single_add_to_cart_button {
width: 100%;
box-sizing: border-box !important;
padding: 11px;
font-size: 1.41575em;
background: #ffffff !important;
border: 3px solid lightgray !important;
color: #232323 !important;
}
.product .clickBuyButton {
width: 100%;
box-sizing: border-box !important;  background: #ffffff !important;
border: 3px solid lightgray !important;
color: #232323 !important;
}
@media (min-width: 768px) {
.woocommerce-active .site-header .secondary-navigation {
width: 28%;
width: auto;
float: left;
text-align: center;
margin-top: 20px;
padding: 0 0 0 15px !important;
margin: 0;
float: right;
}
} @media (min-width: 768px) {
.storefront-primary-navigation { display: none;
}
}
@media (max-width: 767px) {
.shop-page-header-info {
top: -10px !important;
position: absolute !important;
}
body:not(.home).woocommerce-active .site-branding {
margin-top: 6px;
margin-left: 20px;
}
.horiz-left-wrap--kith {
display: flex;
}
#masthead {
padding: 1em 0;
}
#vpc-container .vpc-action-buttons {
margin-bottom: 30px;
}
#vpc-container .single_add_to_cart_button_construct {
width: auto;
margin: 0 10px;
padding: 0 25px !important;
}
} #secondary,
.related.products {
display: none;
}
.right-sidebar .content-area {
width: 100%;
float: none;
margin-right: 0;
}
.single-prod-wrap {
display: flex; } .art-cat-price--wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.color-choise {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin: 1em 0 2em; }
.color-item-wrap {
display: block;
width: 20px;
height: 20px;
background: transparent;
padding: 1px;
border-radius: 50%;
border: 1px solid rgb(255, 255, 255);
}
.color-item-wrap.color-item-selected {
border: 1px solid rgb(114, 114, 114);
}
.color-label {
display: block;
width: 100%;
height: 100%;
border-radius: 50%; }
@media (min-width: 768px) {
.description-block {
padding-top: 1em;
width: 30%;
height: 100%; }
.single-product div.product .woocommerce-product-gallery {
width: 40%;
float: none;
margin-right: 0;
margin-bottom: 0;
padding: 0 1em;
}
.single-product div.product .summary {
width: 30%;
float: none;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.single-prod-wrap {
display: flex;
flex-wrap: nowrap;
flex-direction: column-reverse;
}
.description-block {
padding-top: 1em;
width: 100%;
height: auto;
}
.single-product div.product .woocommerce-product-gallery {
width: 100%;
float: none;
margin: 1em 0 1em;
padding: 0;
}
.single-product div.product .summary {
width: 100%;
float: none;
margin-right: 0;
margin-bottom: 1em;
}
}
.right-sidebar .content-area {
width: 100% !important;
}
#wpadminbar {
display: none;
}
.form-row {
display: block !important;
}
#customer_details>div {
width: 100%!important;
max-width: 100% !important;
}
.product-video {
width: 100%;
height: 180px;
}
.single-product div.product .woocommerce-product-gallery {
margin: 0 25px !important;
}
@media screen and (max-width: 992px) {
.single-product div.product .woocommerce-product-gallery {
width: 50% !important;
margin: 0 !important;
order: 1;
}
div.type-product { flex-wrap: wrap;
}
div.type-product .woocommerce-tabs {
width: 100% !important;
}
div.type-product .entry-summary {
width: 50% !important;
order: 0;
}
.col-full {
margin-left: 15px !important;
margin-right: 15px !important;
}
}
@media screen and (max-width: 599px) {
.greetings-video-wrap {
left: 15px; }
.construct-video {
right: 15px; }
.full-play {
bottom: 75px;
}
div.type-product {
flex-direction: column; }
.single-product div.product .woocommerce-product-gallery {
width: 100% !important;
}
div.type-product .entry-summary {
width: 100% !important;
}
.product-video {
margin-top: 20px;
width: 100%;
height: calc((100vw - 30px)*0.565) !important;
}
ul.products li.product img {
object-fit: contain !important;
} }
form.cart .single_add_to_cart_button {
padding: 0.6180469716em 2.41575em !important;
}
video::-webkit-media-controls-panel {
display: none;
-webkit-appearance: none;
}
video::-webkit-media-controls-play-button {
display: none;
-webkit-appearance: none;
}
video::-webkit-media-controls-start-playback-button {
display: none;
-webkit-appearance: none
}
video::-webkit-media-controls {
display: none;
-webkit-appearance: none;
}
.loader,
.loader:before,
.loader:after {
background: #f0f0f0;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
}
.loader {
color: #f0f0f0;
text-indent: -9999em; top: calc(50% - 2em);
left: calc(50% - .5em);
position: absolute;
font-size: 11px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.loader:before,
.loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}.menu-item a img, img.menu-image-title-after, img.menu-image-title-before, img.menu-image-title-above, img.menu-image-title-below , .menu-image-hover-wrapper .menu-image-title-above {
border: none;
box-shadow: none;
vertical-align: middle;
width: auto;
display: inline;
}
.menu-image-hover-wrapper img.hovered-image,
.menu-item:hover .menu-image-hover-wrapper img.menu-image {
opacity: 0;
transition: opacity 0.25s ease-in-out 0s;
}
.menu-item:hover img.hovered-image {
opacity: 1;
}
.menu-image-title-after.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title {
padding-right: 10px;
}
.menu-image-title-before.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title {
padding-left: 10px;
}
.menu-image-title.menu-image-title-above, .menu-image-title.menu-image-title-below, .menu-image-title-below, .menu-image-title-above, .menu-item a.menu-image-title-above, .menu-item a.menu-image-title-below, .menu-image-title.menu-image-title-above, .menu-image-title.menu-image-title-below {
text-align: center;
display: block;
}
.menu-image-title-above.menu-image-not-hovered > img,
.menu-image-hovered.menu-image-title-above .menu-image-hover-wrapper, .menu-image-title-above .menu-image-hover-wrapper {
display: block;
padding-top: 10px;
margin: 0 auto !important;
}
.menu-image-title-below.menu-image-not-hovered > img,
.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper, .menu-image-title-below .menu-image-hover-wrapper {
display: block;
padding-bottom: 10px;
margin: 0 auto !important;
}
.menu-image-title-hide .menu-image-title, .menu-image-title-hide.menu-image-title {
display: none;
} #et-top-navigation .nav li.menu-item, .navigation-top .main-navigation li {
display: inline-block;
}
.above-menu-image-icons, .below-menu-image-icons {
margin: auto;
text-align: center;
display: block;
}
ul li.menu-item > .menu-image-title-above.menu-link, ul li.menu-item > .menu-image-title-below.menu-link {
display: block;
}
.menu-item:hover .sub-menu .menu-image-hover-wrapper img.menu-image {
opacity: 1;
}
.menu-item:hover .sub-menu .menu-image-hover-wrapper img.hovered-image {
opacity: 0;
}
.menu-item:hover .sub-menu .menu-item:hover .menu-image-hover-wrapper img.menu-image {
opacity: 0;
}
.menu-item:hover .sub-menu .menu-item:hover .menu-image-hover-wrapper img.hovered-image {
opacity: 1;
}
.menu-item-text span.dashicons {
display: contents;
transition: none;
}
.menu-image-badge {
background-color: rgb(255, 140, 68);
display: inline;
font-weight: 700;
color: #fff;
font-size: 0.95rem;
padding: 3px 4px 3px;
margin-top: 0px;
position: relative;
top: -20px;
right: 10px;
text-transform: uppercase;
line-height: 11px;
border-radius: 5px;
letter-spacing: .3px;
}
.menu-image-bubble {
color: #fff;
font-size: 13px;
font-weight: 700;
top: -18px;
right: 10px;
position: relative;
box-shadow: 0 0 0 .1rem var(--white,#fff);
border-radius: 25px;
padding: 1px 6px 3px 5px;
text-align: center;
}