/*!
Theme Name: Cafe WEB24
Theme URI: http://underscores.me/
Author: WEB24
Author URI: https://web24.pro/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: web24cafe
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

Cafe WEB24 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css?family=Oswald:100,200,300,400,500,600,700,800,900&display=swap&subset=cyrillic');

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
	background: #282828;
	color: #bdbdbd;
}
body.themeLight {
	background: #eee;
	color: #282828;
}
a {
	color: #fff;
}
body.themeLight a {
	color: #282828;
}
a:hover {
	text-decoration: none;
	color: #fff;
}
body.themeLight a:hover {
	color: #282828;
}
img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

input {
	background: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    color: #282828;
}
body.themeLight input {
	background: #282828;
	color: #fff;
}



.wrappen {

}
header {
	position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    padding: 5px 0;
    background: #282828db;
    height: 70px;
}
body.themeLight header {
	background: #eeeeeedb;
}
.logo {
	display: flex;
    align-items: center;
}
.logo img {
	height: 60px;
}
.header-addition {
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-addition a {
	position: relative;
	margin-right: 15px;
}
.header-addition > a:last-child {
	margin-right: 0;
}
.header-addition a > span {
	display: block;
	width: 24px;
	height: 24px;
	transition: .25s;
}
.header-addition a:hover > span {
	background: #fff;
}
body.themeLight .header-addition a:hover > span {
	background: #282828;
}
.header-user > span {
	mask: url(images/user.svg);
	-webkit-mask-image: url(images/user.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}
.header-search > span {
	mask: url(images/search.svg);
	-webkit-mask-image: url(images/search.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}
.header-cart > span {
	mask: url(images/cart.svg);
	-webkit-mask-image: url(images/cart.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}
.header-cart p {
	position: absolute;
    background: #282828;
    color: #fff;
    font-size: 8px;
    padding: 0px 4px;
    border-radius: 10px;
    border: 1px solid #fff;
    top: -13px;
}
body.themeLight .header-cart p {
	background: #eee;
	color: #282828;
	border-color: #282828;
}
.toggle-menu {
	mask: url(images/menu.svg);
    -webkit-mask-image: url(images/menu.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background: #fff;
    display: block;
    border: none;
    margin-left: 20px;
	transition: .25s;
}
body.themeLight .toggle-menu {
	background: #282828;
}
.header-contacts-block {
	margin-top: 80px;
}
.admin-bar .header-contacts-block {
	margin-top: 30px;
}
.header-contacts {
	text-align: center;
	margin-bottom: 5px;
}
.header-contacts:last-child {
	margin-bottom: 0;
}
.header-contacts a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
	font-weight: 300;
    margin: auto;
    border: 1px solid;
    border-radius: 20px;
    padding: 3px 10px;
}
body.themeLight .header-contacts a {
	color: #282828;
}
.header-contacts a:before {
	content: '';
    width: 18px;
    height: 18px;
    background: #fff;
    transition: .25s;
    margin-right: 4px;
}
body.themeLight .header-contacts a:before {
	background: #282828;
}
.header-contacts__map a:before {
	mask: url(images/pin.svg);
    -webkit-mask-image: url(images/pin.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}
.header-contacts__phone a:before {
	mask: url(images/phone.svg);
    -webkit-mask-image: url(images/phone.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}
.header-contacts__wishlist a:before {
	mask: url(images/love.svg);
    -webkit-mask-image: url(images/love.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}


main {
	margin-bottom: 80px;
}



.entry-header {
	position: relative;
    text-align: center;
    padding: 5px 0;
}
.entry-header span {
	color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    opacity: .04;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
	line-height: 1;
	z-index: -1;
}
body.themeLight .entry-header span {
	color: #282828
}
.entry-header h1 {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
	margin: 0;
	text-transform: uppercase;
}
body.themeLight .entry-header h1 {
	color: #282828;
}



.cat-item {
	display: block;
    margin: 2px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 22px;
    box-shadow: -2px 2px 8px -2px rgba(0,0,0,.26);
}
.cat-item h2 {
	position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    color: #fff;
    background: rgba(40,40,40,.67);
    padding: 10px;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

body.themeLight .cat-item h2 {
	color: #282828;
	background: rgba(255,255,255,.67);
}


.menu-bottom {
	overflow: hidden;
}
.menu-bottom ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	overflow: auto;
}
.menu-bottom ul li {
	width: 25%;
    flex: 0 0 25%;
}
.menu-bottom ul li a {
	text-align: center;
    display: block;
    font-size: 12px;
    color: #fff;
}
body.themeLight .menu-bottom ul li a {
	color: #282828;
}
.menu-bottom ul li img {
	padding: 0 !important;
    display: block;
    margin: 0 auto 5px;
	max-width: 36px;
}
.menu-bottom ul li a span {
    padding: 0 !important;
	height: 33px;
}



footer {
	background: #282828db;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
	z-index: 9;
}
body.themeLight footer {
	background: #eeeeeedb;
}




.product-item {
	position: relative;
    margin-bottom: 22px;
    overflow: hidden;
    border-radius: 10px;
}
.product-item .yith-wcwl-add-to-wishlist {
	position: absolute;
    background: #ffffffc4;
    top: 0;
    right: 0;
    margin: 0;
}
.product-item .yith-wcwl-add-to-wishlist i {
	margin: 0 !important;
    padding: 10px;
    font-size: 18px;
}
.product-item__img {
	position: relative;
}
.product-item__img .price {
	position: absolute;
  z-index: 2;
  color: #fff;
  right: 0;
  bottom: 0;
  background: #000000a3;
  padding: 7px 10px;
  font-weight: bold;
  font-size: 14px;
}
.product-item__info {
	position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: rgba(40, 40, 40, .5);
    padding: 14px;
    display: flex;
    align-items: center;
}
.product-item .woocommerce-loop-product__title {
	color: #222;
	margin: 0;
  font-size: 14px;
  padding: 10px 40px 10px 20px;
}
body.themeLight .product-item .woocommerce-loop-product__title {
	color: #fff;
}
body.themeLight .product-item__info {
	background: rgba(255,255,255,.5);
}
.product-item__info h2 {
	font-size: 16px;
    color: #fff;
    font-weight: 400;
	margin: 0;
}
body.themeLight .product-item__info h2 {
	color: #282828;
}
.product-item__info h2:after {
	content: '';
    width: 68px;
    height: 2px;
    background: rgba(255, 255, 255, 0.4);
    display: block;
    margin: 10px 0 10px;
}
body.themeLight .product-item__info h2:after {
	 background: rgba(40, 40, 40, 0.4);
}
.product-item__info .price {
	display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
body.themeLight .product-item__info .price {
	color: #282828;
}
.product-item .add_to_cart_button {
	font-size: 0 !important;
    width: 36px;
    height: 36px;
    line-height: 30px !important;
    text-align: center;
    border-radius: 50% 0 0 0 !important;
    position: absolute !important;
    bottom: 0;
    right: 0;
}
.product-item .add_to_cart_button:after {
	font-size: 36px;
    content: '+';
    line-height: 36px;
}
.product-item .add_to_cart_button.added:after,
.product-item .add_to_cart_button.loading:after   {
	font-size: 21px;
	padding: 0 !important;
	margin: 0 !important;
	top: 0 !important;
	right: 7px !important;
}
.product-item .added_to_cart {
	display: none !important;
}




.product-single-image {
	position: relative;
    width: calc(100% + 30px);
    left: -15px;
	margin: 20px 0;
}
.product-single-info {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 15px 15px 25px;
	background: rgba(40, 40, 40, .5);
	display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-single-info i.yith-wcwl-icon {
	font-size: 24px;
}
body.themeLight .product-single-info {
	background: rgba(255,255,255, .5);
}
.woocommerce div.product h1.product_title {
	position: relative;
	font-size: 24px;
    color: #fff;
    font-weight: 500;
	margin: 0;
}
body.themeLight.woocommerce div.product h1.product_title {
	color: #282828;
}
.woocommerce div.product h1.product_title:before {
	content: '';
    width: 88px;
    height: 3px;
    background: rgba(255, 255, 255, 0.4);
    bottom: -10px;
    position: absolute;
}
body.themeLight.woocommerce div.product h1.product_title:before {
	background: rgba(40, 40, 40, 0.4);
}

.woocommerce div.product p.price {
	font-size: 19px;
	font-weight: 500;
	color: #fff;
	margin: 0;
	border: 1px solid #fff;
	padding: 7px 10px;
	line-height: 1;
	text-align: center;
	border-radius: 7px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #fff;
	border-color: #fff;
}
body.themeLight.woocommerce div.product p.price,
body.themeLight.woocommerce div.product span.price {
	color: #282828;
	border-color: #282828;
}
.woocommerce div.product .woocommerce-variation-price p.price,
.woocommerce div.product .woocommerce-variation-price span.price {
	font-size: 24px;
}
.woocommerce-variation-price {
	margin-bottom: 20px;
}
.woocommerce div.product form.cart div.quantity {
	display: none !important;
}
.woocommerce div.product form.cart .button {
	background: #aeaeae;
    border-radius: 7px;
    width: 100%;
    font-size: 17px;
    line-height: 1;
    padding: 9px 10px;
    font-weight: 600;
	transition: .25s;
}
input#coupon_code {
	width: 150px;
    border: 0;
    border-radius: 5px;
    padding: 5px 10px;
}
body.themeLight.woocommerce div.product form.cart .button {
	background: #4d4d4d;
}
.woocommerce div.product form.cart .button:hover {
	color: #000;
}
body.themeLight.woocommerce div.product form.cart .button:hover {
	color: #fff;
}
.wishlist_table .product-name h3 {
	font-size: 16px;
}

.woocommerce-product-details__short-description {
	font-size: 16px;
	color: #fff;
}
body.themeLight .woocommerce-product-details__short-description {
	color: #282828;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	margin: 10px 0 0;
}
.woocommerce-message a {
	display: none !important;
}


.modalMenu {
	padding: 0 !important;
}
.modalMenu .modal-dialog {
	max-width: 100%;
    margin: 0;
    min-height: 100vh;
    width: 180px;
    margin-left: auto;
}
.modalMenu .modal-content {
	background: rgba(34, 34, 34, .8);
    height: 100vh;
	display: flex;
    align-items: center;
    justify-content: center;
}
body.themeLight .modalMenu .modal-content {
	background: rgba(248, 248, 248, .8);
}
.modalMenu .close {
	position: absolute;
    color: #fff;
    font-size: 56px;
	left: -40px;
    top: 20px;
    opacity: 1 !important;
    padding: 0;
    line-height: 1;
}
body.themeLight .modalMenu .close {
	color: #282828;
}
.modalMenu .main-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.modalMenu .main-menu li {
	padding: 5px 10px;
}
.modalMenu .main-menu li a {
	color: #fff;
    font-size: 12px;
    font-weight: 500;
    display: block;
    text-align: center;
    border: 1px solid;
    padding: 10px;
    border-radius: 10px;
}
body.themeLight .modalMenu .main-menu li a {
	color: #282828;
}
.modalMenu .main-menu li a img {
	display: block;
    margin: auto;
    padding: 0;
	margin-bottom: 3px;
	width: 28px;
}
.modalMenu .main-menu li a span {
	padding: 0;
	display: block;
	padding: 0 5px;
}
.modalMenu .main-menu li a:hover {
	background: #222;
}
body.themeLight .modalMenu .main-menu li a:hover {
	color: #eee;
}
.modalSoc {
	margin: 35px 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}
.modalSoc li {
	margin: 0 10px;
}
.modalSoc li a img {
	width: 32px;
}
.modalSoc li a:hover {
	opacity: .8;
}



.woocommerce table.shop_table {
	border-color: #fff;
}
.woocommerce table.shop_table td {
	border-color: #fff;
}
body.themeLight.woocommerce table.shop_table,
body.themeLight.woocommerce table.shop_table td {
	border-color: #282828;
}
.woocommerce table.shop_table tbody tr:nth-child(2n) td {
	background: rgba(255, 255, 255, .35);
}
body.themeLight.woocommerce table.shop_table tbody tr:nth-child(2n) td {
	background: rgba(40,40,40,.35);
}
.cart-collaterals h2,
#order_review_heading,
.woocommerce-order-details__title,
.woocommerce-column__title,
.woocommerce-account h2,
.woocommerce-MyAccount-content legend {
	text-align: center;
	font-size: 21px;
	font-weight: 500;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    color: #282828;
}
body.themeLight #add_payment_method .wc-proceed-to-checkout a.checkout-button, body.themeLight.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body.themeLight.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, body.themeLight.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	color: #eee;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background: #555;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
	max-width: 100%;
	flex: 0 0 100%;
	padding: 0;
	display: block;
}
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
	display: none;
}
.woocommerce form .form-row {
	padding: 0;
    margin: 0 0 15px;
	float: none;
	width: 100%;
}
.woocommerce form .form-row label {
	width: 100%;
    margin: 0;
}
.woocommerce-input-wrapper {
	display: block;
	width: 100%;
}
.woocommerce form .form-row input {
	background: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    color: #282828;
}
body.themeLight.woocommerce form .form-row input {
	background: #282828;
	color: #fff;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: none;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	padding: 15px;
}



.woocommerce ul.order_details {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
.woocommerce ul.order_details li {
	margin: 5px 0;
	padding: 0;
	width: 100%;
	border: none;
}



.header-addition .dropdown-menu {
	background: none;
	border: none;
	border-radius: 0;
	padding: 0;
}
.header-addition form input {
	background: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    color: #282828;
}
body.themeLight .header-addition form input {
	background: #000;
	color: #000;
}




.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	margin: 0 0 40px;
}

.woocommerce form .password-input, .woocommerce-page form .password-input {
	display: block;
	width: 100%;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address {
	display: none;
}


.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
	border: 1px solid #fff;
	text-align: center;
}
body.themeLight.woocommerce-account .woocommerce-MyAccount-navigation ul {
	border-color: #282828;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	margin: 5px 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	color: #fff;
}
body.themeLight.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	color: #282828;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	float: none;
	width: 100%;
}

.product-terms {
	margin: 0 0 35px;
}
.product-terms a {
	font-size: 16px;
    color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
    padding: 5px 10px;
	font-size: 14px;
	margin: 2px;
    display: inline-block;
    border-radius: 10px;
}
body.themeLight .product-terms a {
	color: #282828;
	border-color: #282828;
}
.woocommerce-loop-category__title mark {
	display: none;
}

.woocommerce .woocommerce-breadcrumb {
	margin: 15px 0;
	font-size: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.woocommerce .woocommerce-breadcrumb a {
	color: #222;
	background: #fff;
	display: inline-block;
	font-size: 17px;
	margin: 2px 5px;
	padding: 0px 5px;
	border-radius: 5px;
}
body.themeLight.woocommerce .woocommerce-breadcrumb a {
	color: #fff;
	background: #282828;
}


.logo-pay {
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo-pay img {
	margin: 0 10px;
	height: 20px;
}

.recommend-products {
	clear: both;
}
.recommend-products h2 {
	font-size: 21px;
    font-weight: 300;
}

.woocommerce-shipping-destination {
	display: none;
}


.language-chooser {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.language-chooser li {

}
.language-chooser li a {
	text-transform: uppercase;
    font-size: 18px;
}



.product-type-variable .summary.entry-summary .row > .col-6 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.product-type-variable .variations_form.cart {
	margin-top: 20px;
}
.woocommerce div.product form.cart .variations select {
	background: #fff;
  border: none;
  border-radius: 50px;
  padding: 7px 10px;
}

.term-description {
	max-width: 1000px;
	margin: 10px auto 30px;
}


@media(min-width:576px) {
	.menu-bottom ul li {
		width: 20%;
		flex: 0 0 20%;
	}
	.product-item .woocommerce-loop-product__title {
		font-size: 16px;
	}
	.product-item__img .price {
		padding: 10px 15px;
		font-size: 16px;
	}
}
@media(min-width:768px) {
	.menu-bottom ul li {
		width: calc(100% / 6);
		flex: 0 0 calc(100% / 6);
	}
	.product-single-image,
	.woocommerce div.product div.summary {
		width: 50%;
   		left: 0;
		float: left;
		margin: 0 0 35px;
	}
	.woocommerce div.product div.summary {
		padding-left: 50px;
	}
	.woocommerce div.product div.images {
		margin-bottom: 0;
	}
	.admin-bar .header-contacts-block {
	margin-top: 47px;
}
}
@media(min-width:992px) {
	.menu-bottom ul li {
		width: calc(100% / 8);
		flex: 0 0 calc(100% / 8);
	}
	.woocommerce div.product,
	.products.row,
	.all-cat {
		margin-bottom: 0;
		position: relative;
		max-width: 1000px;
		margin: auto;
	}
}