@charset "UTF-8";
/* CSS Document

Stargate

╔═══╦╗░░░░░░░╔╗░░░░░░░░░░░░╔═══╦═══╦═══╗
║╔═╗║║░╔╗░░░░║║░░░░░░░░░░░░║╔═╗║╔═╗║╔═╗║
║║░║║╚═╬╬══╦═╝╠═╗╔══╦╗╔╦══╗║║░╚╣╚══╣╚══╗
║║░║║╔╗╠╣║═╣╔╗║╔╗╣╔╗║╚╝║║═╣║║░╔╬══╗╠══╗║
║╚═╝║╚╝║║║═╣╚╝║║║║╔╗║║║║║═╣║╚═╝║╚═╝║╚═╝║
╚═══╩══╣╠══╩══╩╝╚╩╝╚╩╩╩╩══╝╚═══╩═══╩═══╝
░░░░░░╔╝║░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░╚═╝░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░

>>>>>>>>>>> ROUNDED DESIGN <<<<<<<<<<<<

*/

@font-face {
    font-family: Montserrat-Regular; /* deklarace fontu */
    src: url(/ui/system/font/Montserrat-Regular.ttf) /* propojení na umístění souboru */
}
@font-face {
    font-family: Montserrat-Bold; /* deklarace fontu */
    src: url(/ui/system/font/Montserrat-Bold.ttf) /* propojení na umístění souboru */
}

*{
	font-family: Montserrat-Regular;
	margin: 0;
	padding: 0;
	font-size: 4vw;
	-webkit-overflow-scrolling: touch;
}
h1, h2, h3, h4, p, span, label {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
::-moz-placeholder {
	opacity: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
html { 
	touch-action: manipulation;
	/*height: 100%;*/
}
h1 {
	font-size: 12vw;
	font-family: Montserrat-Bold;
	text-transform: uppercase;
}
h2 {
	font-size: 9vw;
	font-family: Montserrat-Bold;
	text-transform: uppercase;
}
h3 {
	font-size: 7vw;
	font-family: Montserrat-Bold;
	text-transform: uppercase;
}
h4 {
	font-size: 5vw;
	font-family: Montserrat-Bold;
	text-transform: uppercase;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.left-text {
	text-align: left;
}
.right-text {
	text-align: right;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
a {
	text-decoration: none;
}
a:hover {
	
}
a.btn-href {
	-webkit-border-radius: 360;
	-moz-border-radius: 360;
	border-radius: 360vw;
	cursor: pointer;
	margin: 3vw;
}
.back-btn {
	padding: 0 6vw 0 4vw;
	z-index: 70;
	height: 12vw;
	line-height: 12vw;
	display: inline-block;
	position: fixed;
	left: 2vw;
	top: 14vw;
}
.btn-icon {
	width: 3.5vw;
	height: 12vw;
	display: block;
	margin: 0 3vw 0 0;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	float: left;
}
input, select, date {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/********************* INPUT STYLES ******************/
.field {
  display: flex;
  flex-flow: column-reverse;
  margin: 1vw 0;
}
label, input, textarea {
  transition: transform 0.2s;
  touch-action: manipulation;
}
input, textarea {
	width: 87%;
	font-size: 5vw;
	border: 0;
	font-family: inherit;
	-webkit-appearance: none;
	border-radius: 0;
	padding: 0.5vw 10% 2.5vw 3%;
	cursor: text;
	background-position: center right 2%;
	background-size: auto 45%;
	background-repeat: no-repeat;
	margin: 0 0 2vw 0;
}
input:focus, textarea:focus {
	outline: 0;
}
label {
	font-size: 3vw;
}
input:placeholder-shown + label, textarea:placeholder-shown + label {
	cursor: text;
	max-width: 66.66%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transform-origin: left bottom;
	transform: translate(0, 7.5vw) scale(1.5);
}
::-webkit-input-placeholder {
	opacity: 0;
	transition: inherit;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
	opacity: 1;
}
input:not(:placeholder-shown) + label,
input:focus + label {
	transform: translate(0, 0) scale(1);
	cursor: pointer;
}
textarea:not(:placeholder-shown) + label,
textarea:focus + label {
	transform: translate(0, 0) scale(1);
	cursor: pointer;
}

input[type="submit"], input[type="button"] {
	border: none;
	-webkit-border-radius: 360;
	-moz-border-radius: 360;
	border-radius: 360vw;
	padding: 3vw 0;
	cursor: pointer;
	margin: 3vw 0;
	outline: none;
	width: 100%;
	background-position: center;
	background-size: cover;
	display: inline-block;
	text-align: center;
}
footer {
	display: none;
}
#timepicker {
	padding: 10px;
    border: none;
    font-size: 1.2em;
}

/*** BLUE BUTTON FIX ***/
button:active {
	outline: none;
	border: none;
}
button:focus {
	outline:0;
}

/***************************************************************** ////// ******************************************************/
/*****************************************************************   ID   *****************************************************/
/***************************************************************** \\\\\\ ****************************************************/

#login {
	display: none;
}
#factory-select {
	display: none;
}
#account-settings {
	display: none;
}
#menu-box {
	display: block;
}
#home {
	display: block;
}
#cart {
	display: none;
}
#cartOverlay-1 {
	display: none;
}
#cartOverlay-2 {
	display: none;
}
#cartOverlay-3 {
	display: none;
}
#contact {
	display: none;
}
#maps {
	display: none;
}
#item-detail {
	display: none;
}
#gallery {
	display: none;
}
#gallery-items {
	display: none;
}
#news {
	display: none;
}
.notification {
	display: none;
}
#favorite-items {
	display: none;
}
#orders-history {
	display: none;
}
#alergens-list {
	display: none;
}
.js-news-template {
	display: none;
}
.js-item-unavailable-btn {
	display: none;
}
#reservation-detail {
	display: none;
}
#company-terms {
	display: none;
}
/***************************************************************** ////// *****************************************************/
/***************************************************************** CLASS *****************************************************/
/************************************************************ \\\\\\ **********************************************************/

.hw-acc {
	-webkit-transform:translate3d(0px, 0px, 0px);
	transform:translate3d(0px, 0px, 0px);
}
.invisible {
	display: none;
}
.body-container {
	width: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0;
}
.section {
	position: relative;
	z-index: 20;
}
.cleaner, .clear {
	clear: both;
}
button.menu-hide-btn {
	width: 25vw;
	height: 15vw;
	display: block;
	cursor: pointer;
	position: absolute;
	z-index: 5;
	border: none;
	top: 0vw;
	right: 0vw;
	background-position: center right 5vw;
	background-repeat: no-repeat;
	background-size: 6vw;
}
ul.menu {
	padding: 0;
	width: 90%;
	height: 100%;
	position: fixed;
	z-index: 101;
	display: block;
	transition: all 0.5s;
	top: 0vw;
	right: -100%;
	opacity: 0;
}
ul.menu.active {
	transition: all 0.5s;
	right: 0vw;
	opacity: 1;
}
.menu-content {
	background-size: auto 15vw;
	background-position: center top 2.5vw;
	background-repeat: no-repeat;
	max-height: 87vh;
	overflow-x: hidden;
	overflow-y: auto;
}
.menu-content:before {
	position: absolute;
	bottom: 0vw;
	width: 85%;
	padding: 0 0 0 15%;
	display: block;
	height: 8vw;
	line-height: 8vw;
	opacity: 0.3;
	background-position: center left 2.5%;
	background-repeat: no-repeat;
	background-size: auto 70%;
	font-size: 3vw;
}
.menu-content-logo {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 40vw;
	position: relative;
	text-align: center;
}
.menu-content-logo::after {
	content: '';
	width: 100%;
	height: 40vw;
	bottom: 0vw;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.menu-logo {
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 25vw;
	width: 100%;
	height: 40vw;
	display: block;
	z-index: 2;
	position: absolute;
	top: 0vw;
}
.menu-signature {
	position: absolute;
	bottom: 0vw;
	left: 0vw;
	width: 90%;
	height: 8vw;
	line-height: 8vw;
	padding: 0 0 0 10%;
	background-position: center left 2%;
	background-repeat: no-repeat;
	background-size: auto 60%;
	opacity: 0.6;
}
.menu-image-top {
	position: relative;
}
.toppanel {
	width: 100%;
	height: 15vw;
	position: absolute;
	top: 10vw;
	z-index: 100;
	background-position: center right 5vw;
	background-repeat: no-repeat;
	background-size: auto 60%;
	transition: all 0.5s;
}

/*IPHONE X and more display FIX*/
.toppanel::before {
	content: '';
	width: 100%;
	height: 20vh;
	position: absolute;
	top: -20vh;
	left: 0;
	display: block;
	z-index: 1;
}

.toppanel.mini-menu {
	position: fixed;
	top: 0;
	transition: all 0.5s;
}
.toppanel img {
	left: 3vw;
	width: auto;
	height: 10vw;
	position: absolute;
	top: 2.5vw;
	cursor: pointer;
}
.toppanel.mini-menu img {
	height: 90%;
	top: 50%;
	transform: translateY(-50%);
}
button.toppanel-btn {
	position: absolute;
	right: 0vw;	
	width: 25vw;
	height: 15vw;
	border: none;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 40%;
	cursor: pointer;
}
.slide {
}
.slide::after {
}
li.menu-btn {
	cursor: pointer;
	padding: 2vw;
	font-size: 4vw;
}
.menu-btn.selected {
}
.menu-btn.account-menu {
	border-left: 0vw;
	padding: 4vw 5%;
	position: absolute;
	bottom: 8vw;
	display: block;
	width: 90%;
}
.dummy {
	
}
.menu-btn-content {
	background-position: center right 3vw;
	background-repeat: no-repeat;
	background-size: auto 60%;
	height: 10vw;
	line-height: 10vw;
	padding: 0 0 0 1.5vw;
}
.app-banner-content {
	width: 100%;
	margin: 0;
}
.app-banner-content img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
.app-banner-image {
	display: none;
	width: 100%;
	height: 100vw;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.app-banner-image.active {
	display: block;
}
.no-banners {
	margin: 15vw 0 0 0;
}
.swiper-pagination {
	
}
.swiper-pagination-bullets {
	
}
.swiper-pagination-bullet {
	display: inline-block;
	width: 4vw;
	height: 4vw;
	border-radius: 360vw;
}
.swiper-pagination-bullet-active {
	
}
.banner-version-app, .banner-version-app_multiapp {
	display: block;
}
.banner-version-eshop, .banner-version-eshop_multiapp {
	display: none;
}
.extended-menu {
	display: block;
	width: 100%;
	height: 18vw;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 2vw 0;
}
.food-types {
	white-space: nowrap;
	text-align: center;
}
.food-type-button {
	height: 15vw;
	line-height: 15vw;
	display: inline-block;
	padding: 0 7vw;
	margin: 0 1.5vw;
	border-radius: 360vw;
	background-size: 0px;
	text-align: left;
	cursor: pointer;
}
.food-type-button img {
	width: 7vw;
    height: 7vw;
    margin: 0px 3vw -2vw 0;
}
/*SUB CATEGORY MENU*/
.food-types {
	height: auto;
	overflow-x: auto;
    overflow-y: hidden;
}
.food-type-button.extra {
}
.scroll-to-top {
	position: fixed;
	top: 80vh;
	left: 0;
	width: 15vw;
	height: 15vw;
	cursor: pointer;
	z-index: 10;
	opacity: 0.7;
}
.scroll-to-top-icon {
	width: 100%;
	height: 15vw;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 60%;
}
.cookies-box {
	position: relative;
	bottom: 15vw;
	left: 0;
	display: none;
	width: 100%;
	z-index: 1;
	text-align: center;
}
.cookies-box p {
	display: inline;
	padding: 5vw 5%;
	width: 90%;
	text-align: center;
	float: none;
}
.cookies-box button {
	padding: 5vw 0;
	width: 100%;
	float: none;
	border: none;
	cursor: pointer;
}

.orders-history-box, .favorite-items-box, .news-box, .alergens-box {
	margin: 20vw 5%;
}
	
.orders-history-box h4, .favorite-items-box h4, .news-box h4, .alergens-box h4 {
	margin: 2vw 0;
}

/************************************************************** Tutorial ***************************************************/
.tutorial-box {
	display: none;
}

/************************************************************** BOTTOM-line ***************************************************/

.bottom-panel {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 100;
}
.bottom-panel::before {
	content: '';
	z-index: -1;
	position: absolute;
	height: 10vw;
	width: 100%;
	display: block;
	bottom: 10vw;
	pointer-events: none;
}
.bottom-btn {
	width: 21%;
	height: 10vw;
	display: block;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 60%;
	cursor: pointer;
	text-align: center;
}
.bottom-btn-center {
	display: inline-block;
	line-height: 4vw;
	margin: 4vw 0vw 0vw 0vw;
}
.bottom-btn h4 {
	font-size: 4vw;
	line-height: 0.5vw;
}
.bottom-btn label {
	font-size: 2vw;
	line-height: 0.5vw;
}
.bottom-btn-cart {
	width: 15vw;
	margin: -5vw 0vw 0vw 0vw;
	height: 15vw;
	display: block;
	float: left;
	border-radius: 360%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 90%;
	cursor: pointer;
	text-align: center;
}
.bottom-btn-cart h4 {
	font-size: 4vw;
	line-height: 16.5vw;
}
.favorite-food {
}
.last-orders {
}
.account {
}
.points {
}

/********************************************************** ITEM **********************************************************/
.items {
	margin: 0 0 30vw 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.items h2 {
	text-align: center;
	width: 100%;
}
.items-title {
	display: flex;
    padding: 15vw 0 2.5vw 0;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}
.items-title p {
}
.items-title p::before {
	content: "";
    width: auto;
    height: 1px;
    margin: 2.5vw 0;
    background-color: rgba(0,0,0,0.30);
    display: block;
}
.product, .item {
	position: relative;
	margin: 5vw 1%;
	width: 48%;
	float: left;
	padding: 0 0 55vw 0;
}
.content{
	width: 100%;
}
.item-photo-content {
	width: 100%;
	position: relative;
	padding: 0;
	min-height: 50vw;
	float: none;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0 -2vw;
	transition: all 0.3s ease-out;
}
.item-photo-content-bottom {
	position: relative;
	background: none;
	overflow: hidden;
	float: none;
	width: 100%;
	text-align: center;
	padding: 45vw 0 0 0;
}
.item-photo-content-bottom h4 {
	padding-top: 2.5vw;
}
.item-photo-content-bottom p {
	font-family: Montserrat-Regular;
	width: 100%;
	text-align: justify;
	font-size: 0.9em;
	overflow: hidden;
	max-height: 200px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.stickers-content {
	position: absolute;
	top: 0;
	right: 0;
	text-transform: uppercase;
	width: 100%;
	max-height: 77%;
	overflow: hidden;
}
.sticker {
	float: right;
	padding: 2vw;
	font-family: Montserrat-Bold;
	font-size: 0.95em;
}
.item-info-panel, .reservation-info-panel {
	height: auto;
	width: 100%;
	float: none;
	text-align: center;
	position: absolute;
	bottom: 20vw;
}
.item-info-btn {
	width: 100%;
	line-height: 10vw;
	display: inline-block;
	float: none;
	text-align: center;
	background-position: center right 5vw;
	background-repeat: no-repeat;
	background-size: auto 40%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.reservation-info-panel .item-info-btn {
	width: 100%;
}
.item-info-btn select {
	border: none;
   	width: 100%;
   	font-size: 5vw;
   	transition: all 0.5s;
   	padding: 1vw 2vw 2vw 4vw;
   	margin: 0vw;
   	-webkit-outline: none;
   	-moz-outline: none;
   	outline: none;
	cursor: pointer;
	background-position: center right 2vw;
   	background-repeat: no-repeat;
   	background-size: auto 50%;
}
.item-info-btn h4 {
	font-size: 4.5vw;
}
.item-info-btn .review-star {
	width: 4vw;
	height: 4vw;
	margin: 3vw 0 0 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 90%;
	display: inline-block;
	text-align: center;
}
.review-star.active {
}
.item-buy-btn, .item-buy-now {
	position: absolute;
	width: 47%;
	float: none;
	height: 15vw;
	display: inline-block;
	border-radius: 360vw;
	cursor: pointer;
	margin: 0;
	padding: 0;
	bottom: 2.5vw;
}
.item-buy-btn {
	left: 0vw;
}
.item-buy-now {
	right: 0vw;
}
.item-buy-btn-icon, .item-buy-now-icon {
	width: 100%;
	height: 15vw;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
}
.item-change-btn {
	position: relative;
	width: 15%;
	float: left;
	text-align: center;
}
.item-change-btn span {
	width: 100%;
	height: 23.3vw;
	line-height: 23.3vw;
}
.change-btn {
	width: 100%;
	height: 23.3vw;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
	cursor: pointer;
}
.item-taste-box {
	padding: 2.5vw;
}
.item-taste-box p {
}
.item-taste-box label {
}
.js-toggle-list-view {
	width: 15%;
	height: 15vw;
	display: block;
	float: right;
	background-position: center;
	background-size: auto 45%;
	background-repeat: no-repeat;
	cursor: pointer;
}
.item-sale-date {
	padding: 2vw 2.5%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}
.item-sale-date h4 {
	font-size: 5vw;
	line-height: 3.5vw;
	text-transform: uppercase;
}
.item-sale-date span {
	font-size: 2.7vw;
}
.daily-menu-day {
	padding: 0 2vw;
    font-size: 2em;
    line-height: 2em;
	width: 100%;
	display: block;
}
.product-detail .add-cart-quantity, .item-detail .add-cart-quantity {
	display: none!important;
}

/************************************************ ENHANCEMENT BOX **************************************************/
.overlay-enhancement-box {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	height: 100%;
	width: 100%;
	display: none;
	text-align: center;
}
.overlay-enhancement-box.active {
	display: block;
}
.overlay-enhancement-content {
	width: 100%;
	display: inline-block;
	position: relative;
	top: 52%;
	transform: translateY(-50%);
	height: 77%;
	display: flex;
    flex-flow: column;
    align-items: stretch;
}
.overlay-enhancement-box .extended-menu-taste {
	flex: 0 0 auto;
}
.enhancement-box {
	flex: 1 1 auto;
	overflow-x: hidden;
	overflow-y: auto;
}
.overlay-enhancement-box .extended-content-box {
}
.overlay-enhancement-box .cart-bottom-btns {
	flex: 0 1 auto;
	width: 100%;
}
.overlay-enhancement-box .cart-back-btn a, .overlay-enhancement-box .cart-pay-btn a {
	width: 50%;
	overflow: hidden;
}
.enhancement-header {
	padding: 15vw 5%;
	width: 90%;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: left;
	font-size: 2.5em;
	font-family: Montserrat-Bold;
}
.overlay-enhancement-content .delete-btn, .configurator-enhancement-content .delete-btn {
	cursor: pointer;
	top: -5vw;
}

/**************************************************** ITEM - RESERVATION ************************************************/
.reservation-desc-column, .reservation-hashtag-box {
	padding: 1vw 5%;
}
.reservation-desc-column p {
	text-align: justify;
}
.reservation-hashtag-box span {
	padding: 1vw 1.5vw 1vw 5.5vw;
	display: block;
	float: left;
	background-position: center left 1.5vw;
	background-repeat: no-repeat;
	background-size: auto 50%;
	border-radius: 360vw;
	margin: 0.5vw;
}
.reservation-calendar-box {
	margin: 5vw 0;
}
.reservation-calendar-box h4 {
	margin: 0 5%;
}
.reservation-calendar {
	width: 100%;
}
.reservation-cal-left {
	float: left;
	width: 20%;
	display: block;
}
.reservation-cal-right {
	float: left;
	width: 80%;
	display: block;
	padding: 15vw 0;
	overflow-x: auto;
	overflow-y: hidden;
}
.reservation-cal-arrow, .reservation-cal-day {
	width: 100%;
	height: 15vw;
	text-align: center;
	line-height: 15vw;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 50%;
}
.reservation-cal-days-column {
}
.reservation-cal-overflow {
	white-space: nowrap;
} 
.reservation-cal-line {
	
}
.res-cal-width-max {
	width: 100%;
	margin: 0 0;
	display: inline-block;
	cursor: pointer;
}
.res-cal-width-auto {
	margin: 0 1vw 0 0;
	padding: 0 2vw;
	display: inline-block;
	cursor: pointer;
}
.res-cal-width-max span {
	font-size: 0vw;
}
.res-cal-width-max span, .res-cal-width-auto span {
	width: 100%;
	height: 15vw;
	text-align: center;
	line-height: 15vw;
}

.reservation-header-tables_form, .reservation-header-rooms_form, .reservation-header-bowling_form, .reservation-header-squash_form {
	width: 90%;
	padding: 15vw 5% 2vw 5%;
	margin: -5vw 0 5vw 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.reservation-header-tables_form::before, .reservation-header-rooms_form::before, .reservation-header-bowling_form::before, .reservation-header-squash_form::before  {
	content: '';
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 35vw;
	bottom: 0;
	left: 0;
}

/************************************************************ CART ********************************************************/

.cart-box {
	margin: 20vw 0;
}
.cart-box h4 {
	margin: 0 0 0 2.5vw;
}
.cart-right-box {
}
.cart-sum {
	width: 100%;
}
.cart-price-column {
	width: 100%;
	padding: 0.5vw 0;
}
.cart-col-name {
	padding: 0 0 0 3%;
	width: 67%;
	float: left;
}
.cart-col-value {
	width: 27%;
	float: left;
	padding: 0 3% 0 0;
	text-align: right;
}
.cart-bonus .cart-col-name, .cart-bonus .cart-col-value {
}
.cart-price .cart-col-name, .cart-price .cart-col-value{
	font-size: 5vw;
	font-weight: 600;
}
.cart-bottom-btns {
}
.cart-back-btn {
	
}
.cart-back-btn a {
	display: block;
	width: 50%;
	height: 15vw;
	text-align: center;
	line-height: 15vw;
	cursor: pointer;
	float: left;
}
.cart-pay-btn {
}
.cart-pay-btn a {
	display: block;
	width: 50%;
	height: 15vw;
	text-align: center;
	line-height: 15vw;
	cursor: pointer;
	float: left;
	background-repeat: no-repeat;
	background-position: center left 10%;
	background-size: auto 55%;
}
.cart-items {
}
.item-taste-btn-icon {
	width: 100%;
	height: 35vw;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
}
.extended-menu-taste {
	display: block;
	width: 100%;
	height: 15vw;
	overflow-x: auto;
	overflow-y: hidden;
}
.extended-menu-taste .ingredient-types {
	white-space: nowrap;
	text-align: center;
}
.extended-menu-taste .ingredient-type-button {
	height: 15vw;
	line-height: 15vw;
	display: inline-block;
	float: none;
	padding: 0 7vw 0 15vw;
	border-top: none;
	border-bottom: none;
	border-left: none;
	background-position: center left 3vw;
	background-repeat: no-repeat;
	background-size: auto 40%;
	text-align: center;
	cursor: pointer;
}
.js-addon-items .item-show-addons-btn {
	width: 100%;
	float: none;
	height: 15vw;
	display: block;
	border-right: none;
	border-top: none;
	border-bottom: none;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.js-addon-items .item-taste-btn-icon {
	height: 15vw;
	background-position: center;
	background-size: auto 50%;	
}
.extended-content-box {
}
.extended-content-taste {
	
}
.extend-qantity-btn {
	float: left;
	width: 15%;
	height: 14vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
	display: block;
}
.extended-column {
	background-size: auto 70%;
    float: left;
    width: 60%;
    padding: 0 0 0 10%;
    background-repeat: no-repeat;
    height: 50px;
    background-position: center left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.select-content {
	width: 90%;
	height: auto;
	margin: 2vw 0;
	background-position: center left 0.5vw;
    background-size: auto 70%;
    background-repeat: no-repeat;
    padding: 0 0 0 10%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.extended-title {
	display: inline-block;
    float: left;
    width: 60%;
	padding: 0;
	text-align: left;
}
.extended-quantity {
	float: left;
    display: inline-block;
    text-align: center;
    width: 10%;
}
.extended-price {
	display: inline-block;
    float: left;
    text-align: center;
    width: 30%;
}
.cart-form-box {
	margin: 0 5%;
	width: 90%;
}
.cart-form-box p {
	padding: 0 0 3vw 0%;
	font-size: 0.85em;
}
.product-delete-btn {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}
.product-delete-icon {
	width: 10vw;
	height: 10vw;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
}
.cart-inform-column {
	padding: 2.5vw 5%;
}
.cart-inform-column h4, .cart-inform-column p {
	padding: 0vw;
	margin: 0vw;
	font-size: 3vw;
}
.js-cart-action-container {
	width: 90%;
	padding: 2vw 5%;
}
.js-action-name {
	font-size: 1.2em;
}
.js-action-buttons-container {
	margin: 2vw 0 0 0;
}
.js-cart-action-container button {
	padding: 2.5vw;
	border-radius: 360px;
	border: 0px;
	cursor: pointer;
}
.online-payment-wrapper {
	display: block;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1000;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.online-payment-content {
	display: block;
	width: 100%;
	text-align: center;
	z-index: 1;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.online-payment-content a {
	display: inline-block;
	padding: 25px 10%;
	width: 40%;
	font-size: 1.5em;
	text-align: center;
	background-color: #51b84b;
	color: #FFFFFF;
	text-decoration: none;
}
.save-data-box {
	
}
.save-data-desc {
	width: 75%;
	line-height: 12vw;
}
.save-data-checkbox {
	width: 25%;
}
.save-data-checkbox label .toggle-control {
	width: 20vw;
}
.save-data-checkbox .toggle input:checked + .toggle-control:after {
      left: 14vw; 
}
.save-data-desc, .save-data-checkbox {
	display: block;
	float: left;
	height: 15vw;
}
.cart-box .product, .cart-box .item {
	position: relative;
	margin: 5vw 0;
	width: 100%;
	float: none;
	padding-bottom: 0;
}
.cart-box .content {
	width: 85%;
	float: left;
}
.cart-box .item-photo-content {
	height: 60vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.cart-box .item-photo-content-bottom {
	width: 97%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5vw 0 1.5vw 3%;
	z-index: 10;
	text-align: left;
}
.cart-box .item-info-panel, .cart-box .reservation-info-panel {
	margin: 0;
	padding: 0;
	bottom: unset;
	position: relative;
}
.cart-box .item-info-btn {
	width: 33%;
	height: 10vw;
	line-height: 10vw;
	float: left;
	text-align: center;
	background-size: 0%;
}
.cart-box .item-change-btn {
	position: relative;
	width: 15%;
	float: left;
	text-align: center;
}
.cart-box .change-btn {
	width: 100%;
	height: 23.3vw;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
	cursor: pointer;
}
.cart-box .item-change-btn span {
	width: 100%;
	height: 23.3vw;
	line-height: 23.3vw;
}
.address-error-box {
	padding: 3vw;
}
.address-error-box.address-error {
}
.js-address-error {
	display: none;
}
.bonus-points-box {
}
.bonus-points-content {	
}
.bonus-points-head {
}
.bonus-points-head h4 {		
}
.bonus-points-head span {
	margin: 0 0 0 2.5vw;
}
.bonus-points-controller {
	padding: 3vw 3%;
	margin: 2vw 0 0 0;
}
.bonus-points-remain {
	display: block;
	width: 90%;
    padding: 0 0 0 7%;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 100%;
}
.bonus-points-controll-panel {
	width: 100%;
	margin: 0 0 2.5vw 0;
}
.bonus-points-btn {
	background-position: center;
	background-size: auto 60%;
	background-repeat: no-repeat;
	width: 15%;
	height: 15vw;
	display: block;
	float: left;
	cursor: pointer;
}
.bonus-points-value {
	float: left;
	height: 15vw;
	line-height: 15vw;
	display: block;
	width: 70%;
	text-align: center;
}
.bonus-points-value h4 {
	font-size: 1.5em;
	display: inline;
}
.bonus-points-value span {
	font-size: 0.9em;
	display: inline;
}
.bonus-points-href-btn {
	padding: 2.5vw 5vw;
}
.bonus-points-center-class {

	margin: 5vw 5%;
	text-align: center;
}
.package-item-cart {
	background-size: auto 50%;
	background-position: center left 10%;
	background-repeat: no-repeat;
}
.select-address {
	display: none;
}
.require-consent {
	opacity: 0.3;
}

/************************ CUPONS ********************************/
.coupon-box {
}
.coupon-content {
	margin: 0 3%;
    width: 94%;
}
.coupon-head {
}
.coupon-content .field {
	width: 85%;
	float: left;
}
.coupon-cart {
}
.actions-container .cart-price-column.coupon-cart, .actions-container .cart-price-column.cart-bonus {
	padding: 3vw 2.5% 3vw 6.5%;
    width: 91%;
    background-repeat: no-repeat;
    background-position: center left 2.5%;
    background-size: auto 6vw;
}
.set-coupon-btn, input[type="submit"].set-coupon-btn, input[type="button"].set-coupon-btn, button.set-coupon-btn {
	border: none;
	width: 15%;
	margin: 0;
    padding: 0;
    height: 14vw;
	border-radius: 0;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
}
.coupon-cart .cart-col-name, .coupon-cart .cart-col-value {
	line-height: 10vw;
}
.coupon-cart .cart-col-name {
    padding: 0 0 0 3%;
    width: 62%;
    float: left;
}
.coupon-cart .cart-col-value {
    width: 22%;
    float: left;
    padding: 0 3% 0 0;
    text-align: right;
}
.coupon-delete-btn {
	float: right;
	width: 10%;
	height: 10vw;
	border: none;
	border-radius: 360%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
}
/*********************** WHISPERER **********************************/
.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	max-width: 90%;
	padding: 0.5vw 0;
	margin: 0 0 0.5vw 15vw;
	list-style: none;
	border-style: solid;
	border-width: 1px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}
.ui-menu-item-wrapper {
	margin: 0.5vw;
	padding: 3vw 0;
	cursor: pointer;
	display: block;
	overflow: hidden;
	transition: all 0.3s;
	position: relative;
}
.ui-menu-item>a.ui-corner-all {
	display: block;
	padding: 1vw 0.5vw;
	clear: both;
	white-space: nowrap;
	text-decoration: none;
}
.ui-state-hover,
.ui-state-active {
	text-decoration: none;
	background-image: none;
}
.ui-helper-hidden-accessible { 
	display:none; 
}

/***************************************************************** LOGIN ***************************************************/

a.bottom-href {
	position: fixed;
	bottom: 20vw;
	display: block;
	text-align: center;
	width: 100%;
}
.login-wrapper {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 0;
	text-align: center;
}
.login-wrapper::after {
	position: fixed;
	display: block;
	content: '';
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 1;
}
.login-content {
	z-index: 1;
	width: 90%;
	display: inline-block;
	position: relative;
	top: 40%;
	transform: translateY(-40%);
}
.desc-article {
	padding: 2vw 20%;
}
.login-frm, .pair-frm {
	text-align: left;
	margin: 0 10%;
}
#login-step-1 .login-article-column {
	display: none;
}

/***************************************************************** MAP **********************************************************/

.map-container {
	
}
.map-container {
	
}
.map-content {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 90vh;
	top: 15vw;
	border: 0;
}
.map-info-box {
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1;
	top: 15vw;
	left: 0vw;
}
.map-content-image {
	width: 100%;
	height: 70vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.map-content-title {
	width: 100%;
	bottom: 0vw;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.map-content-title h4 {
	padding: 0 0 2.5vw 2.5vw;
}
.map-description {
	float: left;
	width: 71%;
	margin: 2.3vw 0vw 0vw 0vw;
}
.map-description p {
	text-align: center;
}
.map-bottom-panel {
}
.map-bottom-panel input[type="submit"] {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 29%;
	padding: 0vw;
	cursor: pointer;
	margin: 0vw;
	height: 15vw;
	line-height: 15vw;
	display: block;
	text-align: center;
}

/******************************************************** KONTAKT ******************************************************/

.contact-top-banner {
	
}
.contact-top-banner h4 {
	text-align: center;
	margin: 2.5vw 0;
}
.contact-top-banner-content {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	padding: 50vw 0 0 0;
}
.call-container {
	
}
.call-button-content {
	height: 14vw;
	line-height: 14vw;
	margin: 1vw 0;
}
.call-button-content h3 {
	font-weight: 300;
	text-align: center;
	width: 71%;
	float: left;
}
.call-button {
	width: 29%;
	cursor: pointer;
	padding: 0;
	float: right;
	line-height: 14vw;
	font-size: 0.8em;
}
.call-button-icon {
	float: left;
	width: 10vw;
	height: 14vw;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 6vw;
}
.open-hours-box {
	
}
.open-hours-box h4 {
	padding: 2vw 0 2vw 2vw;
}
.open-hours-content {
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.open-hours-D {
	border-top: none;
	border-left: none;
	border-bottom: none;
	float: left;
	width: 49%;
	text-align: center;
	line-height: 14vw;
}
.open-hours-H {
	float: left;
	width: 50%;
	text-align: center;
	line-height: 14vw;
}
.contact-form-container {
	
}
.contact-form-container h4 {
	padding: 2vw 0 2vw 2vw;
}
.contact-form-content  {
	padding: 2.5vw 3% 25vw 3%;
}
.contact-form-content textarea {
	border: none;
	width: 94%;
	padding: 3vw 3%;
	height: 30vw;
	text-align: justify;
}
.contact-bottom-panel {
	width: 50%;
	float: left;
}
.contact-bottom-panel select {
	border: none;
	width: 100%;
	height: 14vw;
    font-size: 5vw;
	transition: all 0.5s;
	padding: 0;
	background-position: 0;
	background-repeat: no-repeat;
	background-size: 0;
	margin: 0;
}
.contact-form-content input[type="submit"] {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 4vw 0;
	cursor: pointer;
	margin: 0;
	float: left;
	width: 50%;
}
.message-responce-time-comment {
	margin: 3vw 0;
	text-align: center;
	font-size: 3.5vw;
}
#legend {
	padding: 1vw;
	margin: 1vw;
	top: 9vw;
  }
#legend h3 {
	margin-top: 0;
  }
#legend img {
	vertical-align: middle;
  }
.legend-price-fixed {
	
}
.legend-color-box {
	border-radius: 360px;
    width: 5vw;
    height: 5vw;
    display: inline-block;
    margin: 1vw 1vw 1vw 0;
}

/********************************************************* ITEM-DETAIL ***************************************************/

.product-detail {
	width: 100%;
	position: relative;
}
.item-detail-box {
	
}
.content-detail {
	width: 100%;
}
.item-detail-photo-content {
	height: 80vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	-webkit-transition: all 190ms 245ms ease-in-out;
    transition: all 190ms 245ms ease-in-out;
}
.item-detail-photo-content.zoomed {
	height: 80vh;
	-webkit-transition: all 245ms 190ms ease-in-out;
    transition: all 245ms 190ms ease-in-out;
}
.item-detail-photo-content::after {
	content: '';
	width: 100%;
	height: 25vw;
	bottom: 0vw;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.item-detail-photo-content h4 {
	position: absolute;
	bottom: 2.5vw;
	left: 3vw;
	z-index: 10;
}
.stickers-detail-content {
	position: absolute;
	top: 15vw;
	right: 0;
	text-transform: uppercase;
	max-height: 65vw;
	max-width: 68%;
	overflow: hidden;
}
.stickers-detail-content.sticker {
	float: right;
	padding: 1.5vw 3vw;
	font-family: Montserrat-Bold;
	font-size: 3vw;
}
.favorite-food-box {
	position: absolute;
	right: 0vw;
	bottom: 0vw;
	z-index: 15;
}
button.favorite {
	width: 8vw;
	height: 8vw;
	display: block;
	margin: 2.5vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
	background-color: transparent;
	border: none;
	cursor: pointer;
	float: right;
}
.item-detail-box .item-info-panel, .item-detail-box .reservation-info-panel {
	margin: 0;
	position: relative;
	bottom: unset;
}
.item-detail-box .item-info-btn {
	width: 33%;
	float: left;
	background-size: 0;
}
.item-detail-desc-box {
	margin: 0 0 2.5vw 0;
}
.item-detail-label {
	padding: 2.5vw 2.5vw 2.5vw 12vw;
	background-repeat: no-repeat;
	background-position: center left 2.5vw;
	background-size: 7vw;
	line-height: 7vw;
	min-height: 7vw;
	text-align: left;
}
.alergen-type {
	border-radius: 360vw;
	width: 6.5vw;
	height: 6.5vw;
	text-align: center;
	line-height: 6.5vw;
	float: left;
	margin: 0 0.5vw;
}
.add-cart-column {
	width: 100%;
}
.add-cart-quantity {
	float: left;
	width: 40%;
}
.add-cart-quantity .change-btn {
	width: 33%;
	float: right;
	display: block;
	height: 13.4vw;
	background-size: 60%;
}
.add-cart-quantity label {
	width: 33%;
	float: right;
	display: block;
	height: 13.4vw;
	line-height: 13.4vw;
	text-align: center;
}
input[type="button"].add-to-cart, input[type="button"].add-to-cart-unavailable {
	border: none;
	cursor: pointer;
	float: left;
	width: 60%;
	height: 14vw;
	border-radius: 0vw;
	margin: 0vw;
}
.social-box {
	text-align: center;
	padding: 7vw 0;
}
.social-box span {
	display: block;
	width: 100%;
	margin: 0 0 2.5vw 0;
}
.social-btn {
	border-radius: 360vw;
	display: inline-block;
	cursor: pointer;
	margin: 0 3vw;
}
.social-btn-img {
	width: 10vw;
	height: 10vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
	cursor: pointer;
}
.item-reviews-box {
	margin: 2vw 10% 35vw 10%;
}
.review-box {
}
.review-num-reviews {
	font-size: 5vw;
}
.review {
	margin: 5vw 0 0 0;
}
.review-content-reply {
	width: 100%;
	padding: 2vw;
	position: relative;
}
.review-content-reply p {
	padding: 0 0 0 8vw;
}
.review-company-img {
	position: absolute;
	left: 0;
	top: 0;
}
.review-company-icon {
	width: 10vw;
	height: 10vw;
	background-size: 100%;
	background-repeat: no-repeat;
}
.review-content {
	width: 100%;
	padding: 2vw;
	position: relative;
}
.review-content .review-star {
	width: 4vw;
	height: 4vw;
	margin: 0vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90%;
	display: inline-block;
	text-align: center;
	cursor: default;
}
.review-content p {
	padding: 0 0 0 8vw;
	text-align: justify;
}
.review-user-img {
	position: absolute;
	left: 0;
	width: 10vw;
	height: 10vw;
	border-radius: 360vw;
	margin: -4vw 0 0 -4vw;
}
.review-user-icon {
	width: 10vw;
	height: 10vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
}
.review-name {
	padding: 0 0 0 13%;
}
.review-date {
	position: absolute;
	top: 2vw;
	right: 2vw;
	font-size: 3vw;
}
.review-stars-box {
	padding: 0 0 0 13%;
}
.item-review-form {
	
}
.review-stars {
	padding: 0 0 10vw 0;
	width: 100%;
}
.stars-write-review {
	
}
.stars-write-review .review-stars-1, .stars-write-review .review-stars-2, .stars-write-review .review-stars-3, .stars-write-review .review-stars-4, .stars-write-review .review-stars-5 {
	width: 20%;
	height: 10vw;
	float: left;
	background-image: url("/ui/system/icons/gray/star.svg");
	background-position: center;
	background-size: auto 8vw;
	background-repeat: no-repeat;
	cursor: pointer;
}
.stars-write-review .review-stars-1.active, .stars-write-review .review-stars-2.active, .stars-write-review .review-stars-3.active, .stars-write-review .review-stars-4.active, .stars-write-review .review-stars-5.active {
	background-image: url("/ui/system/icons/green/star_active.svg");
}
.item-review-form input[type="submit"] {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 4vw 0;
	cursor: pointer;
	margin: 0;
	float: left;
	width: 100%;
}
/*.item-review-form input[type="text"], .item-review-form input[type="password"], .item-review-form input[type="number"], .item-review-form input[type="email"], .item-review-form textarea, .item-review-form select, .item-review-form  input[type="tel"] {
	border: none;
	width: 94%;
    font-size: 5vw;
	transition: all 0.5s;
	padding: 4vw 3%;
	background-position: center right 2.5vw;
	background-repeat: no-repeat;
	background-size: auto 7vw;
	margin: 5vw 0vw;
}*/
.item-review-plogin {
	text-align: center;
}
.item-review-plogin a {
	display: inline-block;
	padding: 5vw 10vw;
}
.item-review-plogin-text {
	
}

/*********************************************   RESERVATION DETAIL    *******************************************************/

.reservation-form-box {
	margin: 20vw 0;
}
.reservation-form-box .cart-form-box {
}

/************************************************************* GALLERY *******************************************************/

.gallery-box {
	margin: 15vw 0 0 0;
}
.gallery-content {
	width: 100%;
	height: 60vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.gallery-content::after {
	content: '';
	width: 100%;
	height: 15vw;
	bottom: 0vw;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.gallery-date {
	position: absolute;
	top: 0;
	right: 0;
	padding: 2.5vw;
	font-size: 3vw;
}
.gallery-bottom-content {
	position: absolute;
	bottom: 0vw;
	z-index: 10;
	padding: 0 0 2.5vw 2.5vw;
}
.gallery-bottom-content h4 {
	
}
.gallery-bottom-content label {
	font-size: 3.5vw;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 3.5vw;
	padding: 0vw 2.5vw 0vw 5vw;
}
.gallery-photo-detail {
	margin: 15vw 0 0 0;
}
.gallery-photo-detail::after {
	content: '';
	width: 100%;
	height: 15vw;
	bottom: 10vw;
	display: block;
	position: fixed;
	z-index: 1;
	-webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.photo-content-left {
	float: none;
	width: 100%;
	overflow: hidden;
	margin: 0;
}
.photo-content-right {
	float: none;
	width: 100%;
	overflow: hidden;
	margin: 0;
}
.photo-content-left img, .photo-content-right img {
	width: 100%;
	background-position: center;
	background-size: cover;
	margin: 0;
	padding: 0;
}
.photo-content-left iframe, .photo-content-right iframe {
	width: 100%;
	min-height: 50vw;
	background-position: center;
	background-size: cover;
	margin: 0;
	padding: 0;
}
.gallery-name-title {
	width: 100%;
	position: fixed;
	bottom: 16vw;
	z-index: 2;
	text-align: center;
}

/************************************************************** ACCOUNT *******************************************************/

.account-content {
	width: 100%;
	margin: 15% 0 0 0;
	height: 85%;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
}
.account-info-circle {
	width: 40vw;
	height: 40vw;
	border-radius: 360vw;
	display: inline-block;
	margin: 5vw 0;
}
.account-info-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.account-info-circle h4 {
	font-size: 12vw;
	font-weight: 400;
}
.account-info-circle label {
	
}
.account-form-box {
	
}
.account-form-box a {
	display: inline-block;
	padding: 5vw 10vw;
	margin: 2.5vw 0;
}

/**************************************************************** NEWS **********************************************************/

.new-box {
}
.new-column {
}
.new-content {
	position: fixed;
	top: 27vw;
	z-index: 90;
	border-radius: 10vw;
	margin: 0 5%;
	cursor: pointer;
	padding: 2.5vw 4vw;
	width: 82%;
}
a.new-content {
	word-break: break-all;
}
button.news-delete {
	display: block;
	width: 14vw;
	height: 14vw;
}
.new-title, .new-content p {
	word-break: break-word;
}
.new-title {
	padding: 0 0 0 6vw;
	background-repeat: no-repeat;
	background-size: 5vw;
	background-position: center left;
	font-weight: 600;
	font-size: 5vw;
}
.new-date {
	font-size: 3vw;
}
.new-content p {
	text-align: justify;
	max-height: 30vw;
	overflow: hidden;
}
.delete-btn {
	padding: 0;
	z-index: 91;
	width: 10vw;
	height: 10vw;
	line-height: 10vw;
	display: inline-block;
	position: fixed;
	top: 16vw;
	text-align: center;
	border-radius: 360vw;
	left: 50%;
	transform: translateX(-50%);
}
.delete-btn-icon {
	width: 10vw;
	height: 10vw;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
}

.news-column {
	width: 100%;
}
.news-content {
	border-radius: 5vw;
	padding: 2.5vw 5%;
	width: 90%;
	display: block;
	margin: 2vw 0;
}
a.news-content {
}
.news-title {
	font-size: 5vw;
	background-size: 0;
}
.news-date {
	font-size: 3.5vw;
}

/********************************************************* NOTIFICATION *****************************************************/

.notification-box {
	display: none;
	position: fixed;
	z-index: 99;
	top: 15vw;
	display: inline-block;
	text-align: center;
	width: 100%;
}
.notification {
	background-repeat: no-repeat;
	background-size: 7vw;
	background-position: center top 2vw;
	padding: 10vw 5% 2.5vw 5%;
}
.appStatusMessage {
	position: fixed;
	z-index: 99;
	top: 15vw;
	background-repeat: no-repeat;
	background-size: 11vw;
	background-position: center top 4vw;
	padding: 18vw 5% 2.5vw 5%;
	width: 90%;
	text-align: center;
}
.appDeliveryTimeMessage {
	position: absolute;
	top: 15vw;
	z-index: 99;
	width: 80%;
	display: block;

	padding: 2vw 10%;
	background-size: 0;
	text-align: center;
}

/************************************************************ FAVORITE ********************************************************/

.favorite-items-container {
	margin: 5vw 0 0 0;
	display: flex;
	flex-wrap: wrap;
}
.favorite-item-btn {
	width: 100%;
	height: 10vw;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 5vw;
}
.no-content {
	background-position: center top 5vw;
	background-repeat: no-repeat;
	background-size: 60vw;
	padding: 65vw 5% 0 5%;
	width: 90%;
	text-align: center;
}
.favorite-items-box .item-info-panel, .favorite-items-box .reservation-info-panel {
	margin: 15vw 0 0 0;
}

/********************************************************** Orders history ****************************************************/

.order-his-column {
	width: 100%;
	margin: 10vw 0;
}
.order-his-top {
}
.order-his-date {
	width: 50%;
	height: 10vw;
	line-height: 10vw;
	float: left;
	text-align: center;
}
.order-his-status {
	width: 49.5%;
	float: left;
	height: 10vw;
	line-height: 10vw;
	text-align: center;
}
.order-success {
}
.order-pending {
}
.order-reject {
}
.order-his-adress {
	padding: 2vw 0 2vw 8vw;
	background-position: center left 2vw;
	background-size: 4vw;
	background-repeat: no-repeat;
}
.order-his-list {
	padding: 0 2vw;
}
.order-his-product {
	padding: 2vw 2%;
	width: 96%;
}
.order-his-product:nth-child(even) {
}
.order-title {
	font-family: Montserrat-Bold;
	display: block;
	width: 60%;
	float: left;
}
.order-quantity {
	width: 10%;
	display: block;
	display: inline-block;
	float: left;
	text-align: center;
}
.order-price {
	width: 30%;
	display: block;
	display: inline-block;
	float: left;
	text-align: right;
}
.order-extended {
	font-size: 3.5vw;
}
.order-his-bottom {
	width: 100%;
	height: 14vw;
}
.order-his-price {
	width: 70%;
	height: 14vw;
	float: left;
	text-align: center;
	margin: 3vw 0 0 0;
}
.order-his-price h4 {
	line-height: 0vw;
}
.order-his-price label {
	font-size: 3vw;
	line-height: 0vw;
}
.order-his-btn {
	width: 30%;
	height: 14vw;
	float: left;
}
.order-his-btn button {
	width: 100%;
	height: 14vw;
	border: none;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
}

/***************************************************** RECOMENDED PRODUCTS ***************************************************/
	
.cart-recomend-box {
	margin: 2vw 0;
}
.cart-recomend-box h4 {
	padding: 1vw;
}

.recomend-products-box {
	display: block;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
.recomend-products-overflow {
	 white-space: nowrap;
}
.recomend-product {
	position: relative;
	display: inline-block;
	float: none;
	width: 60vw;
	margin: 0vw 0.5vw;
	height: 30vw;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.recomend-product::after {
	content: '';
	width: 100%;
	height: 30vw;
	bottom: 0vw;
	top: 0vw;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.recomend-product-desc {
	position: absolute;
	z-index: 2;
	bottom: 2vw;
	left: 2vw;
}
.recomend-product h4 {
	padding: 0vw;
	margin: 0;
	font-size: 4vw;
}
.recomend-product span {
}
.recomend-product-icon {
	display: block;
	width: 100%;
	height: 30vw;
	background-size: 6vw;
	background-position: center;
	background-repeat: no-repeat;
}
button.recomend-product-hover {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 30%;
	height: 30vw;
	border: none;
	cursor: pointer;
}

/******************************************************* FILTER BOX *****************************************************/

.filter-products-box {
}
button.filter-products-btn {
	width: 85%;
	height: 15vw;
	line-height: 15vw;
	border: none;
}
.filter-products-content {
	display: none;
}
.filter-products-content.active {
	display: block;
}
.filter-content {
	width: 90%;
	padding: 2vw 5%;
}
.filter-content-100 {
	width: 90%;
	padding: 2vw 5%;
}
.filter-title {
	font-size: 5vw;
	font-weight: 600;
}
.filter-content input[type="text"], .filter-content input[type="password"], .filter-content input[type="number"], .filter-content input[type="email"], .filter-content select, .filter-content  input[type="tel"] {
	border: none;
	width: 85%;
	font-size: 5vw;
	transition: all 0.5s;
	padding: 2.5vw 12.5% 2.5vw 2.5%;
	background-position: center right 2.5vw;
	background-repeat: no-repeat;
	background-size: auto 7vw;
	margin: 2vw 0;
}
input[type="text"].search-filter-input {
	width: 76%;
	float: left;
	padding: 0 2%;
	margin: 2vw 0;
	height: 10vw;
}
.search-filter-btn {
	width: 20%;
	height: 13vw;
	margin: 2vw 0;
	float: left;
	display: block;
	cursor: pointer;
	background-position: center;
	background-size: auto 60%;
	background-repeat: no-repeat;
}
.search-box {
	margin: 2vw 0 0 0;
}
.search-box .field {
	width: 80%;
	float: left;
}

/******************************************************* CHECKBOX - FILTER *****************************************************/

.filter-checkbox {
	display: block;
	float: left;
	width: 46%;
	padding: 5vw 2% 0 2%;
	text-align: center;
	position: relative;
}
.filter-checkbox span {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 1vw;
	left: 0;
	line-height: auto;
}
.toggle .toggle-control {
	transition: all 0.5s;
	width: 35vw;
	height: 6vw;
	display: inline-block;
	float: none;
	border-radius: 6vw;
	position: relative;
	cursor: pointer;
	margin: 2vw 0;
}
.toggle .toggle-control:after {
    transition: all 0.5s;
    content: "";
    width: 6vw;
	height: 6vw;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; 
}
.toggle input {
  display: none; 
}
.toggle input:checked + .toggle-control {
	background-position: center left 10px;
	background-size: auto 60%;
	background-repeat: no-repeat;
}
.toggle input:checked + .toggle-control:after {
      left: 70%; 
}

.select-btn .toggle .toggle-control {
	transition: all 0.5s;
	width: 20vw;
	height: 6vw;
	display: inline-block;
	float: none;
	border-radius: 6vw;
	position: relative;
	cursor: pointer;
	margin: 2vw 0;
}
.select-btn .toggle .toggle-control:after {
    transition: all 0.5s;
    content: "";
    width: 6vw;
	height: 6vw;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; 
}
.select-btn .toggle input:checked + .toggle-control:after {
      left: 14vw; 
}

/*******************************************************   ALERGENS    **********************************************************/

.alergen-content {
	display: block;
	text-align: center;
	padding: 5vw;
	margin: 5vw 0;
}
.alergen-content h1 {
	width: 30vw;
	height: 30vw;
	line-height: 30vw;
	border-radius: 100%;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
}
.alergen-content h3 {
	margin: 5vw 0;
}
.alergen-content p {
}

/************************************************   MultiAPP    **********************************************************/
.multiapp-col {
	margin: 0;
	width: 100%;
	display: block;
	height: 60vw;
	position: relative;
	overflow: hidden;
}
.multiapp-back {
	width: 15vw;
	height: 15vw;
	display: block;
	cursor: pointer;
	float: left;
}
.multiapp-icon {
    width: 100%;
    height: 15vw;
    display: block;
    background-position: center;
    background-size: auto 60%;
    background-repeat: no-repeat;
}
.toppanel.multiapp img {
	left: 16vw;
}
.multi-toppanel {
	width: 100%;
	height: 15vw;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	overflow: hidden;
}
.multi-toppanel-logo {
	display: inline-block;
	width: 100%;
	height: 15vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 80%;
}
.multiapp-box {
	position: fixed;
	z-index: 101;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden;
}
.multiapp-content {
	width: 100%;
}
.multiapp-col {
	display: block;
	width: 100%;
	height: 60vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}
.multiapp-col h4 {
	display: none;
}
.multiapp-href-logo {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 60vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 60%;
}
a.multiapp-href span {
	position: absolute;
	display: block;
	bottom: 1vw;
	z-index: 2;
	left: 0;
	width: 100%;
	text-align: left;
}
.multiapp-description {
	display: none;
	z-index: 10;
	position: absolute;
	width: 90%;
	bottom: 30vw;
	left: 5%;
	text-align: left;
	font-size: 1em;
}
span.multiapp-link-btn {
	padding: 5vw;
	text-align: center;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 65%;
}
.multiapp-link-box {
	position: absolute;
    width: 100%;
    bottom: 0;
}
.multiapp-categories {
	text-align: center;
	width: 100%;
	position: absolute;
	z-index: 10;
	bottom: 4vw;
	left: 0;
	display: none;
}
.multiapp-category-col {
	width: 10vw;
	height: 10vw;
	margin: 0 1vw;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

/************************************** ITEM SHARE *********************************/
#QR {
	display: none;
}

.item-bg-image {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.6;
	z-index: -1;
	width: 100%;
	height: 110vw;
	overflow: hidden;
	display: block;
}
.item-bg-image:after {
	content: '';
	width: 100%;
	height: 110vw;
	display: block;
	position: absolute;
	bottom: 0;
}
.item-bg-image img {
	width: 100%;
	height: auto;
	-webkit-filter: blur(7px); /* Safari 6.0 - 9.0 */
    filter: blur(7px) ;
}
.company-logo {
	display: inline-block;
	text-align: center;
	margin: 10vw 30%;
	width: 40%;
}
.item-box {
}
.item-social {
	position: relative;
	z-index: 1;
	margin: 0vw 5% 10vw 5%;
	width: 90%;
}
.item-social .item-content {
	
}
.item-social .item-photo-content {
	height: 70vw;
	width: 100%;
	float: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.item-social .stickers-content {
	
}
.item-social .sticker {
	
}
.item-title {
	padding: 10px 2%;
	width: 100%;
	float: none;
	display: block;
	height: auto;
}
.item-title h4 {
	font-size: 6vw;
}
.item-social .item-info-panel {
	width: 100%;
	float: none;
	display: block;
	height: auto;
}
.item-social {
	
}
.item-social {
	
}
.item-social {
	
}
a.item-eshop-btn {
	width: 32.9%;
	height: 10vw;
	line-height: 10vw;
	float: left;
	text-align: center;
	text-transform: uppercase;
}
.item-info-desc {
	padding: 2.5vw 1vw;
}
.item-info-desc p {
}
.item-qr-box {
	padding: 2.5vw 2%;
	width: 96%;
	float: none;
	display: block;
	height: auto;
	position: relative;
}
.item-qr-title {
	
}
.item-qr {
	float: none;
	width: 100%;
}
.item-qr-m25 {
	margin: 2.5vw 0 0 0;
}
.item-qr img {
	width: 90%;
	margin: 0 5%;
}
.item-social .social-box {
	text-align: center;
	padding: 20px 0;
	position: relative;
	top: auto;
	right: auto;
	width: 100%;
	border: none;
}

/*************************** MINI BANNERS ****************************/
.mini-banners-box {
	display: none;
	width: 100%;
	margin: 0 0 3vw 0;
}
.minibanner {
	width: 100%;
}

/*** ORDER STATUS INFO ***/
.order-tracking-box {
	text-align: center;
}
.order-tracking-content {
	padding: 5vw 5%;
	display: inline-block;
	text-align: center;
}
.order-tracking-content h3 {
	text-transform: uppercase;
	line-height: 12vw;
}
.order-tracking-content span {
	font-size: 1.2em;
	margin: 0 0 2vw 0;
}
.order-tracking-icon {
	display: inline-block;
	width: 10vw;
	height: 10vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.order-tracking-new .order-tracking-icon {
	animation: order-tracking-rotate 1s infinite;
}
@keyframes order-tracking-rotate {
	0% {transform: rotate(0deg)}
	100% {transform: rotate(360deg)}
}

/******************************* CONFIGURATOR **********************************/

.configurator-layout .enhancement-header {
	display: none;
}
.configurator-layout .overlay-enhancement-content {
	width: 100%;
    position: relative;
    top: 40vh;
    transform: none;
    height: 50vh;
    display: flex;
    flex-flow: column;
    align-items: stretch;
}
.configurator-layout .configurator-ingredients-box {
	overflow-x: hidden;
    overflow-y: auto;
    max-height: 33vh;
    position: absolute;
    bottom: 7vh;
}
.configurator-layout .overlay-enhancement-content .delete-btn {
	display: none;
}
.configurator-ingredients-box, .configurator-render-box {
	width: 100%;
}
.configurator-render-box {
	display: none;
	height: 30vh;
    overflow: hidden;
    top: 10vh;
    position: absolute;
}
.configurator-layout .configurator-render-box {
	display: block;
}
.configurator-render-img {
	z-index: 1;
    display: inline-block;
    width: 300px;
    height: 300px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.configurator-render-img img {
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	transform-origin: 50% 50%;
}
.configurator-contain-ingredients {
	display: none;
}
.configurator-item-add-to-cart {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7vh;
    border: none;
    z-index: 10;
    cursor: pointer;
   	background-position: center left 5vw;
    background-size: 7vw;
    background-repeat: no-repeat;
}
.configurator-layout .extended-content-taste {
    width: 33%;
    float: left;
    position: relative;
}
.configurator-layout[data-diff-value="-1"] {
	display: none;
}
.configurator-layout .extended-column {
    background-size: auto 30vw;
    float: none;
    width: 100%;
    padding: 30vw 0 0 0;
    background-repeat: no-repeat;
    height: auto;
    background-position: center top;
    display: block;
    align-items: center;
}
.configurator-layout .extend-qantity-btn {
    float: none;
    width: 100%;
    height: 30vw;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    opacity: 0;
}
.configurator-layout .extended-title {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    text-align: center;
}
.configurator-layout .extended-quantity {
    float: left;
    display: inline-block;
    text-align: center;
    width: 50%;
}
.configurator-layout .extended-price {
    display: inline-block;
    float: left;
    text-align: center;
    width: 50%;
}
.configurator-item-price {
	position: absolute;
    bottom: 0;
    right: 0;
	z-index: 999;
}
.configurator-item-price span {
	line-height: 50px;
    font-size: 2em;
    margin: 0 25px;
}

/************************************* LANGUAGE MODULE *******************************/
.select-lang-box {
	width: 15vw;
  	position: absolute;
 	display: block;
	left: 2vw;
	top: 2vw;
	z-index: 10;
}
.dropbtn {
	width: 100%;
	height: 10vw;
	display: block;
	background-position: center left;
	background-repeat: no-repeat;
	background-size: auto 60%;
	background-color: transparent;
	padding: 0 0 0 70%;
  	border: none;
  	cursor: pointer;
	transition: 0.3s;
}
.dropbtn:hover, .dropbtn:focus {
  	transition: 0.3s;
	background-size: auto 50%;
}
.dropbtn:hover, .dropbtn:focus {
  	transition: 0.3s;
	background-size: auto 50%;
}
.lang-dropdown {
}
.dropdown-content {
	display: none;
  	position: absolute;
  	overflow: auto;
  	z-index: 1;
}
.dropdown-content a {
	padding: 2vw 2vw 2vw 14vw;
    text-decoration: none;
    display: block;
    background-position: center left 0.5vw;
    background-repeat: no-repeat;
    background-size: auto 80%;
}
.show {
	display: block;
}
.toppanel .translator-box {
	position: fixed;
	top: -9vw;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 1;
}
.toppanel.mini-menu .translator-box {
	opacity: 0;
}
/*
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
********************************************************     TELEFON     ************************************************************
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

@media (orientation: portrait) {
	
}

/*
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*****************************************************       PC      **********************************************************
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/****@media (orientation: landscape) ***/
@media (min-width: 1081px) {
	
	
* {
	margin: 0;
	padding: 0;
	font-size: 15px;
}
body {
}
.loading {
	display: none;
}
.fullpage-wrapper {
	min-height: 70vh;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.7em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.left-text {
	text-align: left;
}
.right-text {
	text-align: right;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
a {
	text-decoration: none;
}
a:hover {
	
}
a.btn-href {
	-webkit-border-radius: 360;
	-moz-border-radius: 360;
	border-radius: 10px;
	cursor: pointer;
	margin: 5px;
}
.back-btn {
	padding: 0 20px 0 15px;
	z-index: 70;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	position: fixed;
	top: 120px;
	left: 25px;
}
.btn-icon {
	width: 15px;
	height: 50px;
	display: block;
	margin: 0 5px 0 0;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	float: left;
}
.cart-form-box > div {
	width: 100%;
    position: relative;
}
input[type="submit"], input[type="button"] {
	border: none;
	-webkit-border-radius: 360px;
	-moz-border-radius: 360px;
	border-radius: 360px;
	font-family: Montserrat-Bold;
	padding: 10px;
	cursor: pointer;
	margin: 25px 0;
}

/********************* INPUT STYLES ******************/
.field {
  display: flex;
  flex-flow: column-reverse;
  margin: 10px 0;
}
label, input, textarea {
  transition: transform 0.2s;
  touch-action: manipulation;
}
input, textarea {
	width: 87%;
	font-size: 1.2em;
	border: 0;
	font-family: inherit;
	-webkit-appearance: none;
	border-radius: 0;
	padding: 5px 10% 10px 3%;
	cursor: text;
	background-position: center right 2%;
	background-size: auto 45%;
	background-repeat: no-repeat;
	margin: 0;
}
input:focus, textarea:focus {
	outline: 0;
}
label {
	font-size: 0.9em;
}
input:placeholder-shown + label, textarea:placeholder-shown + label {
	cursor: text;
	margin: 0 0 0 2%;
	max-width: 66.66%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transform-origin: left bottom;
	transform: translate(0, 2.1em) scale(1.5);
}
::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  opacity: 1;
}
input:not(:placeholder-shown) + label,
input:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
}
textarea:not(:placeholder-shown) + label,
textarea:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
}
/************************************************************ ////// **********************************************************/
/************************************************************ CLASS ***************************************************/
/************************************************************ \\\\\\ **********************************************************/

.section {
}
.cleaner, .clear {
	clear: both;
}
button.menu-hide-btn {
	width: 50px;
	height: 50px;
	display: block;
	cursor: pointer;
	position: absolute;
	z-index: 5;
	border: none;
	top: 0;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
}
ul.menu {
	padding: 0;
	width: 300px;
	height: 100%;
	display: none;
	position: fixed;
	z-index: 101;
	right: -100%;
	top: 0;
	opacity: 1;
	transition: all 0.3s ease-out;
}
ul.menu.active {
	transition: all 0.5s ease-out;
	animation: menuBlop 0.5s;
	top: 0%;
}
@keyframes menuBlop {
	0% {
		right: -100%;
	}
	50% {
		right: 5%;
	}
	100% {
		right: 0;
	}
}
.menu-content {
	background-size: auto 150px;
	background-position: center top 20px;
	background-repeat: no-repeat;
	max-height: 600px;
	overflow-x: hidden;
	overflow-y: auto;
}
.menu-content:before {
	position: absolute;
	bottom: 0px;
	width: 85%;
	padding: 0px 0px 0px 15%;
	display: block;
	height: 25px;
	line-height: 25px;
	opacity: 0.3;
	background-position: center left 2.5%;
	background-repeat: no-repeat;
	background-size: auto 70%;
	font-size: 0.6em;
}
.menu-content-logo {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 150px;
	position: relative;
	text-align: center;
}
.menu-content-logo::after {
	content: '';
	width: 100%;
	height: 150px;
	bottom: 0px;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.menu-logo {
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100px;
	width: 100%;
	height: 150px;
	display: block;
	z-index: 2;
	position: absolute;
	top: 0px;
}
.menu-signature {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 90%;
	height: 25px;
	line-height: 25px;
	padding: 0px 0px 0px 10%;
	background-position: center left 2%;
	background-repeat: no-repeat;
	background-size: auto 60%;
	opacity: 0.6;
}
.menu-image-top {
	position: relative;
}
.slide {
	min-height: 500px;
}
.slide::after {
}
li.menu-btn {
	cursor: pointer;
	padding: 0;
	font-size: 1em;
	transition: all 0.3s;
	position: relative;
	margin: 0 0 0 -36px;
}
li.menu-btn:hover {
	transition: all 0.3s;
	margin: 0;
}
.menu-btn.selected {
}
.menu-btn.account-menu {
	border-left: 0vw;
	padding: 20px 5%;
	position: absolute;
	bottom: 25px;
	display: block;
	width: 90%;
	margin: 0;
}
.toppanel {
	width: 100%;
	height: 100px;
	position: absolute;
	z-index: 100;
	overflow: visible;
	transition: all 0.5s ease-out;
	top: 0;
}
.toppanel img {
	left: auto;
	width: auto;
    height: 90%;
    position: relative;
	display: inline-block;
    top: 10%;
    transform: none;
}
.toppanel.mini-menu {
	height: 75px;
	position: fixed;
	background-color: rgba(248,238,47,0.9);
	transition: all 0.5s ease-out;
}
button.toppanel-btn {
	width: 15%;
	height: 50px;
	border: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 65%;
	cursor: pointer;
	right: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
button.toppanel-btn:hover {
	animation: toppanelhoverBlop 0.5s;
}
@keyframes toppanelhoverBlop {
	0% { background-size: auto 65%; }
	50% { background-size: auto 50%; }
	75% { background-size: auto 70%; }
	100% { background-size: auto 65%; }
}
.dummy {
	
}
.menu-btn-content {
	padding: 10px 10px 10px 45px;
	background-position: center left 10px;
	background-repeat: no-repeat;
	background-size: 24px;
	height: auto;
	line-height: normal;
}
.app-banner-content {
	width: 100%;
	margin: 0;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.app-banner-image {
}
.no-banners {
	margin: 50px 0 0 0;
}
.swiper-pagination-bullet {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 360%;
}
.banner-version-app, .banner-version-app_multiapp {
	display: none;
}
.banner-version-eshop, .banner-version-eshop_multiapp {
	display: block;
}
.extended-menu {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	padding: 0;
}
.food-types {
	white-space: normal;
	max-width: 100%;
	margin: 0;
}
.food-type-button {
	position: relative;
	height: 50px;
	width: auto;
	line-height: 50px;
	padding: 0 25px 0 50px;
	background-position: center left 10px;
	background-repeat: no-repeat;
	background-size: auto 24px;
	text-align: left;
	cursor: pointer;
	transition: all 0.5s;
	border-radius: 360px;
	margin: 20px 2.5px;
	text-transform: uppercase;
}
.food-type-button.active {
	border-radius: 0;
}
.food-type-button:hover {
	transition: all 0.5s;
	animation: cubeChange 0.5s;
	border-radius: 0px;
}
@keyframes cubeChange {
	0% { transform: scale(1); border-radius: 360px; }
	50% { transform: scale(0.9); border-radius: 100px; }
	75% { transform: scale(1.2); border-radius: 50px; }
	100% { transform: scale(1); border-radius: 0px; }
}
	.food-type-button {
		height: 36px;
		line-height: 36px;
		display: inline-block;
		padding: 5px 10px;
		margin: 5px;
		text-align: left;
		cursor: pointer;
	}
	.food-type-button img {
		width: 26px;
		height: 26px;
		margin: 0 7px -6px 0;
	}
/*SUB CATEGORY MENU*/
	.food-types.js-item-type-sub {
		white-space: normal;
		padding: 0 5%;
	}
	.food-types.js-item-type-sub .food-type-button {
		height: 22px;
		line-height: 22px;
		display: inline-block;
		padding: 5px 10px;
		margin: 5px;
		text-align: left;
		cursor: pointer;
	}
	.food-types.js-item-type-sub .food-type-button img {
		width: 18px;
		height: 18px;
		margin: 0 5px -3px 0;
	}
.food-type-button.extra {
}
.invisible {
	display: none;
}
.scroll-to-top {
	position: fixed;
	top: auto;
	bottom: 5vh;
	left: auto;
	right: 1.5%;
	width: 50px;
	height: 50px;
	opacity: 0.5;
	transition: all 0.5s;
}
.scroll-to-top:hover {
	opacity: 0.7;
	transition: all 0.5s;
}
.scroll-to-top-icon {
	height: 50px;
}
.cookies-box {
	top: auto;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
}
.cookies-box p {
	padding: 10px 5%;
	width: 70%;
	text-align: center;
	float: left;
}
.cookies-box button {
	width: 20%;
	padding: 20px 0;
	float: left;
	border: none;
	cursor: pointer;
}

.orders-history-box, .favorite-items-box, .news-box, .alergens-box, .cart-box {
	margin: 110px 10% 60px 10%;
}
	
.orders-history-box h4, .favorite-items-box h4, .news-box h4, .alergens-box h4, .cart-box h4 {
	margin: 0 0 10px 0;
}

/************************************************************ BOTTOM-line **************************************************/

.bottom-panel {
	position: absolute;
	top: 25px;
	left: auto;
	right: 10%;
	width: auto;
	height: 50px;
	z-index: 100;
}
.bottom-panel.mini-menu {
	position: fixed;
	top: 12px;
}
.bottom-btn {
	width: 70px;
	height: 50px;
	display: block;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 50%;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
}
.bottom-btn:hover {
	animation: hoverBlop 0.5s;
}
@keyframes hoverBlop {
	0% { background-size: auto 50%; }
	50% { background-size: auto 40%; }
	75% { background-size: auto 55%; }
	100% { background-size: auto 50%; }
}
.bottom-btn-center {
	display: inline-block;
	line-height: 15px;
	margin: 0px;
}
.bottom-btn h4 {
	display: inline;
	font-size: 1.05em;
	line-height: 0px;
}
.bottom-btn label {
	display: inline;
	font-size: 0.8em;
	line-height: 0px;
}
.bottom-btn-cart.animation {
	transition: all 0.5s;
    transform: scale(1.5);
}

.bottom-btn-cart, .bottom-btn-reservation {
	transition: all 0.5s;
}
.bottom-btn-cart {
	width: 50px;
	margin: 0px;
	height: 50px;
	display: block;
	float: left;
	border-radius: 360%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 65%;
	cursor: pointer;
	text-align: center;
}
.bottom-btn-cart:hover {
	animation: carthoverBlop 0.5s;
}
@keyframes carthoverBlop {
	0% { background-size: auto 65%; }
	50% { background-size: auto 50%; }
	75% { background-size: auto 70%; }
	100% { background-size: auto 65%; }
}
.bottom-btn-cart h4 {
	font-family: Montserrat-Bold;
	font-size: 0.8em;
	line-height: 50px;
}
.favorite-food {
}
.last-orders {
}
.account {
}
.points, .points h4 {
	margin: 11px 0 0 0;
}
	
/***************************************************************** ITEM ********************************************************/

.items {
	width: 76%;
	margin: 0 12% 25px 12%;
	text-align: center;
}
.items-title {
	padding: 50px 0 15px 0;
}
.items-title p::before {
    margin: 10px 0;
}
.product, .item {
	position: relative;
	margin: 10px;
	width: 250px;
	float: none;
	display: inline-block;
	padding: 0 0 195px 0;
}
.cart-items .item {
	float: none;
	width: 100%;
	margin: 0 0 10px 0;
	position: relative;
}
.item-offer-listed {
}
.content {
	width: 100%;
	margin: 0;
}
.item-photo-content {
	width: 100%;
	position: relative;
	padding: 0;
	min-height: 210px;
	float: none;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
	transition: all 0.3s ease-out;
}
.product:hover .item-photo-content, .item:hover .item-photo-content {
	transition: all 0.3s ease-out;
	transform: scale(1.05);
}
.cart-items .product:hover .item-photo-content, .cart-items .item:hover .item-photo-content {
	transform: scale(1);
}
.item-photo-content::after {
	display: none;
}
.item-photo-content-bottom {
	position: relative;
	background: none;
	width: 100%;
	text-align: center;
	padding: 250px 0 0 0;
}
.item-photo-content-bottom h4 {
	font-size: 1.2em;
	padding-top: 5px;
}
.item-photo-content-bottom p {
	width: 100%;
}
.stickers-content {
}
.sticker {
	padding: 5px 10px;
	font-family: Montserrat-Bold;
	font-size: 0.95em;
}
.item-info-panel {
	height: auto;
	width: 100%;
	float: none;
	text-align: center;
	bottom: 100px;
}
.product-detail .item-info-panel {
	padding: 123px 0 0 0;
}
.item-info-btn {
	max-width: 49%;
	width: unset;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	text-align: center;
	background-position: center right 10px;
	background-repeat: no-repeat;
	background-size: auto 40%;
	overflow: hidden;
	margin: 0 5px;
}
.item-info-btn:nth-child(3) {
	max-width: unset;
	width: 100%;
	margin: 0;
}
.item-info-btn select {
	border: none;
	box-shadow: none;
	width: 100%;
	font-size: 1.1em;
	transition: all 0.5s;
	padding: 5px 5px 5px 40px;
	background-position: center left 10px;
	background-repeat: no-repeat;
	background-size: auto 50%;
	margin: 0vw;
	-webkit-outline: none;
	-moz-outline: none;
	outline: none;
}
.item-info-btn h4 {
	font-size: 1.4em;
}
.item-info-btn .review-star {
	width: 18px;
	height: 18px;
	margin: 5px 0 0 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90%;
	display: inline-block;
	text-align: center;
}
.review-star.active {
}
.item-buy-btn, .item-buy-now {
	width: 48%;
	float: none;
	height: 46px;
	display: inline-block;
	border-radius: 360px;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.item-buy-btn-icon, .item-buy-now-icon {
	width: 100%;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
	transition: all 0.3s;
}
.item-buy-btn:hover .item-buy-btn-icon {
	transition: all 0.3s;
	transform: rotate(-15deg);
}
.item-buy-now:hover .item-buy-now-icon {
	animation: bounceBuy 0.5s;
}
@keyframes bounceBuy {
	0% { transform: scale(1); }
	50% { transform: scale(0.9); }
	75% { transform: scale(1.2); }
	100% { transform: scale(1); }
}
.item-change-btn {
	position: relative;
	width: 15%;
	float: left;
	text-align: center;
}
.item-change-btn span {
	width: 100%;
	height: 100px;
	line-height: 100px;
	font-size: 1.4em;
}
.change-btn {
	width: 100%;
	height: 100px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
	cursor: pointer;
}
.item-taste-box {
	padding: 10px;
}
.item-taste-box label {
}
.item-sale-date {
	padding: 10px 10px 5px 10px;
}
.item-sale-date h4 {
	font-size: 1em;
	line-height: 0.5em;
}
.item-sale-date span {
	font-size: 0.8em;
}
.daily-menu-day {
	margin: 20px 0 0 0;
    padding: 0 20px;
    font-size: 2em;
    line-height: 2em;
}

/************************************************ ENHANCEMENT BOX **************************************************/
.overlay-enhancement-box {
}
.overlay-enhancement-content {
	width: 50%;
	margin: 0 25%;
}
.enhancement-box {
}
.overlay-enhancement-box .extended-content-box {
}
.overlay-enhancement-box .cart-bottom-btns {
	width: 100%;
}
.enhancement-header {
	padding: 80px 5%;
	width: 90%;
	font-size: 1.5em;
}
.overlay-enhancement-content .delete-btn {
	top: -16px;
	right: -16px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	margin: 0;
}
	
/*********************************************   RESERVATION DETAIL    *******************************************************/

.reservation-header-tables_form, .reservation-header-rooms_form, .reservation-header-bowling_form, .reservation-header-squash_form  {
	width: 80%;
	padding: 100px 10% 25px 10%;
	margin: 0 0 25px 0;
}
.reservation-header-tables_form::before, .reservation-header-rooms_form::before, .reservation-header-bowling_form::before, .reservation-header-squash_form::before  {
	content: '';
	width: 100%;
	height: 200px;
}
.reservation-header-tables_form h4, .reservation-header-rooms_form h4, .reservation-header-bowling_form h4, .reservation-header-squash_form h4 {
	font-size: 1.4em;
}
.reservation-header-tables_form p, .reservation-header-rooms_form p, .reservation-header-bowling_form p, .reservation-header-squash_form p {
	font-size: 1.15em;
}
.reservation-form-box {
	margin: 50px 0 100px 0;
}
.reservation-form-box .cart-form-box {
	width: 70%;
	margin: 0 15%;
}
.reservation-form-box .cart-form-box > div {
	width: 48%;
	margin: 0 1%;
	float: left;
    position: relative;
}
.reservation-form-box .cart-form-box input[type="submit"], .reservation-form-box .cart-form-box input[type="button"] {
	text-align: center;
}

/************************************************************ CART ********************************************************/

.cart-box {
	width: 80%;
	position: relative;
	min-height: 500px;
}
.cart-box h4 {
	margin: 0;
	font-size: 1.4em;
}
.cart-items {
	width: 59%;
	float: left;
	margin: 0 1% 0 0;
}
.cart-right-box {
	width: 40%;
	float: left;
}
.cart-sum {
	width: 100%;
}
.cart-price-column {
	width: 100%;
	padding: 5px 0;
}
.cart-col-name {
	padding: 0 0 0 3%;
	width: 67%;
	float: left;
}
.cart-col-value {
	width: 27%;
	float: left;
	padding: 0 3% 0 0;
	text-align: right;
}
.cart-bonus .cart-col-name, .cart-bonus .cart-col-value {
}
.cart-price .cart-col-name, .cart-price .cart-col-value{
	font-size: 1.4em;
	font-weight: 600;
}
.cart-bottom-btns {
}
.cart-back-btn {
	
}
.cart-back-btn a {
	display: block;
	width: 25%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	float: left;
}
.cart-pay-btn {
}
.cart-pay-btn a {
	display: block;
	width: 75%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	float: left;
	font-family: Montserrat-Bold;
}
.item-taste-btn-icon {
	width: 100%;
	height: 150px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30%;
}
.extended-menu-taste {
	height: auto;
}
.extended-menu-taste .ingredient-types {
	white-space: normal;
}
.extended-menu-taste .ingredient-type-button {
	height: 50px;
	line-height: 50px;
	padding: 0 20px 0 50px;
	background-position: center left 15px;
}
.js-addon-items .item-show-addons-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	height: 50px;
	display: block;
	border-right: none;
	border-top: none;
	border-bottom: none;
	cursor: pointer;
	border-radius: 10px;
}
.js-addon-items .item-taste-btn-icon {
	height: 50px;
	background-position: center;
	transition: all 0.3s ease-in;
}
.item-show-addons-btn:hover .item-taste-btn-icon {
	transition: all 0.3s ease-out;
	transform: rotate(90deg);
}
.extended-content-box {
	width: 100%;
}
.extended-content-taste {
}
.extend-qantity-btn {
	float: left;
	width: 10%;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
	display: block;
}
.extended-column {
	width: 70%;
}
.extended-title {
}
.select-content {
	margin: 0;
	background-position: center left 5px;
}
.extended-quantity {
}
.extended-price {
}
.cart-form-box {
}
.cart-form-box p {
	padding: 0 0 25px 0%;
}
.product-delete-btn {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}
.product-delete-icon {
	width: 30px;
	height: 30px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
}
.cart-inform-column {
	padding: 10px;
}
.cart-inform-column h4, .cart-inform-column p {
	padding: 0vw;
	margin: 0vw;
	font-size: 0.9em;
}
.cart-items .item-photo-content {
	height: auto;
	width: 50%;
	float: left;
	background-size: 0px;
	min-height: unset;
}
.cart-items .item-info-panel {
	width: 25%;
	margin: 0 25% 0 0;
	height: 50px;
	padding: 0;
	float: left;
}
.cart-items .item-info-btn.item-info-avg-stars {
	display: none;
}
.cart-items .item-info-btn {
	width: 49%;
	height: 50px;
	line-height: 50px;
	float: left;
	margin: 0;
}
.cart-items .product-delete-btn {
	position: absolute;
	z-index: 10;
	left: -35px;
	border-radius: 360%;
	top: 10px;
}
.cart-items .stickers-content {
	display: none;
}
.cart-items .item-photo-content-bottom {
	padding: 0px;
	height: auto;
	line-height: 50px;
	background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.0) 100%);
	width: 100%;
	position: relative;
	left: auto;
	bottom: auto;
	margin: 0;
	text-align: left;
}
.cart-items .item:hover .item-photo-content, .cart-items .product:hover .item-photo-content {
	background-size: 0;
}
.cart-items .item-photo-content-bottom h4 {
	font-size: 1.2em;
	margin: 0 0 0 5px;
}
.cart-items .item-change-btn {
	position: absolute;
	width: 25%;
	top: 0;
	right: 0;
	text-align: center;
}
.cart-items .change-btn {
	width: 33%;
	height: 50px;
	background-size: auto 40%;
	float: right;
}
.cart-items .item-change-btn span {
	width: 33%;
	height: 50px;
	line-height: 50px;
	font-size: 1.1em;
	float: right;
}
.cart-items .product, .cart-items .item {
	padding: 0;
}
.js-addon-items .item-info-panel {
	width: 35%;
	margin: 0 15% 0 0;
	height: 50px;
	padding: 0;
	float: left;
}
.item-info-btn.js-addon-item-stars {
	display: none;
}
.js-cart-action-container {
	width: 90%;
	padding: 20px 0;
}
.js-action-name {
	font-size: 1em;
}
.js-action-buttons-container {
	margin: 5px 0 0 0;
}
.js-cart-action-container button {
	padding: 10px 20px;
	border-radius: 360px;
	border: 0px;
	cursor: pointer;
}
.save-data-desc {
	line-height: 40px;
}
.save-data-checkbox label .toggle-control {
	width: 75px;
}
.save-data-checkbox .toggle input:checked + .toggle-control:after {
    left: 45px; 
}
.save-data-desc, .save-data-checkbox {
	height: 50px;
}
.address-error-box {
	padding: 15px 2%;
	width: 96%;
}
.bonus-points-head span {
    margin: 0;
}
.bonus-points-controller {
	padding: 15px;
	margin: 10px 0 0 0;
}
.bonus-points-remain {
	display: block;
	width: 100%;
	padding: 0 0 0 25px;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 100%;
}
.bonus-points-controll-panel {
	margin: 0 0 15px 0;
}
.bonus-points-btn {
	background-position: center;
	background-size: auto 60%;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	cursor: pointer;
}
.bonus-points-value {
	float: left;
	height: 50px;
	line-height: 50px;
	display: block;
	width: auto;
	min-width: 70px;
	text-align: center;
}
.bonus-points-value h4 {
	font-size: 1.5em;
	display: inline;
}
.bonus-points-value span {
	font-size: 0.9em;
	display: inline;
}
.bonus-points-href-btn {
	padding: 5px 15px;
}
.bonus-points-center-class {
	margin: 15px 0;
	text-align: left;
}
.cart-box .package-item-cart {
	display: none!important;
}
	

/************************ CUPONS ********************************/
.coupon-box {
	margin: 0 0 15px 0;
}
.coupon-content {
	margin: 0 3%;
    width: 94%;
}
.coupon-head {
}
.coupon-content .field {
	margin: 0;
}
.coupon-cart {
}
.actions-container .cart-price-column.coupon-cart, .actions-container .cart-price-column.cart-bonus {
	padding: 10px 3% 10px 6%;
    width: 91%;
    background-repeat: no-repeat;
    background-position: center left 2.5%;
    background-size: auto 24px;
}
.set-coupon-btn, input[type="submit"].set-coupon-btn, input[type="button"].set-coupon-btn, button.set-coupon-btn {
    height: 50px;
	margin: 6px 0;
}
.coupon-cart .cart-col-name, .coupon-cart .cart-col-value {
	line-height: 30px;
}
.coupon-cart .cart-col-name {
    padding: 0 0 0 3%;
    width: 62%;
    float: left;
}
.coupon-cart .cart-col-value {
    width: 22%;
    float: left;
    padding: 0 3% 0 0;
    text-align: right;
}
.coupon-delete-btn {
	width: 30px;
	height: 30px;
	cursor: pointer;
}
	
/*********************** WHISPERER **********************************/
.ui-autocomplete {
	padding: 4px 0;
	margin: 0 0 10px 25px;
}
.ui-menu-item-wrapper {
	margin: 2.5px;
	padding: 10px 0;
}
.ui-menu-item>a.ui-corner-all {
	padding: 15px 5px;
}

/***************************************************************** LOGIN ******************************************************/

a.bottom-href {
	position: absolute;
	bottom: 50px;
	display: block;
	text-align: center;
	width: 100%;
}
.login-wrapper {
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
    text-align: center;
    height: 70vh;
}
.login-wrapper::after {
	position: fixed;
	display: block;
	content: '';
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 1;
}
.login-content {
	z-index: 1;
	width: 30%;
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.desc-article {
	padding: 2vw 20%;
}

/***************************************************************** MAP **********************************************************/

.map-container {
	width: 80%;
    margin: 150px 10% 50px 10%;
}
.map-content {
	position: relative;
    z-index: 1;
    width: 50%;
    height: 950px;
    border: 0;
    top: auto;
    float: left;
}
.map-content #map-map {
	height: 100%!important;
}
.map-container .back-btn {
	opacity: 0;
}
.map-info-box {
	height: auto;
    overflow-x: auto;
    overflow-y: auto;
    top: auto;
    left: auto;
    display: block;
    padding: 0;
    margin: 0;
    width: 50%;
}
.map-content-image {
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.map-content-title {
	width: 100%;
	bottom: 0px;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.map-content-title h4 {
	padding: 0 0 10px 10px;
}
.map-description {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
}
.map-description p {
	text-align: center;
	font-size: 1.1em;
	margin: 25px 0 0 0;
}
.map-bottom-panel {
	float: left;
	width: 49%;
	height: 100px;
}
.map-bottom-panel input[type="submit"] {
	display: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	width: 30%;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

/********************************************************* KONTAKT *****************************************************/

.contact-top-banner {
	margin: 50px 0 0 0;
}
.contant-right-box {
	padding: 0 0 0 50%;
	width: 50%;
}
.contact-top-banner h4 {
	text-align: center;
	margin: 20px 0;
}
.contact-top-banner-content {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 50%;
	height: 100%;
	padding: 0;
	float: none;
	position: fixed;
	left: 0;
	top: 50px;
}
.call-container {
	width: 50%;
	float: left;
}
.call-button-content {
	height: 100px;
	line-height: 100px;
	margin: 0;
}
.call-button-content h3 {
	font-weight: 300;
	text-align: center;
	width: 100%;
	float: left;
	font-size: 1.3em;
}
.call-button {
	display: none;
	cursor: pointer;
	padding: 0;
	width: 30%;
	float: right;
	font-size: 2.1em;
}
.call-button-icon {
	float: left;
	width: 40%;
	height: 100px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 30%;
}
.open-hours-box {
	
}
.open-hours-box h4 {
	padding: 10px 0 10px 10px;
}
.open-hours-content {
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.open-hours-D {
	border-top: none;
	border-left: none;
	border-bottom: none;
	float: left;
	width: 49%;
	text-align: center;
	line-height: 50px;
}
.open-hours-H {
	float: left;
	width: 50%;
	text-align: center;
	line-height: 50px;
}
.contact-form-container {
	
}
.contact-form-container h4 {
	padding: 10px 0 10px 10px;
}
.contact-form-content  {
	padding: 5px 3% 25px 3%;
}
.contact-form-content textarea {
	width: 94%;
	padding: 10px 3%;
	height: 100px;
	font-size: 1em;
	text-align: justify;
	margin: 0;
}
.contact-bottom-panel {
	width: 50%;
	float: left;
}
.contact-bottom-panel select {
	border: none;
	width: 96%;
	height: 50px;
    font-size: 1em;
	transition: all 0.5s;
	padding: 0 3%;
	background-position: 0;
	background-repeat: no-repeat;
	background-size: 0;
	margin: 0;
}
.contact-form-content input[type="submit"] {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 10px;
	padding: 0;
	cursor: pointer;
	margin: 0;
	float: left;
	width: 50%;
	height: 50px;
	line-height: 50px;
}
/*.contact-form-content input[type="text"], .contact-form-content input[type="password"], .contact-form-content input[type="number"], .contact-form-content input[type="email"], .contact-form-content  input[type="tel"] {
	border: none;
	width: 94%;
    font-size: 16px;
	transition: all 0.5s;
	padding: 15px 3%;
	background-position: center right 10px;
	background-repeat: no-repeat;
	background-size: auto 40%;
	margin: 0;
}*/
.message-responce-time-comment {
	margin: 25px 0;
	text-align: center;
	font-size: 0.9em;
}
#legend {
	padding: 15px;
	margin: 5px;
}
.legend-color-box {
    width: 60px;
    height: 20px;
    display: inline-block;
    margin: 5px 5px 5px 0;
}

/***************************************************** ITEM-DETAIL *************************************************/

.item-detail-box {
	margin: 110px 20% 0 20%;
}
.product-detail {
	position: relative;
}
.content-detail {
	width: 100%;
}
.item-detail-photo-content {
	width: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	padding: 0 0 440px 0;
	margin: 0 0 -440px 50%;
	height: unset;
	min-height: 50px;
}
.item-detail-photo-content.zoomed {
	background-size: 200%;
	height: unset;
}
.item-detail-photo-content::after {
	content: '';
	width: 100%;
	height: 150px;
	bottom: 0px;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.item-detail-photo-content h4 {
	position: relative;
	top: 0px;
	z-index: 10;
	font-size: 2.1em;
	margin-left: -100%;
	width: 88%;
	padding: 5px;
	left: unset;
	bottom: unset;
}
.stickers-detail-content {
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 0;
	max-height: 100%;
	max-width: 100%;
}
.stickers-detail-content .sticker {
	float: right;
	padding: 10px 20px;
	font-family: Montserrat-Bold;
	font-size: 1em;
}
.favorite-food-box {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 15;
}
button.favorite {
	width: 36px;
	height: 36px;
	display: block;
	margin: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	border: none;
	cursor: pointer;
	float: none;
}
.item-detail-desc-box {
	padding: 0;
	float: left;
	width: 45%;
	margin: 10px 0;
}
.item-detail-box .item-info-panel {
	height: auto;
	width: 45%;
	padding: 50px 0 10px 0;
	background: transparent;
}
.item-detail-box .item-info-panel {
	padding: 0;
}
.item-detail-box .item-info-btn {
	width: 33.3%;
	height: 50px;
	line-height: 50px;
	float: left;
	margin: 0;
}
.item-detail-label {
	padding: 5px 0 5px 45px;
	background-repeat: no-repeat;
	background-position: center left 10px;
	background-size: auto 24px;
	min-height: 34px;
	line-height: inherit;
}
.product-detail .review-star {
	width: 24px;
	height: 24px;
	margin: 14px 0 0 0;
}
.alergen-type {
	border-radius: 360%;
	width: 36px;
	height: 36px;;
	text-align: center;
	line-height: 36px;
	float: left;
	margin: 0 5px;
}
.add-cart-column {
	width: 45%;
	margin: 0;
}
.add-cart-quantity {
	float: left;
	width: 30%;
}
.add-cart-quantity .change-btn {
	width: 33%;
	float: right;
	display: block;
	height: 68px;
	background-size: auto 40%;
}
.add-cart-quantity label {
	width: 33%;
	float: right;
	display: block;
	height: 68px;
	line-height: 68px;
	font-size: 1.3em;
	text-align: center;
}
input[type="button"].add-to-cart, input[type="button"].add-to-cart-unavailable {
	border: none;
	float: left;
	width: 70%;
	cursor: pointer;
	height: 70px;
	font-size: 1.5em;
	font-family: Montserrat-Bold;
	margin: 0px;
}
.social-box {
	text-align: center;
	padding: 20px 0;
	width: 45%;
	margin: 0;
}
.social-box span {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 1.3em;
}
.social-btn {
	border-radius: 360%;
	display: inline-block;
	cursor: pointer;
	margin: 0 5px;
}
.social-btn-img {
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
	cursor: pointer;
}
.item-reviews-box {
	margin: 0 0 0 20%;
	width: 60%;
	position: relative;
}
.review-box {
}
.review-num-reviews {
	font-size: 1.3em;
}
.review {
	margin: 20px 0px;
}
.review-content-reply {
	width: 100%;
	padding: 5px;
	position: relative;
}
.review-content-reply p {
	padding: 0 0 0 45px;
}
.review-company-img {
	position: absolute;
	left: 0;
	top: 0;
}
.review-company-icon {
	width: 36px;
	height: 36px;
	background-size: 100%;
}
.review-content {
	width: 100%;
	padding: 5px;
	position: relative;
}
.review-content .review-star {
	width: 18px;
	height: 18px;
	margin: 5px 0 5px 0;
}
.review-content p {
	padding: 0 0 0 45px;
	text-align: justify;
}
.review-user-img {
	position: absolute;
	left: 0;
	width: 48px;
	height: 48px;
	border-radius: 360vw;
	margin: -15px 0 0 -15px;
}
.review-user-icon {
	width: 48px;
	height: 48px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
}	
.review-name {
	padding: 0 0 0 45px;
	font-family: Montserrat-Bold;
}
.review-date {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 0.8em;
}
.review-stars-box {
	padding: 0 0 0 45px;
}
.review-stars {
	padding: 0px;
}
.stars-write-review .review-stars-1, .stars-write-review .review-stars-2, .stars-write-review .review-stars-3, .stars-write-review .review-stars-4, .stars-write-review .review-stars-5 {
	width: 26px;
	height: 26px;
	background-size: auto 90%;
}
.item-review-form input[type="submit"] {
	padding: 10px 0;
}
/*.item-review-form input[type="text"], .item-review-form input[type="password"], .item-review-form input[type="number"], .item-review-form input[type="email"], .item-review-form textarea, .item-review-form  input[type="tel"] {
    font-size: 16px;
	padding: 10px 3%;
	margin: 10px 0px;
	min-height: auto;
}*/
.item-review-plogin {
	text-align: center;
}
.item-review-plogin a {
	display: inline-block;
	padding: 15px 30px;
}


	
/************************************************************* GALLERY *******************************************************/

.gallery-box {
	margin: 75px 0 0 0;
	text-align: center;
	min-height: 500px;
}
.gallery-content {
	width: 30%;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	display: inline-block;
	transition: all 0.5s ease-in-out;
	margin: 20px 1.5%;
	float: none;
	border-radius: 10px;
	overflow: hidden;
}
.gallery-content::before {
	content: '';
	transition: all 0.5s ease-in-out;
	width: 100%;
	height: 300px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 128px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
}
 .gallery-content:hover.gallery-content::before {
	transition: all 0.5s ease-in-out;
	opacity: 1;
	background-size: 36px;
}
.gallery-content::after {
	content: '';
	width: 100%;
	height: 100px;
	bottom: 0px;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.gallery-date {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	font-size: 0.8em;
}
.gallery-bottom-content {
	position: absolute;
	bottom: 0px;
	z-index: 10;
	padding: 0px 0px 10px 10px;
}
.gallery-bottom-content h4 {
	
}
.gallery-bottom-content label {
	font-size: 1em;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 80%;
	padding: 0px 15px 0px 20px;
}
.gallery-photo-detail {
	margin: 100px 0 0 0;
}
.gallery-photo-detail::after {
	content: '';
	width: 100%;
	height: 100px;
	bottom: 0px;
	top: auto;
	display: block;
	position: fixed;
	z-index: 1;
	-webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.photo-content-left {
	float: left;
	width: 29.5%;
	overflow: hidden;
	margin: 50px 0.5% 50px 20%;
	position: relative;
}
.photo-content-right {
	float: left;
	width: 29.5%;
	overflow: hidden;
	margin: 50px 20% 50px 0.5%;
	position: relative;
}
.photo-content-left img, .photo-content-right img {
	width: 100%;
	background-position: center;
	background-size: cover;
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
	border-radius: 10px;
}
.photo-content-left iframe, .photo-content-right iframe {
	width: 100%;
	min-height: 500px;
	background-position: center;
	background-size: cover;
	margin: 0;
	padding: 0;
	border-radius: 10px;
}
.gallery-name-title {
	width: 100%;
	height: 50px;
	position: fixed;
	top: auto;
	bottom: 0px;
	font-size: 1.4em;
	font-weight: 700;
	z-index: 2;
	text-align: center;
}

/**************************************************************** ACCOUNT **********************************************************/

.account-content {
	margin: 120px 0 25px 0;
	width: 100%;
	max-height: 700px;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
}
.account-inform-col {
	display: block;
	margin: 0;
	float: right;
	width: 80%;
}
.account-info-circle {
	width: 150px;
	height: 150px;
	border-radius: 360px;
	display: inline-block;
	margin: 25px 0;
}
.account-info-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.account-info-circle h4 {
	font-size: 2.3em;
	font-weight: 400;
}
.account-info-circle label {
	
}
.account-form-box {
	position: relative;
	width: 20%;
	margin: 0;
	float: left;
}
.account-form-box a {
	padding: 10px 0;
	margin: 5px 0;
	width: 90%;
}
.account-form-box [type="submit"] {
	border: none;
	-webkit-border-radius: 360px;
	-moz-border-radius: 360px;
	border-radius: 360px;
	font-family: Montserrat-Bold;
	padding: 10px 70px;
	cursor: pointer;
	margin: 25px 0;
}

/**************************************************************** NEWS **********************************************************/
.new-box {
	position: fixed;
	width: 60%;
	padding: 0 20%;
	height: 100%;
	z-index: 1000;
	text-align: center;
	top: 0;
}
.new-column {
	z-index: 1;
	display: inline-block;
	position: relative;
	top: 100px;
	transform: none;
	padding: 15px;
}	
.new-content {
	position: relative;
	top: 0;
	z-index: 90;
	border-radius: 0;
	margin: 0;
	cursor: pointer;
	padding: 0;
}
a.new-content {
	display: block;
	width: 90%;
	padding: 30px 5%;
	border-radius: 30px;
	-webkit-animation: swing 3s infinite;
	animation: swing 3s infinite;
}

@-webkit-keyframes swing {
    15%
    {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
    }
    30%
    {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
    } 
    50%
    {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
    }
    65%
    {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg);
    }
    80%
    {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg);
    }
    100%
    {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
    }
}
@keyframes swing {
    15%
    {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
    }
    30%
    {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
    } 
    50%
    {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
    }
    65%
    {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg);
    }
    80%
    {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg);
    }
    100%
    {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
    }
}

button.new-delete {
	display: block;
	width: 26px;
	height: 26px;
}
.new-title {
	padding: 80px 0 0 0;
	background-repeat: no-repeat;
	background-size: 60px;
	background-position: center top 0px;
	font-weight: 600;
	font-size: 2.3em;
}
.new-date {
	text-align: left;
	font-size: 0.9em;
}
.new-content p {
	text-align: justify;
	max-height: auto;
	overflow: hidden;
}
.delete-btn {
	padding: 0;
	z-index: 91;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	position: absolute;
	top: -25px;
	text-align: center;
	border-radius: 360px;
	left: auto;
	right: 10%;
	transform: none;
}
.delete-btn-icon {
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
}
	
.news-column {
}
.news-content {
	border-radius: 15px;
	position: relative;
	padding: 30px 2%;
	width: 96%;
	margin: 10px 0;
}
a.news-content {
}
.news-title {
	font-size: 1.1em;
}
.news-date {
	position: absolute;
	right: 2%;
	top: 15px;
	font-size: 0.9em;
}

/************************************************************ NOTIFICATION **************************************************/

.notification-box {
	position: fixed;
	z-index: 99;
	top: 100px;
	right: 0px;
	display: inline-block;
	text-align: center;
	width: 20%;
}
.notification {
	width: 90%;
	background-repeat: no-repeat;
	background-size: 36px;
	background-position: center top 20px;
	padding: 60px 5% 20px 5%;
}
.appStatusMessage {
	position: fixed;
	z-index: 99;
	top: 100px;
	background-repeat: no-repeat;
	background-size: 36px;
	background-position: center top 20px;
	padding: 60px 5% 20px 5%;
	width: 90%;
	text-align: center;
}
.appDeliveryTimeMessage {
	position: fixed;
	top: auto;
	bottom: 0px;
	right: 0px;
	width: 60%;
	padding: 10px 20%;
	border-radius: 7px 7px 0 0;
}
	
/************************************************************ FAVORITE ********************************************************/
	
.favorite-items-container {
	margin: 0 5%;
}
.favorite-items-container .item-buy-btn, .favorite-items-container .item-buy-now {
	width: 47.9%;
}
a.favorite-item-btn {
	width: 100%;
	height: 50px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 50%;
}
.no-content {
	width: 100%;
	background-position: center top 10px;
	background-repeat: no-repeat;
	background-size: 350px;
	padding: 360px 0 0 0;
}
.favorite-items-box .item-info-panel, .favorite-items-box .reservation-info-panel {
	margin: 40px 0 0 0;
}
	
/********************************************************** Orders history ****************************************************/

.order-his-column {
	width: 31%;
	margin: 15px 1%;
	float: left;
	height: 300px;
	position: relative;
	overflow: hidden;
}
.order-his-top {
	width: 100%;
	text-align: center;
	position: relative;
	display: inline-block;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}
.order-his-column:hover .order-his-top {
	transition: all 0.3s ease-in;
	transform: scale(0.5);
	opacity: 0;
}
.order-his-date {
	height: auto;
	line-height: 2.5em;
	font-size: 2.5em;
	width: 100%;
}
.order-his-status {
	display: none;
}
.order-success {
}
.order-pending {
}
.order-reject {
}
.order-his-adress {
	padding: 50px 0 0 0;
	background-position: center top;
	background-size: auto 50%;
	background-repeat: no-repeat;
}
.order-his-list {
	position: absolute;
	top: -200px;
	width: 100%;
	padding: 15px 0;
	height: 170px;
	overflow-x: hidden;
	overflow-y: auto;
	transition: all 0.5s ease-out;
}
.order-his-column:hover .order-his-list {
	top: 0%;
	transition: all 0.5s ease-in;
}
.order-his-product {
	padding: 5px 2%;
	width: 96%;
}
.order-his-product:nth-child(even) {
}
.order-title {
	font-family: Montserrat-Bold;
	display: block;
	width: 60%;
	float: left;
}
.order-quantity {
	width: 10%;
	display: block;
	display: inline-block;
	float: left;
	text-align: center;
}
.order-price {
	width: 30%;
	display: block;
	display: inline-block;
	float: left;
	text-align: center;
}
.order-extended {
	font-size: 1em;
}
.order-his-bottom {
	position: absolute;
	width: 100%;
	height: 100px;
	bottom: -100px;
	transition: all 0.5s ease-out;
}
.order-his-column:hover .order-his-bottom {
	bottom: 0%;
	transition: all 0.5s ease-in 0.5s;
}
.order-his-price {
	width: 100%;
	height: 50px;
	float: none;
	text-align: center;
	margin: 0 0 0 0;
}
.order-his-price h4 {
	padding: 0;
	font-size: 2em;
	line-height: 50px;
}
.order-his-price label {
	display: none;
}
.order-his-btn {
	width: 100%;
	height: 50px;
	display: block;
	float: none;
}
.order-his-btn.gradient-btn {
	background: transparent;
}
.order-his-btn button {
	width: 100%;
	height: 50px;
	border: none;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 60%;
}

/*************************************************** RECOMENDED PRODUCTS *************************************************/

.cart-recomend-box {
	margin: 10px 0;
}
.product-detail .cart-recomend-box {
	margin: 100px 0 10px 0;
}
.cart-recomend-box h4 {
	padding: 10px;
}
.cart-right-box .recomend-product {
    width: 49.5%;
}
.recomend-products-box {

}
.recomend-products-overflow {
	white-space: normal;
}
.recomend-product {
    position: relative;
    display: inline-block;
    min-width: 150px;
    width: 24.5%;
    margin: 0;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 15px;
}
.recomend-product::after {
    content: '';
    width: 100%;
    height: 100px;
    bottom: 0px;
    top: auto;
    display: block;
    position: absolute;
    z-index: 1;
    -webkit-transition: all 130ms 195ms ease-in-out;
    transition: all 130ms 195ms ease-in-out;
}
.recomend-product-desc {
	position: absolute;
	z-index: 2;
	bottom: 10px;
	left: 10px;
}
.recomend-product h4 {
	padding: 0;
	font-size: 1.1em;
}
.recomend-product span {
}
.recomend-product-icon {
	display: block;
	width: 100%;
	height: 150px;
	background-size: 36px;
	background-position: center;
	background-repeat: no-repeat;
}
button.recomend-product-hover {
	position: absolute;
	z-index: 2;
	top: 0;
	right: -100%;
	width: 100%;
	height: 300px;
	opacity: 0;
	border: none;
	transition: all 0.5s;
	cursor: pointer;
}
.recomend-product:hover button.recomend-product-hover {
	transition: all 0.5s;
	opacity: 1;
	right: 0;
}

/******************************************************* FILTER BOX *****************************************************/

.filter-products-box {
	width: 75%;
	margin: 10px 12.5%;
}
.js-toggle-list-view {
	display: none;
}
button.filter-products-btn {
	font-size: 0.75em;
	width: auto;
	height: auto;
	line-height: normal;
	padding: 10px;
	border-radius: 360px;
	cursor: pointer;
	transition: all 0.5s;
}
button.filter-products-btn:hover {
	transition: all 0.5s;
	animation: cubeChange 0.5s;
	border-radius: 0px;
}
.filter-products-content {
	display: none;
}
.filter-products-content.active {
	display: block;
}
.filter-content {
	width: 30%;
	margin: 5px 1.5%;
	float: left;
	padding: 0;
}
.filter-content-100 {
	width: 97%;
	margin: 15px 1.5%;
	float: left;
	padding: 0;
}
.filter-title {
	font-size: 1em;
	font-weight: normal;
}
.filter-content input[type="text"], .filter-content input[type="password"], .filter-content input[type="number"], .filter-content input[type="email"], .filter-content select, .filter-content  input[type="tel"] {
	border: none;
	width: 95%;
	font-size: 1em;
	transition: all 0.5s;
	padding: 5px 2.5% 10px 2.5%;
	background-position: center right 10px;
	background-repeat: no-repeat;
	background-size: auto 40%;
	margin: 10px 0;
}
input[type="text"].search-filter-input {
	width: 76%;
	float: left;
	padding: 0 2%;
	margin: 10px 0;
	height: 24px;
}
.search-filter-btn {
	width: 20%;
	height: 60px;
	margin: 10px 0;
	float: left;
	display: block;
	cursor: pointer;
	background-position: center;
	background-size: auto 45%;
	background-repeat: no-repeat;
}
.search-box {
	margin: 10px 0;
}
	
/******************************************************* CHECKBOX - FILTER *****************************************************/

.filter-checkbox {
	display: block;
	float: left;
	width: 46%;
	padding: 5vw 2% 0 2%;
	text-align: center;
	position: relative;
}
.filter-checkbox span {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 1vw;
	left: 0;
	line-height: auto;
}
	
.filter-checkbox {
	display: block;
	float: left;
	width: 18%;
	margin: 5px 1%;
	padding: 0 0 5px 0;
	text-align: left;
}
.filter-checkbox span {
	width: auto;
	text-align: center;
	position: relative;
	top: auto;
	left: auto;
	line-height: 2.3em;
	cursor: pointer;
}
.toggle .toggle-control {
	transition: all 0.5s;
	width: 4em;
	height: 2em;
	display: inline-block;
	float: right;
	border-radius: 2em;
	position: relative;
	cursor: pointer;
	margin: 0;
}
.toggle .toggle-control:after {
    transition: all 0.5s;
    content: "";
    width: 2em;
    height: 2em;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; 
}
.toggle input {
  display: none; 
}
.toggle input:checked + .toggle-control {
	background-position: center left 10px;
	background-size: auto 40%;
	background-repeat: no-repeat;
}
.filter-checkbox {
}
.toggle input:checked + .toggle-control:after {
	left: 2em;
}
	
.select-btn .filter-checkbox {
	display: block;
	float: none;
	width: 100%;
	margin: 0;
	text-align: center;
}
.select-btn .toggle .toggle-control {
	transition: all 0.5s;
	width: 4em;
	height: 2em;
	display: inline-block;
	float: none;
	border-radius: 2em;
	position: relative;
	cursor: pointer;
	margin: 9px 0;
}
.select-btn .toggle .toggle-control:after {
    transition: all 0.5s;
    content: "";
    width: 2em;
	height: 2em;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; 
}
.select-btn .toggle input:checked + .toggle-control:after {
      left: 2em; 
}

/*******************************************************   ALERGENS    **********************************************************/

.alergen-content {
	padding: 10px;
	margin: 10px;
	text-align: left;
}
.alergen-content h1 {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 100%;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
}
.alergen-content h3 {
	margin: 20px 0;
	display: inline-block;
}
.alergen-content p {
}
	
/************************************************   MultiAPP    **********************************************************/
.multiapp-back {
	width: 100px;
    height: 75px;
	float: none;
	margin: 0;
	display: inline-block;
}
.multiapp-icon {
	width: 100%;
    height: 75px;
    display: block;
    background-position: center;
    background-size: auto 50%;
    background-repeat: no-repeat;
	animation: swipingDown 10s ease 2s infinite;
}
@keyframes swipingDown {
	0% {margin-top: 0;}
	3% {margin-top: 15px;}
	15% {margin-top: 0;}
	100% {margin-top: 0;}
}
.toppanel.multiapp img {
	left: auto;
	display: inline-block;
	top: 10%;
}
.toppanel.multiapp.mini-menu img {
	top: 40%;
}
.multi-toppanel {
	width: 100%;
	height: 50px;
}
.multi-toppanel-logo {
	height: 50px;
}
.multiapp-box {
	position: fixed;
	z-index: 101;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden;
}
.multiapp-content {
	width: 80%;
	margin: 50px 10%;
	text-align: center;
}
.multiapp-col {
	width: 19%;
	float: none;
	height: 300px;
	margin: 0 0.5%;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.multiapp-description {
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 90%;
	padding: 10px 5%;
	font-size: 1em;
	transition: all 0.5s ease-in;
}
.multiapp-col:hover .multiapp-description {
	bottom: 45%;
	opacity: 1;
	transition: all 0.5s ease-out;
}
.multiapp-col:hover .multiapp-href-logo {
	height: 300px;
	background-size: auto 75%;
	transition: all 0.5s ease-out;
}
span.multiapp-link-btn {
	position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 32px 0 0 0;
	opacity: 0;
    z-index: 10;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}
.multiapp-col:hover span.multiapp-link-btn {
	margin: 0;
	opacity: 1;
	transition: all 0.5s ease-in-out 0.25s;
}
.multiapp-href-logo {
	height: 300px;
	background-size: auto 80%;
	transition: all 0.3s ease-in;
}
a.multiapp-href {
	width: 100%;
	height: 300px;
}
a.multiapp-href span {
	bottom: 5px;
}
.multiapp-categories {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
	display: none;
}
.multiapp-category-col {
	width: 32px;
	height: 32px;
	margin: 0 2.5px;
	display: inline-block;
}
.multiapp-link-box {
	position: absolute;
    width: 100%;
    height: 32px;
    z-index: auto;
    bottom: 0;
    right: 0;
    display: block;
}
	
/***************************************** ITEM SHARE ************************************/
#QR {
	display: block;
}
	
.item-bg-image {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.6;
	z-index: -1;
	width: 100%;
	height: 600px;
	overflow: hidden;
	display: block;
}
.item-bg-image:after {
	content: '';
	width: 100%;
	height: 600px;
	display: block;
	position: absolute;
	bottom: 0;
}
.item-bg-image img {
	width: 100%;
	height: auto;
	-webkit-filter: blur(7px); /* Safari 6.0 - 9.0 */
    filter: blur(7px) ;
}
.company-logo {
	display: inline-block;
	text-align: center;
	margin: 50px 30% 0 30%;
	width: 40%;
}
.company-logo img {
	width: 30%;
}
.item-box {
}
.item-social {
	position: relative;
	z-index: 1;
	margin: 50px 20% 50px 20%;
	width: 60%;
}
.item-social .item-content {
	
}
.item-social .item-photo-content {
	height: 400px;
	width: 50%;
	float: left;
}
.item-social .stickers-content {
	
}
.item-social .sticker {
	
}
.item-title {
	padding: 10px 2%;
	width: 46%;
	float: left;
	display: block;
	height: auto;
}
.item-title h4 {
	font-size: 24px;
}
.item-social .item-info-panel {
	width: 50%;
	float: left;
	display: block;
	height: auto;
}
.item-social {
	
}
.item-social {
	
}
.item-social {
	
}
a.item-eshop-btn {
	width: 32.9%;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
	text-transform: uppercase;
}
.item-info-desc {
	padding: 10px 0;
}
.item-info-desc p {
	overflow: hidden;
	max-height: 122px;
}
.item-qr-box {
	padding: 10px 2%;
	width: 46%;
	float: left;
	display: block;
	height: auto;
	position: relative;
}
.item-qr-title {
	
}
.item-qr {
	float: left;
	width: 50%;
	
	
}
.item-qr-m25 {
	margin: 25px 0 0 0;
}
.item-qr img {
	width: 90%;
}
.item-social .social-box {
	text-align: center;
	padding: 20px 0;
	position: relative;
	top: auto;
	right: auto;
	width: 100%;
	border: none;
}

/*************************** MINI BANNERS ****************************/
.mini-banners-box {
	display: block;
	width: 100%;
	margin: 0 0 25px 0;
}
.minibanner {
	width: 25%;
	float: left;
}

/*** ORDER STATUS INFO ***/
.order-tracking-box {
	position: fixed;
    z-index: 11;
    left: 0;
    bottom: 0;
    width: 30%;
}
.order-tracking-content {
	padding: 20px 5%;
}
.order-tracking-content span {
	margin: 0 0 15px 0;
}
.order-tracking-icon {
	width: 36px;
	height: 36px;
}
.order-tracking-content h3 {
	text-transform: uppercase;
	line-height: 2em;
}
	
/************************************** FOOTER *********************************/
footer {
	min-height: 30vh;
	margin: 0 0 0 0;
	width: 100%;
	z-index: 10;
	position: relative;
	display: block;
}
.footer-box {
}
.footer-content {
	width: 80%;
	padding: 25px 10%;
}
.footer-logo {
	width: 100%;
	height: 100px;
	margin: 0 0 15px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.footer-column {
	
}
.footer-33-col {
	float: left;
	width: 33.3%;
	text-align: center;
}
.footer-info-btn {
	font-size: 2em;
}
.footer-app-content {
	text-align: center;
}
.footer-app-content a {
	width: 105px;
    height: 36px;
    margin: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    transition: all 0.3s;
}
.footer-app-content a:hover {
	transition: all 0.3s;
	transform: scale(1.1);
}
.footer-factory-select-content {
	text-align: center;
	width: 100%;
	margin: 0 0 15px 0;
}
.footer-select-factory-icon {
	width: 18px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	transition: all 0.3s;
}
.footer-select-factory {
    display: inline-block;
    border-radius: 360px;
    padding: 10px 20px 10px 50px;
    transition: all 0.3s;
	position: relative;
}
.footer-select-factory:hover .footer-select-factory-icon {
	transition: all 0.3s;
	transform: rotate(-90deg);
}
footer .open-hours-content {
    width: 70%;
    margin: 0 15%;
}
footer .open-hours-D, footer .open-hours-H {
    width: 49.5%;
    line-height: 25px;
}
.footer-payment-box {
	margin: 10px 0 0 0;
}
.footer-payment-content {
	width: 100%;
	text-align: center;
}
.footer-payment-type {
	display: inline-block;
	width: 64px;
	height: 32px;
	margin: 10px 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.footer-author {
	padding: 10px;
	text-align: right;
}
.footer-author a {
	font-size: 0.9em;
	opacity: 0.5;
	transition: all 0.5s;
	color: #FFFFFF;
	padding: 10px;
}
.footer-author a:hover {
	opacity: 1;
	transition: all 0.5s;
}

/************************************* LANGUAGE MODULE *******************************/
.select-lang-box {
	width: 75px;
	left: 15px;
	top: 15px;
}
.dropbtn {
	height: 50px;
}
.dropdown-content a {
	padding: 5px 5px 5px 50px;
    background-position: center left 5px;
}
.toppanel .translator-box {
	position: relative;
	top: auto;
	left: auto;
	width: unset;
	display: inline-block;
}
.toppanel.mini-menu .translator-box {
	opacity: 1;
}

/******************************* CONFIGURATOR **********************************/
.configurator-layout.overlay-enhancement-box {
	z-index: 101;
}
.configurator-enhancement-content {
	position: relative;
	top: 52%;
	transform: translateY(-50%);
	height: 77%;
	display: block;
	width: 80%;
	margin: 0 10%;
}
.configurator-layout .enhancement-header {
	display: block;
}
.configurator-ingredients-box {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 100%;
	position: relative;
	bottom: auto;
}
.configurator-ingredients-box, .configurator-render-box {
	width: 40%;
	float: left;
}
.configurator-ingredients {
	padding: 10px;
}
.overlay-enhancement-box.configurator-layout .overlay-enhancement-content {
	width: 49.9%;
	margin: 0%;
	position: relative;
	top: 0;
	transform: none;
	height: 100%;
	display: flex;
	flex-flow: column;
	align-items: stretch;
	float: left;
}
.configurator-render-box {
	height: 100%;
	top: 0;
	width: 50%;
	transform: none;
	position: relative;
	margin: 0;
}
.configurator-layout .configurator-render-box {
	display: block;
}
.configurator-render-box .delete-btn {
	top: 0px;
    right: 0px;
    border-radius: 0;
}
.configurator-layout .overlay-enhancement-content .delete-btn  {
	display: none;
}
.configurator-render-img {
	width: 500px;
	height: 500px;
}
.configurator-render-img img {
}
.configurator-contain-ingredients {
	display: block;
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: 50px;
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: 20%;
	opacity: 0.5;
	transition: all 0.3s;
}
.configurator-contain-ingredients:hover {
	max-height: 50%;
	opacity: 1;
	transition: all 0.3s;
}
.contain-ingredient {
	border-radius: 360px;
	padding: 5px 5px 5px 36px;
	margin: 5px;
	min-width: 150px;
	background-position: center left 5px;
	background-repeat: no-repeat;
	background-size: 24px;
}
.contain-ingredient-title {
	float: left;
	height: 24px;
	line-height: 24px;
}
.contain-ingredient-quantity, .contain-ingredient-price {
	float: left;
	height: 24px;
	line-height: 24px;
}
.contain-ingredient-delete-btn {
	float: right;
	width: 24px;
	height: 24px;
	display: block;
	border: none;
	border-radius: 360%;
	cursor: pointer;
	background-position: center;
	background-size: 16px;
	background-repeat: no-repeat;
	background-color: transparent;
	
}
.configurator-item-add-to-cart {
	position: absolute;
	bottom: 20px;
	left: 52%;
	width: auto;
	height: auto;
	padding: 10px 20px 10px 52px;
	border: none;
	z-index: 10;

	cursor: pointer;
	background-position: center left 20px;
	background-size: 24px;
	background-repeat: no-repeat;
}
.configurator-layout .enhancement-box h3 {
	margin: 15px 0 0 0;
}
.configurator-layout .extended-content-taste {
    width: 25%;
}
.configurator-layout .extended-column {
    background-size: auto 100px;
    padding: 100px 0 0 0;
    height: auto;
}
.configurator-layout .extend-qantity-btn {
    height: 100px;
}
	
/****************************************** SOCIAL LINKS *************************************/
.social-links {
	width: 100%;
	text-align: center;
	margin: 15px 0 0 0;
}
a.social-link {
	width: 36px;
	height: 36px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 50%;
}
	
/*************************** TUTORIAL *************************/
.js-rerun-tutorial.btn-href.gradient-btn {
	display: none;
}
	
}
.invisible {
	display: inline-block;
}
/*** JS NO DISPLAY***/
.js-template, .payment-icon-food_card, .js-back-to-contact, .hide-extra, .show-extra, .hide {
	display: none;
}

/* BUG FIXES 28.10.21 */
.new-title {
    word-break: break-word;
}
.bottom-btn-cart h4 {
    line-height: 15vw;
}
#legend {
    margin-bottom: 3em;
}
@media (orientation: landscape) {
    .new-column .delete-btn {
        right: -250px;
    }
    .bottom-btn-cart h4 {
        line-height: 50px;
    }
}
@charset "UTF-8";
/* CSS Document */
/*
Atlantis
╔═══╦╗░░░░░░░╔╗░░░░░░░░░░░░╔═══╦═══╦═══╗
║╔═╗║║░╔╗░░░░║║░░░░░░░░░░░░║╔═╗║╔═╗║╔═╗║
║║░║║╚═╬╬══╦═╝╠═╗╔══╦╗╔╦══╗║║░╚╣╚══╣╚══╗
║║░║║╔╗╠╣║═╣╔╗║╔╗╣╔╗║╚╝║║═╣║║░╔╬══╗╠══╗║
║╚═╝║╚╝║║║═╣╚╝║║║║╔╗║║║║║═╣║╚═╝║╚═╝║╚═╝║
╚═══╩══╣╠══╩══╩╝╚╩╝╚╩╩╩╩══╝╚═══╩═══╩═══╝
░░░░░░╔╝║░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░╚═╝░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░

White = #FFFFFF
Dark White = #EAEAEA
Light Gray = #676767
Gray = #313030
Darker Gray = #2C2C2C
Dark Gray = #212121
Orange = #333333
Red = #B84C4C = (184,76,76)
Green = (75,183,90)
Green = #4BB75A
Blue = (82,165,187)
Yellow = (167,183,70)
Black = (0,0,0);
Black = #000000;

Images
------
gray
green
red
blue
white

Other
------
Gradient = from: #E20613 to: #E20613

*/

body {
	background-color: #FFFFFF;
}

/********************* INPUT STYLES ******************/
input, textarea, select {
	color: #676767;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
input:focus, textarea:focus, select:focus {
	outline: 0;
	border-bottom: 1px solid rgba(0,0,0,0.3);
}
input[type="submit"], input[type="button"] {
	color: #FFFFFF;
}
button:focus { outline:none }
input[type="text"], input[type="password"], input[type="number"], input[type="email"], select, input[type="tel"], textarea, input[type="date"], input[type="time"] {
	background-color: transparent;
}
input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; } textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
#timepicker {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

a {
	color: #333333;
}
a.btn-href {
	color: #FFFFFF;
}
.gradient-btn, label.tutorial-top.active, .swiper-pagination-bullet-active, .social-btn, .product-delete-btn, .review-content-reply, .review-user-img, .swiper-pagination-bullet-active, .swiper-pagination-bullet:hover, .menu-content-logo, .reservation-selected, .js-cart-action-container button, .sticker-timed, .item-sale-date, footer, .order-his-column {
	background-image: -webkit-linear-gradient(top, #E20613, #E20613);
	background-image: -moz-linear-gradient(top, #E20613, #E20613);
	background-image: -ms-linear-gradient(top, #E20613, #E20613);
	background-image: -o-linear-gradient(top, #E20613, #E20613);
	background-image: linear-gradient(to top right, #E20613, #E20613);
}
.body-container {
	color: #676767;
}
button.menu-hide-btn {
	background-image: url('/ui/system/icons/white/delete.svg');
}
ul.menu {
	background-color: #FFFFFF;
	-webkit-box-shadow: -50px 0px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: -50px 0px 20px 0px rgba(0,0,0,0.2);
	box-shadow: -50px 0px 20px 0px rgba(0,0,0,0.2);
}
.menu-content {
}
.menu-content-logo {
}
.menu-content-logo::after {
    background: -webkit-linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.6) 100%);
}
button.toppanel-btn {
	background-image: url('/ui/system/icons/white/menu_list.svg');
}
.toppanel, .multi-toppanel {
}
.toppanel.mini-menu {
	background-color: rgba(184,76,76,0.9);
}
/*IPHONE X and more display FIX*/
.toppanel::before {
	background-color: rgba(184,76,76,1.0);
}
button.menu-hide-btn {
	background-color: transparent;
}
li.menu-btn {
	border-left: 1vw solid #FFFFFF;
	color: #2B2B2B;
}
.menu-btn.selected {
	border-left: 1vw solid #333333;
	background-color: rgba(0,0,0,0.1);
}
.menu-btn.account {
}
.account-menu.gradient-btn {
	color: #FFFFFF;
}
.cookies-box {
	background-color: rgba(255,255,255,0.9);
}
.cookies-box label {
	color: #313030;
}
.cookies-box button {
	color: #FFFFFF;
}

/********************* FOODTYPES 
.foodtype-all {
	background-image: url('/ui/system/icons/gray/food_all.svg');
}
.foodtype-pizza, .foodtype-czechpizza, .foodtype-pizza-own, .foodtype-pizza-small, .foodtype-pizza-big {
	background-image: url('/ui/system/icons/gray/pizza.svg');
}
.foodtype-economy {
	background-image: url('/ui/system/icons/gray/cash.svg');
}
.foodtype-food {
	background-image: url('/ui/system/icons/gray/food.svg');
}
.foodtype-appetizer, .foodtype-starters {
	background-image: url('/ui/system/icons/gray/starters.svg');
}
.foodtype-attachments {
	background-image: url('/ui/system/icons/gray/attachments.svg');
}
.foodtype-drinks {
	background-image: url('/ui/system/icons/gray/drink.svg');
}
.foodtype-noodles {
	background-image: url('/ui/system/icons/gray/noodles.svg');
}
.foodtype-burgers, .foodtype-burger, .foodtype-kebab-burger {
	background-image: url('/ui/system/icons/gray/burger.svg');
}
.foodtype-addons {
	background-image: url('/ui/system/icons/gray/plus.svg');
}
.foodtype-daily-menu {
	background-image: url('/ui/system/icons/gray/daily_menu.svg');
}
.foodtype-child-menu, .foodtype-children-menu {
	background-image: url('/ui/system/icons/gray/daily_menu_child.svg');
}
.food-type-button.show-extra {
	background-image: url('/ui/system/icons/gray/plus.svg');
}
.food-type-button.hide-extra {
	background-image: url('/ui/system/icons/gray/minus.svg');
}
.foodtype-soup, .foodtype-soups {
	background-image: url('/ui/system/icons/gray/soap.svg');
}
.foodtype-pasta-salsa, .foodtype-baked-pasta {
	background-image: url('/ui/system/icons/gray/pasta.svg');
}
.foodtype-pig {
	background-image: url('/ui/system/icons/gray/steak.svg');
}
.foodtype-chicken, .foodtype-meat, .foodtype-chicken-meal {
	background-image: url('/ui/system/icons/gray/meat.svg');
}
.foodtype-specialites, .foodtype-kebab-plate, .foodtype-taste-food {
	background-image: url('/ui/system/icons/gray/food_special.svg');
}
.foodtype-starters {
	background-image: url('/ui/system/icons/gray/starters.svg');
}
.foodtype-steaks, .foodtype-steak, .foodtype-beef-meal, .foodtype-pork-meal {
	background-image: url('/ui/system/icons/gray/steak.svg');
}
.foodtype-potatoes, .foodtype-potatoes-pocket {
	background-image: url('/ui/system/icons/gray/potato_pocket.svg');
}
.foodtype-fish, .foodtype-fish-meal {
	background-image: url('/ui/system/icons/gray/fish.svg');
}
.foodtype-salads, .foodtype-salate, .foodtype-gluten-free {
	background-image: url('/ui/system/icons/gray/salad.svg');
}
.foodtype-vegetarian {
	background-image: url('/ui/system/icons/gray/salad.svg');
}
.foodtype-deserts, .foodtype-desserts, .foodtype-dessert {
	background-image: url('/ui/system/icons/gray/dezert.svg');
}
.foodtype-sweet {
	background-image: url('/ui/system/icons/gray/dezert.svg');
}
.foodtype-drinks-virgin {
	background-image: url('/ui/system/icons/gray/drink.svg');
}
.foodtype-beer {
	background-image: url('/ui/system/icons/gray/beer.svg');
}
.foodtype-wine {
	background-image: url('/ui/system/icons/gray/wine.svg');
}
.foodtype-classic {
	background-image: url('/ui/system/icons/gray/food.svg');
}
.foodtype-pasta {
	background-image: url('/ui/system/icons/gray/pasta.svg');
}
.foodtype-beer-wine-food {
	background-image: url('/ui/system/icons/gray/potato_pocket.svg');
}
.foodtype-vegetable-attachments {
	background-image: url('/ui/system/icons/gray/salad.svg');
}
.foodtype-coctails {
	background-image: url('/ui/system/icons/gray/coctail.svg');
}
.foodtype-smoothie {
	background-image: url('/ui/system/icons/gray/drink.svg');
}
.foodtype-alcohol {
	background-image: url('/ui/system/icons/gray/beer.svg');
}
.foodtype-mixed-virgin {
	background-image: url('/ui/system/icons/gray/coctail.svg');
}
.foodtype-mixed-alcohol {
	background-image: url('/ui/system/icons/gray/coctail.svg');
}
.foodtype-gnocchi-traditional {
	background-image: url('/ui/system/icons/gray/gnocchi.svg');
}
.foodtype-sushi {
	background-image: url('/ui/system/icons/gray/sushi.svg');
}
.foodtype-frited-food, .foodtype-fast-food {
	background-image: url('/ui/system/icons/gray/frited_food.svg');
}
.foodtype-sauces {
	background-image: url('/ui/system/icons/gray/sauce.svg');
}
.foodtype-sauce {
	background-image: url('/ui/system/icons/gray/sauce.svg');
}
.foodtype-gluten-free-pizza {
	background-image: url('/ui/system/icons/gray/glutten_free_pizza.svg');
}
.foodtype-gnocchi {
	background-image: url('/ui/system/icons/gray/gnocchi.svg');
}
.foodtype-risotto {
	background-image: url('/ui/system/icons/gray/rice.svg');
}
.foodtype-pizza-xxl {
	background-image: url('/ui/system/icons/gray/pizza_xxl.svg');
}
.foodtype-frited-bread {
	background-image: url('/ui/system/icons/gray/bread_frited.svg');
}
.foodtype-kebab, .foodtype-kebab-box, .foodtype-baked-kebab, .foodtype-gyros {
	background-image: url('/ui/system/icons/gray/gyros.svg');
}
.foodtype-panini {
	background-image: url('/ui/system/icons/gray/panini.svg');
}
.foodtype-tortilla, .foodtype-durum-tortila, .foodtype-durum-mini {
	background-image: url('/ui/system/icons/gray/tortilla.svg');
}
.foodtype-strips {
	background-image: url('/ui/system/icons/gray/strips.svg');
}
.foodtype-meatless {
	background-image: url('/ui/system/icons/gray/salad.svg');
}
.foodtype-roasted-ribs-marinade {
	background-image: url('/ui/system/icons/gray/ribs.svg');
}
.foodtype-roasted-ribs {
	background-image: url('/ui/system/icons/gray/ribs.svg');
}
.foodtype-halfpizza {
	background-image: url('/ui/system/icons/gray/pizza.svg');
}
.foodtype-party-food {
	background-image: url('/ui/system/icons/gray/party_mix.svg');
}
.foodtype-sendwitches, .foodtype-sandwitches, .foodtype-toast {
	background-image: url('/ui/system/icons/gray/sandwich.svg');
}
.foodtype-frite-cheese {
	background-image: url('/ui/system/icons/gray/frited_cheese.svg');
}
.foodtype-pancakes {
	background-image: url('/ui/system/icons/gray/pancakes.svg');
}
.foodtype-cafe {
	background-image: url('/ui/system/icons/gray/coffe_bar.svg');
}
.foodtype-pizza-sale {
	background-image: url('/ui/system/icons/gray/pizza.svg');
}
.foodtype-lasagne {
	background-image: url('/ui/system/icons/gray/lasagne.svg');
}
.foodtype-icecream {
	background-image: url('/ui/system/icons/gray/ice_cream.svg');
}
******************/
.food-type-button {
	border: 0.5vw solid #1D1D1D;
}
.food-type-button.active {
	background-color: rgba(0,0,0,0.04);
}
.swiper-pagination-bullet {
	border: 0.5vw solid #FFFFFF;
}
.swiper-pagination-bullet-active {
}
.ingredient-type-cheese {
	background-image: url('/ui/system/icons/gray/cheese.svg');
}
.ingredient-type-meat {
	background-image: url('/ui/system/icons/gray/meat.svg');
}
.ingredient-type-vegetables {
	background-image: url('/ui/system/icons/gray/vegetable.svg');
}
.ingredient-type-others {
	background-image: url('/ui/system/icons/gray/attachments.svg');
}
.ingredient-type-fruits, .ingredient-type-fruit {
	background-image: url('/ui/system/icons/gray/fruits.svg');
}
.ingredient-type-spices {
	background-image: url('/ui/system/icons/gray/attachments.svg');
}
.ingredient-type-base, .ingredient-type-pizza-base {
	background-image: url('/ui/system/icons/gray/base.svg');
}
.ingredient-type-sauces {
	background-image: url('/ui/system/icons/gray/attachments.svg');
}
.ingredient-type-fish {
	background-image: url('/ui/system/icons/gray/fish.svg');
}

/*************************************************************** ICONS ********************************************************/

.arrow-left, .arrow-left-icon {
	background-image: url('/ui/system/icons/white/arrow_left.svg');
}
.arrow-right {
	background-image: url('/ui/system/icons/gray/arrow_right.svg');
}
.multiapp-link-btn {
	background-image: url('/ui/system/icons/yellow/arrow_up.svg');
}
.item-taste-btn-icon {
	background-image: url('/ui/system/icons/white/arrow_right.svg');
}
.arrow-up, .arrow-up-icon {
	background-image: url('/ui/system/icons/white/arrow_up.svg');
}
.arrow-up-type {
	background-image: url('/ui/system/icons/gray/arrow_bottom.svg');
}
.arrow-down, .arrow-down-icon {
	background-image: url('/ui/system/icons/white/arrow_bottom.svg');
}
.reservation-cal-arrow.arrow-down {
	background-image: url('/ui/system/icons/gray/arrow_bottom.svg');
}
.reservation-cal-arrow.arrow-up {
	background-image: url('/ui/system/icons/gray/arrow_up.svg');
}
.star-icon {
	background-image: url('/ui/system/icons/white/star.svg');
}
.heart-icon {
	background-image: url('/ui/system/icons/white/heart.svg');
}
.heart-icon.active {
	background-image: url('/ui/system/icons/white/heart_active.svg');
}
.favorite-item-btn.heart-icon, .item-detail-box .heart-icon {
	background-image: url('/ui/system/icons/gray/heart.svg');
}
.favorite-item-btn.heart-icon-active, .item-detail-box .heart-icon-active, .item-detail-box .heart-icon:hover, .item-detail-box .heart-icon.active  {
	background-image: url('/ui/system/icons/gray/heart_active.svg');
}
.photo-icon {
	background-image: url('/ui/system/icons/gray/photo.svg');
}
.people-icon {
	background-image: url('/ui/system/icons/gray/training.svg');
}
.movie-icon {
	background-image: url('/ui/system/icons/white/movie.svg');
}
.pointer-icon {
	background-image: url('/ui/system/icons/gray/pointer.svg');
}
.call-button-icon.pointer-icon {
	background-image: url('/ui/system/icons/white/pointer.svg');
}
.calendar-icon {
	background-image: url('/ui/system/icons/gray/calendar.svg');
}
.time-icon {
	background-image: url('/ui/system/icons/gray/time.svg');
}
input.pointer-icon {
	background-image: url('/ui/system/icons/gray/pointer.svg');
}
.customer-icon {
	background-image: url('/ui/system/icons/gray/customer.svg');
}
.house-icon {
	background-image: url('/ui/system/icons/white/house.svg');
}
.cart-icon {
	background-image: url('/ui/system/icons/gray/cart.svg');
}
.cart-pay-btn .cart-icon {
    background-image: url(/ui/system/icons/white/cart.svg);
}
.offer-icon {
	background-image: url('/ui/system/icons/gray/offer.svg');
}
.delete-icon {
	background-image: url('/ui/system/icons/white/delete.svg');
}
.facebook-icon {
	background-image: url('/ui/system/icons/white/facebook.svg');
}
.instagram-icon {
	background-image: url('/ui/system/icons/white/instagram.svg');
}
.twitter-icon {
	background-image: url('/ui/system/icons/white/twitter.svg');
}
.repeat-icon {
	background-image: url('/ui/system/icons/white/repeat_arrow.svg');
}
.magnify-icon, .item-buy-btn-icon {
	background-image: url('/ui/system/icons/gray/magnify.svg');
}
.salad-icon {
	background-image: url('/ui/system/icons/gray/salad.svg');
}
.wheat-icon {
	background-image: url('/ui/system/icons/white/wheat.svg');
}
.item-detail-label.wheat-icon {
	background-image: url('/ui/system/icons/gray/wheat.svg');
}
.menulist-icon {
	background-image: url('/ui/system/icons/white/menu_list.svg');
}
.all-icon {
	background-image: url('/ui/system/icons/white/food_all.svg');
}
.pizza-icon {
	background-image: url('/ui/system/icons/white/pizza.svg');
}
.pencil-icon {
	background-image: url('/ui/system/icons/gray/pencil.svg');
}
.item-info-btn select.pencil-icon {
	background-image: url('/ui/system/icons/gray/pencil.svg');
}
.package-icon {
	background-image: url('/ui/system/icons/white/package.svg');
}
.item-detail-label.package-icon {
	background-image: url('/ui/system/icons/gray/package.svg');
}
.food-icon {
	background-image: url('/ui/system/icons/white/salad.svg');
}
.attachments-icon {
	background-image: url('/ui/system/icons/white/vegetable.svg');
}
.drinks-icon {
	background-image: url('/ui/system/icons/white/vegetable.svg');
}
.burger-icon {
	background-image: url('/ui/system/icons/white/burger.svg');
}
.gnocchi-icon {
	background-image: url('/ui/system/icons/white/burger.svg');
}
.meat-icon {
	background-image: url('/ui/system/icons/white/burger.svg');
}
.email-icon {
	background-image: url('/ui/system/icons/white/email.svg');
}
input.email-icon {
	background-image: url('/ui/system/icons/gray/email.svg');
}
input.customer-icon {
	background-image: url('/ui/system/icons/white/customer.svg');
}
.mobile-icon {
	background-image: url('/ui/system/icons/white/mobile.svg');
}
input.mobile-icon {
	background-image: url('/ui/system/icons/gray/mobile.svg');
}
.delivery-icon-factory {
	background-image: url('/ui/system/icons/gray/pointer.svg');
}
.delivery-icon-address {
	background-image: url('/ui/system/icons/gray/transport.svg');
}
.delivery-icon-address_gift {
	background-image: url('/ui/system/icons/gray/gift.svg');
}
.gift-icon {
	background-image: url('/ui/system/icons/white/gift.svg');
}
.card-icon {
	background-image: url('/ui/system/icons/white/credit_card.svg');
}
.points-icon {
	background-image: url('/ui/system/icons/white/points.svg');
}
/*.cash-icon {
	background-image: url('/ui/system/icons/white/cash.svg');
}*/
.payment-icon-card {
	background-image: url('/ui/system/icons/gray/credit_card.svg');
}
.payment-icon-cash {
	background-image: url('/ui/system/icons/gray/cash.svg');
}
.payment-icon-bonus_points {
	background-image: url('/ui/system/icons/gray/points.svg');
}
.payment-icon-gate {
	background-image: url('/ui/system/icons/gray/credit_card.svg');
}
.payment-icon-cash_factory {
	background-image: url('/ui/system/icons/gray/cash.svg');
}
.orders-icon {
	background-image: url('/ui/system/icons/gray/orders.svg');
}
.weight-icon {
	background-image: url('/ui/system/icons/white/weight.svg');
}
.item-detail-label.weight-icon {
	background-image: url('/ui/system/icons/gray/weight.svg');
}
.info-icon {
	background-image: url('/ui/system/icons/white/information.svg');
}
.item-detail-label.info-icon {
	background-image: url('/ui/system/icons/gray/information.svg');
}
.plus-icon, .change-btn.arrow-up-icon, .change-btn.arrow-up, .extend-qantity-btn.arrow-up-icon {
	background-image: url('/ui/system/icons/green/plus.svg');
}
.recomend-product-icon.plus-icon {
	background-image: url('/ui/system/icons/white/plus.svg');
}
.minus-icon, .change-btn.arrow-down-icon, .change-btn.arrow-down, .extend-qantity-btn.arrow-down-icon {
	background-image: url('/ui/system/icons/red/minus.svg');
}
.fire-icon {
	background-image: url('/ui/system/icons/gray/fire.svg');
}
.new-title.fire-icon {
	background-image: url('/ui/system/icons/red/fire.svg');
}
.news-title.fire-icon {
	background-image: url('/ui/system/icons/red/fire.svg');
}
.notf-success {
	color: #4BB75A;
	background-image: url('/ui/system/icons/green/success.svg');
}
.notf-info, .notf-inform {
	color: #4f4f4f;
	background-image: url('/ui/system/icons/blue/information.svg');
}
.notf-wrong {
	color: #b84c4c;
	background-image: url('/ui/system/icons/red/wrong.svg');
}
.cheese-icon {
	background-image: url('/ui/system/icons/white/cheese.svg');
}
.item-type-z-lasky, .item-type-pro-radost, .item-type-gratulacni, .item-type-k-narozeninam-a-svatku, .item-type-klobasove, .item-type-darky-ke-kvetine, .item-type-cervene-ruze, .item-type-nejprodavanejsi {
	background-image: url('/ui/system/icons/red/flower_ikvet.svg');
}
.multiapp-icon {
    background-image: url(/ui/system/icons/gray/pointer.svg);
}
.multiapp_flag_food_distribution {
	background-image: url('/ui/system/icons/white/food_distribution.svg');
}
.multiapp_flag_restaurant {
	background-image: url('/ui/system/icons/white/restaurant.svg');
}
.multiapp_flag_pizzery {
	background-image: url('/ui/system/icons/white/pizzery.svg');
}
.multiapp_flag_daily_menu {
	background-image: url('/ui/system/icons/white/daily_menu.svg');
}
.multiapp_flag_coffe_bar {
	background-image: url('/ui/system/icons/white/coffe_bar.svg');
}
.multiapp_flag_night_club {
	background-image: url('/ui/system/icons/white/night_club.svg');
}
.multiapp_flag_disco {
	background-image: url('/ui/system/icons/white/disco.svg');
}
.multiapp_flag_accommodation {
	background-image: url('/ui/system/icons/white/house.svg');
}
.multiapp_flag_saloon {
	background-image: url('/ui/system/icons/white/saloon.svg');
}
.multiapp_flag_training {
	background-image: url('/ui/system/icons/white/training.svg');
}
.multiapp_flag_wedding {
	background-image: url('/ui/system/icons/white/wedding.svg');
}
.multiapp_flag_birthday {
	background-image: url('/ui/system/icons/white/birthday.svg');
}
.multiapp_flag_bowling {
	background-image: url('/ui/system/icons/white/bowling.svg');
}
.multiapp_flag_beer_pub {
	background-image: url('/ui/system/icons/white/beer_pub.svg');
}
.multiapp_flag_casino {
	background-image: url('/ui/system/icons/white/casino.svg');
}
.multiapp_flag_squash {
	background-image: url('/ui/system/icons/white/squash.svg');
}
.multiapp_flag_tenis {
	background-image: url('/ui/system/icons/white/tenis.svg');
}
.multiapp_flag_snooker {
	background-image: url('/ui/system/icons/white/snooker.svg');
}
.multiapp_flag_billiard {
	background-image: url('/ui/system/icons/white/snooker.svg');
}
.multiapp_flag_pool {
	background-image: url('/ui/system/icons/white/pool.svg');
}
.reservation-icon-tables_form {
	background-image: url('/ui/system/icons/gray/table.svg');
}
.reservation-icon-rooms_form {
	background-image: url('/ui/system/icons/gray/calendar.svg');
}
.reservation-icon-bowling_form {
	background-image: url('/ui/system/icons/gray/bowling.svg');
}
.terms-icon {
	background-image: url('/ui/system/icons/gray/terms.svg');
}
.reservation-header-tables_form {
	background-image: url(/ui/system/images/photos/app_reservation_table.jpg);
}
.reservation-header-rooms_form {
	background-image: url(/ui/system/images/photos/app_reservation_hotel.jpg);
}
.reservation-header-bowling_form {
	background-image: url(/ui/system/images/photos/app_reservation_bowling.jpg);
}
.reservation-header-squash_form {
	background-image: url(/ui/system/images/photos/app_reservation_squash.jpg);
}
.bonus-points-icon {
	background-image: url('/ui/system/icons/gray/wallet.svg');
}
.coupon-icon {
	background-image: url('/ui/system/icons/gray/cupons.svg');
}

/* STATE */
.cs-flag {
	background-image: url('/ui/system/icons/flags/czech.svg');
}
.en-flag {
	background-image: url('/ui/system/icons/flags/english.svg');
}
.de-flag {
	background-image: url('/ui/system/icons/flags/germany.svg');
}
.us-flag {
	background-image: url('/ui/system/icons/flags/english.svg');
}

/*ACCEPTED PAYMENT*/
.mastercard-accepted-payment {
	background-image: url('/ui/system/icons/white/mastercard-accepted-payment.png');
}
.visa-accepted-payment {
	background-image: url('/ui/system/icons/white/visa-accepted-payment.png');
}
.gpwebpay-accepted-payment {
	background-image: url('/ui/system/icons/white/gpwebpay-accepted-payment.png');
}
.maestro-accepted-payment {
	background-image: url('/ui/system/icons/white/maestro-accepted-payment.png');
}
.b-payment-accepted-payment {
	background-image: url('/ui/system/icons/white/b-payment-accepted-payment.png');
}
.gopay-accepted-payment {
	background-image: url('/ui/system/icons/white/gopay-accepted-payment.png');
}

.ticket-restaurant-accepted-payment {
	background-image: url('/ui/system/icons/white/ticket-restaurant-accepted-payment.png');
}
.nase-stravenka-accepted-payment {
	background-image: url('/ui/system/icons/white/nase-stravenka-accepted-payment.png');
}
.edenred-accepted-payment {
	background-image: url('/ui/system/icons/white/edenred-accepted-payment.png');
}
.sodexo-accepted-payment {
	background-image: url('/ui/system/icons/white/sodexo-accepted-payment.png');
}
.up-accepted-payment, .edenred-accepted-payment {
	background-image: url('/ui/system/icons/white/up-accepted-payment.png');
}

/**************************** ORDERS-ICONS ***************************************/
.order-tracking-new .order-tracking-icon {
	background-image: url(/ui/system/icons/gray/order_new.svg);
}
.order-tracking-new h3 {
	color: #676767;
}
.order-tracking-cancelled .order-tracking-icon {
	background-image: url(/ui/system/icons/red/order_cancelled.svg);
}
.order-tracking-cancelled h3 {
	color: #B84C4C;
}
.order-tracking-confirmed .order-tracking-icon {
	background-image: url(/ui/system/icons/green/order_confirmed.svg);
}
.order-tracking-confirmed h3, .order-tracking-delivered h3, .order-tracking-indelivery h3 {
	color: #4BB75A;
}
.order-tracking-delivered .order-tracking-icon {
	background-image: url(/ui/system/icons/green/order_delivered.svg);
}
.order-tracking-indelivery .order-tracking-icon {
	background-image: url(/ui/system/icons/green/order_on_way.svg);
}

/************************************************************** ITEM *******************************************************/
.product, .item {
	background-color: #FFFFFF;
}
.product:hover, .item:hover {
}
.item-photo-content-bottom h4 {
	color: #333333;
	background-color: #FFFFFF;
}
.item-photo-content-bottom p {
	color: #313030;
	background-color: #FFFFFF;
}
.cart-items .item-photo-content-bottom h4 {
	color: #FFFFFF;
	background-color: transparent;
	margin-left: 0;
	padding-top: 0;
}
.item-photo-content::after, .bottom-panel::before, .cart-items .item-photo-content-bottom {
    background: -webkit-linear-gradient(transparent 0%, rgba(0,0,0,0.2) 100%);
    background: linear-gradient(transparent 0%, rgba(0,0,0,0.2) 100%);
}
.sticker-red {
	background-color: rgba(184,76,76,0.8);
	color: #FFFFFF;
}
.sticker-green {
	background-color: rgba(75,183,90,0.8);
	color: #FFFFFF;
}
.sticker-blue {
	background-color: rgba(82,165,187,0.8);
	color: #FFFFFF;
}
.sticker-yellow {
	background-color: rgba(167,183,70,0.8);
	color: #FFFFFF;
}
.sticker-timed {
	color: #FFFFFF;
}
.sticker-custom {
	color: #FFFFFF;
}
.item-info-btn {
}
.item-info-btn h4 {
	color: #4BB75A;
}
.item-info-btn select {
	background-color: transparent;
	border: 1.5px solid #1D1D1D;
}
.review-star {
	background-image: url('/ui/system/icons/gray/star.svg');
}
.review-star.active {
	background-image: url('/ui/system/icons/green/star_active.svg');
}
.stars-write-review .review-stars-1, .stars-write-review .review-stars-2, .stars-write-review .review-stars-3, .stars-write-review .review-stars-4, .stars-write-review .review-stars-5 {
	background-image: url('/ui/system/icons/gray/star.svg');
}
.stars-write-review .review-stars-1.active, .stars-write-review .review-stars-2.active, .stars-write-review .review-stars-3.active, .stars-write-review .review-stars-4.active, .stars-write-review .review-stars-5.active {
	background-image: url('/ui/system/icons/green/star_active.svg');
}
.item-buy-btn {
	border: 0.3vw solid #1D1D1D;
}
.home-list-view .item-buy-btn {
	border: none;
}
.item-buy-btn.gradient-btn {
	background-image: none;
	background-color: transparent;
}
.item-buy-now {
	background-color: #F3E92E;
}
.item-buy-now-icon {
	background-image: url('/ui/system/icons/gray/cart.svg');
}
.item-taste-box {
	border-top: 1px solid #EAEAEA;
}
.item-taste-box p {
	color: #676767;
}
.js-toggle-list-view {
	background-image: url('/ui/system/icons/gray/menu_list.svg');
}
.home-list-view .item-photo-content-bottom h4 {
	color: #B84C4C;
}
.home-list-view .item-photo-content-bottom p {
	color: #676767;
}
.calculator-icon {
	background-image: url('/ui/system/icons/gray/calculator.svg');
}
.item-sale-date {
	color: #FFFFFF;
}
.daily-menu-day {
	background-color: #FFFFFF;
	color: #EAEAEA;
}

/************************************************ ENHANCEMENT BOX **************************************************/
.overlay-enhancement-box {
	background-color: rgba(0,0,0,0.6);
}
.overlay-enhancement-content {
	background-color: #FFFFFF;
}
.overlay-enhancement-box .cart-bottom-btns {
	background-color: #FFFFFF;
}
.enhancement-header {
	background-image: url('/ui/system/images/photos/enhancement_bg.jpg');
	color: #F3E92E;
}
.overlay-enhancement-content .delete-btn, .delete-btn {
	color: #FFFFFF;
}

/******************************************************** ITEM - DETAIL *****************************************************/

.product-detail {
	background-color: #FFFFFF;
}
.item-detail-photo-content::after {
    background: -webkit-linear-gradient(transparent 0%, rgba(0,0,0,0.3) 100%);
    background: linear-gradient(transparent 0%, rgba(0,0,0,0.3) 100%);
}
.item-detail-photo-content h4 {
	color: #FFFFFF;
}
button.favorite {
	background-color: transparent;
}
.item-detail-desc-box {
	border-top: 1px solid #EAEAEA;
}
.alergen-type {
	border: 0.4vw solid #676767;
}
.add-cart-quantity {
}
input[type="button"].add-to-cart {
	color: #FFFFFF;
	background-color: #4BB75A;
}
input[type="button"].add-to-cart-unavailable {
	color: #FFFFFF;
	background-color: #676767;
}
.social-btn {
}

/**************************************************** ITEM - RESERVATION ************************************************/
.reservation-hashtag-box span {
	background-color: #333333;
	color: #FFFFFF;
}
.reservation-cal-days-column {
	border-right: 1px solid #EAEAEA;
}
.reservation-free {
	background-color: #EAEAEA;
}
.reservation-denied {
	background-color: #B84C4C;
	color: #FFFFFF;
}
.reservation-selected {
	color: #FFFFFF;
}

.reservation-header-tables_form::before, .reservation-header-rooms_form::before, .reservation-header-bowling_form::before, .reservation-header-squash_form::before {
	background: -webkit-linear-gradient(rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.9) 100%);
    background: linear-gradient(rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.9) 100%);
}


/********************************************************* BOTTOM PANEL ******************************************************/

.bottom-panel {
	background-color: rgba(255,255,255,0.9);
}
.bottom-btn h4 {
	color: #333333;
}
.bottom-btn-cart {
	background-color: #FFFFFF;
	background-image: url('/ui/system/icons/red/cart_line.svg');
}
.bottom-btn-cart.empty {
	background-image: url('/ui/system/icons/gray/cart_line.svg');
}
.bottom-btn-cart h4 {
	color: #333333;
}
.bottom-btn-cart.empty h4 {
	color: #676767;
}
.favorite-food {
	background-image: url('/ui/system/icons/gray/heart.svg');
}
.favorite-food:hover {
	background-image: url('/ui/system/icons/gray/heart_active.svg');
}
.last-orders {
	background-image: url('/ui/system/icons/gray/last_orders.svg');
}
.account {
	background-image: url('/ui/system/icons/gray/user.svg');
}
.points {
}

/************************************************************ LOGIN ********************************************************/

.login-wrapper::after {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100%);
	background-image: linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100%);
}
.login-image {
	background-image: url('/ui/system/images/photos/login_screen.jpg');
}
.account-image {
	background-image: url('/ui/system/images/photos/account_screen.jpg');
}

/************************************************************ MAP ********************************************************/

.map-info-box {
	background-color: #EAEAEA;
}
.map-content-title {
    background: -webkit-linear-gradient(transparent 0%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(transparent 0%, rgba(0,0,0,0.5) 100%);
}
.map-content-title h4 {
	color: #FFFFFF;
}
.map-bottom-panel {
	background-color: #FFFFFF;
}
.map-bottom-panel input[type="submit"] {
	color: #FFFFFF;
}

/************************************************************ KONTAKT ********************************************************/

.call-button-content {
}
.call-button {
	color: #FFFFFF;
}
.open-hours-box h4, .contact-form-container h4 {
	color: #333333;
}
.open-hours-box {
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}
.open-hours-content {
	border-top: 1px solid #EAEAEA;
	background-color: #FFFFFF;
}
.open-hours-D {
	border-right: 1px solid #EAEAEA;
}
.contact-form-content  {
	background-color: #FFFFFF;
}
.contact-form-content textarea {
	background-color: transparent;
}
.contact-form-content input[type="submit"] {
	color: #FFFFFF;
}
.contact-form-content input[type="text"], .contact-form-content input[type="password"], .contact-form-content input[type="number"], .contact-form-content input[type="email"], .contact-form-content input[type="tel"] {
	background-color: transparent;
}
#legend {
	background: rgba(255,255,255,0.8);
}

/************************************************************* GALLERY *******************************************************/

.gallery-content::after {
    background: -webkit-linear-gradient(transparent 0%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(transparent 0%, rgba(0,0,0,0.5) 100%);
}
.gallery-date {
	color: #FFFFFF;
}
.gallery-bottom-content {
	color: #FFFFFF;
}
.gallery-bottom-content h4 {
	
}
.gallery-photo-detail::after {
    background: -webkit-linear-gradient(transparent 0%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(transparent 0%, rgba(0,0,0,0.5) 100%);
}
.gallery-name-title {
	color: #FFFFFF;
}

/**************************************************************** ACCOUNT **********************************************************/

.account-info-circle {
	border: 1vw solid #FFFFFF;
	color: #FFFFFF;
}
.account-form-box [type="submit"] {
	color: #FFFFFF;
}

/**************************************************************** NEWS **********************************************************/

.new-content {
	background-color: rgba(255,255,255,0.9);
}
a.new-content {
	color: #676767;
}
.new-title {
	color: #333333;
}
.news-content {
	color: #676767;
}
.news-content:nth-child(even) {
	background-color: rgba(0,0,0,0.1);
}
.news-title {
	color: #333333;
}

/************************************************************ NOTIFICATION ********************************************************/

.notification-box, .order-tracking-box {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	background-color: rgba(255,255,255,0.9);
}
.appStatusMessage, .appDeliveryTimeMessage {
	background-color: rgba(184,76,76,0.9);
}
.appStatusMessage span, .appDeliveryTimeMessage span {
	color: #FFFFFF;
}

/************************************************************ CART ********************************************************/

.cart-sum {
	background-color: #FFFFFF;
}
.cart-bonus .cart-col-name, .cart-bonus .cart-col-value, .js-cart-bonus .cart-col-name, .js-cart-bonus .cart-col-value {
	color: #4BB75A;
}
.cart-bottom-btns {
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}
.cart-back-btn a {
	color: #4f4f4f;
}
.cart-pay-btn a {
	color: #FFFFFF;
	background-color: #4BB75A;
}
.extended-menu-taste {
}
.extended-price {
	/*color: #4BB75A;*/
}
.product-delete-btn {
}
.cart-inform-column h4, .cart-inform-column p {
	color: #676767;
}
.extended-menu-taste {
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}
.extended-menu-taste .ingredient-type-button.active {
	background-color: #EAEAEA;
}
.ing-plus {
	color: #4BB75A;
}
.ing-minus {
	color: #B84C4C;
}
.js-cart-action-container button {
	color: #FFFFFF;
}
.address-error-box {
	color: #FFFFFF;
	background-color: #b84c4c;
}
.bonus-points-controller {
	background-color: #FFFFFF;
}
.bonus-points-value {
	color: #4bb75a;
}
.package-item-cart {
	background-image: url('/ui/system/icons/gray/package.svg');
}

/************************ CUPONS ********************************/
.actions-container .cart-price-column.coupon-cart {
	background-image: url('/ui/system/icons/gray/cupons.svg');
}
.actions-container .cart-price-column.cart-bonus {
	background-image: url('/ui/system/icons/gray/star.svg');
}
.actions-container .cart-price-column.coupon-cart, .actions-container .cart-price-column.cart-bonus {
	background-color: #f7ffd4;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.actions-container .cart-bonus .cart-col-name, .actions-container .cart-bonus .cart-col-value {
    color: #676767;
}
.set-coupon-btn, input[type="submit"].set-coupon-btn, input[type="button"].set-coupon-btn, button.set-coupon-btn {
	background-color: #4bb75a;
	color: #FFFFFF;
}
.coupon-delete-btn {
	background-color: #b84c4c;
	background-image: url("/ui/system/icons/white/delete.svg");
}

/*********************** WHISPERER **********************************/
.ui-autocomplete {
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.ui-state-hover,
.ui-state-active {
	background-color: rgba(0,0,0,0.1);
}

/******************************************************** TRANSPORT&PAY ****************************************************/

.select-content-box {
	background-color: #FFFFFF;
}
.select-content:nth-child(even) {
	background-color: rgba(0,0,0,0.1);
}
.configurator-layout .select-content:nth-child(even) {
	background-color: rgba(0,0,0,0.0);
}
.configurator-item-price {
	background-color: #FFFFFF;
}
.configurator-item-price span {
    color: #4BB75A;
}
.select-btn-img {
	background-image: url('/ui/system/icons/white/plus.svg');
}
.configurator-contain-ingredients {
	border-bottom: 1px solid #eaeaea;
}

/************************************************************ REVIEWS ********************************************************/

.review-content-reply {
}
.review-content-reply {
	color: #FFFFFF;
}
.review-content {
	background-color: #FFFFFF;
}
.review-user-img {
	border: 2vw solid #EAEAEA;
}

/************************************************************ Orders history *************************************************/

.order-his-column {
	border: 1px solid #EAEAEA;
}
.order-his-top {
}
.order-his-date {
	border-right: 0.3vw solid #EAEAEA;
	border-bottom: 0.3vw solid #EAEAEA;
}
.order-his-status {
	border-bottom: 0.3vw solid #EAEAEA;
}
.order-success {
	color: #4BB75A;
}
.order-pending {
	color: #919191;
}
.order-reject {
	color: #b84c4c;
}
.order-his-adress {
	background-image: url('/ui/system/img/icons/gray/pointer.svg');
}
.order-his-product:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.10);
}
.order-price {
	color: #4BB75A;
}
.order-extended {
	color: #4BB75A;
}
.order-his-bottom {
	border-top: 0.3vw solid #EAEAEA;
}
.order-his-price h4 {
	color: #4BB75A;
}
.order-his-btn button {
	background-color: transparent;
}

/******************************************************* RECOMENDED PRODUCTS *****************************************************/
	
.cart-recomend-box {
	background-color: #FFFFFF;
}
.recomend-product::after {
	background: -webkit-linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.3) 100%);
    background: linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.3) 100%);
}
.recomend-product-desc {
	color: #FFFFFF;
}

/******************************************************* FILTER BOX *****************************************************/

button.filter-products-btn {
	color: #BABABA;
	border: 1.5px solid #BABABA;
}
.filter-products-btn.gradient-btn {
	background-color: transparent;
	background: transparent;
}
.filter-products-content {
	border-bottom: 1.5px solid #BABABA;
	border-top: none;
	border-left: 1.5px solid #BABABA;
	border-right: 1.5px solid #BABABA;
}
input[type="text"].search-filter-input {
	background-color: transparent;
}
.search-box {
	background-color: rgba(0,0,0,0.04);
}

/******************************************************* CHECKBOX - FILTER *****************************************************/

.filter-checkbox span {
}
.filter-checkbox {
	border-bottom: 1px solid #676767;
}
.toggle .toggle-control {
	border: 2px solid #8E8E93;
	background-color: rgba(0, 0, 0, 0.06);
}
.toggle .toggle-control:after {
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1);
}
.toggle input:checked + .toggle-control {
	background-image: url('/ui/system/icons/white/correct.svg');
    border-color: #333333;
    background-color: #333333; 
}

/*******************************************************   ALERGENS    **********************************************************/

.alergen-content:nth-child(even) {
	background-color: rgba(0,0,0,0.05);
}
.alergen-content h1 {
	color: #333333;
	border: 0.5vw solid #333333;
}
.alergen-content h3 {
	color: #333333;
}
.alergen-content p {
}

/**************************************************   NO - FILL    ******************************************************/

.no-favorite-icon {
	background-image: url('/ui/system/images/photos/no_favorite.png');
}
.no-cart-icon {
	background-image: url('/ui/system/images/photos/no_cart.png');
}
.no-orders-icon {
	background-image: url('/ui/system/images/photos/no_history.png');
}
.gallery-empty-msg {
	background-image: url('/ui/system/images/photos/no_photos.png');
}
.no-news-icon {
	background-image: url('/ui/system/images/photos/no_news.png');
}

/*******************************************************   TUTORIAL    **********************************************************/

.data-tutorial-priority-5 .item-info-panel, .data-tutorial-priority-5 .add-cart-column {
}
.tutorial-body .item-buy-btn {
	background-color: #4BB75A;
	border: none;
}
.tutorial-body .item-buy-btn-icon {
	background-image: url('/ui/system/icons/white/arrow_right.svg');
}
.tutorial-body .item-info-btn select {
	border: 1.5px solid #FFFFFF;
}
.tutorial-body .add-cart-column {
	background-color: #FFFFFF;
}
.tutorial-body .all-icon {
	background-image: url('/ui/system/icons/gray/food_all.svg');
}
.tutorial-body .meat-icon {
	background-image: url('/ui/system/icons/gray/burger.svg');
}
.tutorial-body .vegetable-icon {
	background-image: url('/ui/system/icons/gray/vegetable.svg');
}
.tutorial-body .fruit-icon {
	background-image: url('/ui/system/icons/gray/fruits.svg');
}
.tutorial-body .other-icon {
	background-image: url('/ui/system/icons/gray/attachments.svg');
}
.tutorial-body input, .tutorial-body textarea, .tutorial-body select {
	color: #FFFFFF;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

/************************************************   MultiAPP    **********************************************************/
.multiapp-box {
	background-color: rgba(0,0,0,0.9);
}
a.multiapp-href span {
	color: #FFFFFF;
}
.multiapp-description {
	color: #FFFFFF;
}

/********************************************** ITEM SHARE ******************************************/
.item-bg-image:after {
	background: -webkit-linear-gradient(rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%);
}
.item-social {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.1);
}
.item-social .item-info-panel {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
a.item-eshop-btn {
	color: #FFFFFF;
	background-color: #4bb75a;
}

/******************************************* LANGUAGE MODULE ************************************/
.dropdown-content {
	background-color: rgba(0,0,0,0.3);
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
    color: #FFFFFF;
}
.lang-dropdown a:hover {
	background-color: #E20613;
}
.dropbtn {
	color: #FFFFFF;
}
.goog-te-gadget .goog-te-combo {
	background-image: url("/ui/system/icons/gray/arrow_bottom.svg");
	background-color: rgba(255,255,255,0.9);
}
.goog-te-gadget option {
	background-color: rgba(184,76,76,1);
	color: #fff;
}

/******************************* CONFIGURATOR **********************************/

.overlay-enhancement-box.configurator-layout .overlay-enhancement-content {
	border-right: 1px solid #EAEAEA;
}
.configurator-enhancement-content {
	background-color: #FFFFFF;
}
.contain-ingredient {
	background-color: rgba(255,255,255,0.90);
}
.contain-ingredient-delete-btn {
	background-image: url('/ui/system/icons/red/delete.svg');
}
.configurator-render-box {
	background-color: #FFFFFF;
}

/********************************************** RESPONZIVE PC ******************************************/

@media only screen and (min-width: 1081px) {
	
/*********ICONS*********/
	
.orders-icon {
	background-image: url('/ui/system/icons/white/orders.svg');
}
.favorite-food {
	background-image: url('/ui/system/icons/white/heart.svg');
}
.favorite-food:hover {
	background-image: url('/ui/system/icons/white/heart.svg');
}
.bottom-btn-cart.empty {
	background-image: url('/ui/system/icons/white/cart_line.svg');
}
.customer-icon {
	background-image: url('/ui/system/icons/white/customer.svg');
}
	
/******** END ********/
	
.bottom-btn-cart.empty h4 {
	color: #FFFFFF;
}
.points, .points h4 {
	color: #FFFFFF;
}
a {
	color: #333333;
}
a.btn-href {
	color: #FFFFFF;
}
input[type="submit"] {
	color: #FFFFFF;
}
.menu-logo {
}
button.toppanel-btn {
	background-color: transparent;
}
li.menu-btn:hover {
	background-color: rgba(0,0,0,0.1);
}
.swiper-pagination-bullet {
	border: 2px solid #1D1D1D;
}
.swiper-pagination-bullet-active {
}
.swiper-pagination-bullet:hover {
}
.cookies-box {
	background-color: rgba(255,255,255,0.9);
}
.cookies-box label {
	color: #313030;
}
.cookies-box button {
	color: #FFFFFF;
}
button.menu-hide-btn {
	background-image: url('/ui/system/icons/white/delete.svg');
}
.item-buy-btn {
	border: 1.5px solid #1D1D1D;
}
.item-buy-now {
	border: 1.5px solid #F3E92E;
}

	
/************************************************ ICONS ************************************/
	
.reservation-header-tables_form {
	background-image: url(/ui/system/images/photos/pc_reservation_table.jpg);
}
.reservation-header-room_form {
	background-image: url(/ui/system/images/photos/pc_reservation_hotel.jpg);
}
.reservation-header-bowling_form {
	background-image: url(/ui/system/images/photos/pc_reservation_bowling.jpg);
}
.reservation-header-squash_form {
	background-image: url(/ui/system/images/photos/pc_reservation_squash.jpg);
}
	
/************************************************************* BOTTOM-line *************************************************/
	
.bottom-panel {
	background-color: transparent;
}
.bottom-btn-cart {
	background-color: transparent;
	background-image: url('/ui/system/icons/yellow/cart_line.svg');
}
.bottom-btn-cart h4 {
	color: #F3E92E;
}
	
	
li.menu-btn {
	border-left: 0vw solid #212121;
}
.menu-btn.selected {
	border-left: 0vw solid #D28D3A;
	background-color: rgba(0,0,0,0.1);
}
.menu-btn.account {
}
.extended-menu {
	background-color: transparent;
}
.food-type-button {
	border: 1px solid #1D1D1D;
}
.food-type-button:hover {
}
.food-type-button::after {
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}
li.banner-point {
	border: 2px solid #FFFFFF;
}
.product-detail {
	background-color: transparent;
}
.item-info-panel {
}
.item-detail-photo-content::after {
    background: -webkit-linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 50%);
    background: linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 50%);
}
.alergen-type {
	border: 2px solid #676767;
}
.account-info-circle {
	border: 5px solid #FFFFFF;
	color: #FFFFFF;
}
.gallery-photo-detail::after {
    background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
}	
.cart-bottom-btns {
	border-top: 1px solid #EAEAEA;
}
.extended-menu-taste {
	border-top: 1px solid #EAEAEA;
}

/***************************************************************** NEWS *****************************************************/

.new-box {
	background-color: rgba(0, 0, 0, 0.7);
}
.news-content {
	background-color: #FFFFFF;
}

/***************************************************************** CONTACT *****************************************************/
	
.contact-form-content textarea {
}

/************************************************************* ITEM-DETAIL ***************************************/
.item-detail-box .item-info-panel {
	background-color: #FFFFFF;
	border-bottom: 1px solid #EAEAEA;
}
.item-detail-box .item-info-btn {
}
.item-detail-box .item-detail-photo-content h4 {
	color: #333333;
}
button.favorite {
}
.item-detail-desc-box {
	border-top: none;
}
.add-cart-column {
	background-color: #FFFFFF;
}
.item-detail-box .add-cart-column {
	background-color: transparent;
}
.add-cart-quantity {
}
.social-box {
	background-color: #FFFFFF;
	border-bottom: 1px solid #EAEAEA;
}
.social-btn {
}
.review-content-reply {
}
.review-content-reply {
	color: #FFFFFF;
}
.review-content {
	background-color: #FFFFFF;
}
.review-user-img {
	border: 5px solid #EAEAEA;
}

/***************************************************************** GALLERY *****************************************************/
	
.gallery-content::before {
	background-color: rgba(0,0,0,0.2);
	background-image: url('/ui/system/icons/white/photo.svg');
}
	
/************************************************************ TRANSPORT&PAY ******************************************/

.select-price {
	color: #4BB75A;
}
	
/********************************************************** Orders history **************************************/

.order-his-column {
	background-color: none;
	border: none;
	color: #FFFFFF;
}
.order-his-date {
	border: none;
}
.order-his-status {
	border: none;
}
.order-success {
	color: #4BB75A;
}
.order-pending {
	color: #919191;
}
.order-reject {
	color: #b84c4c;
}
.order-his-adress {
	background-image: url('/ui/system/icons/white/pointer.svg');
}
.order-price {
	color: #4BB75A;
}
.order-extended {
	color: #4BB75A;
}
.order-his-bottom {
	border: none;
}
.order-his-price h4 {
	color: #F3E92E;
}
.order-his-btn button {
	background-color: transparent;
}

/********************************************************** CART ********************************************************/
	
.cart-inform-column {
}
.cart-items .item-info-panel {
	border: none;
}
.cart-items .item-photo-content-bottom h4 {
	color: #333333;
}
.cart-items .item-photo-content-bottom {
    background: none;
}

/*******************************************************   ALERGENS    **********************************************************/

.alergen-content h1 {
	border: 2px solid #333333;
}

/*******************************************************   MAP    **********************************************************/
	
.map-bottom-panel {
	border-right: 1px solid #EAEAEA;
}
	
/********************************************** ITEM SHARE ******************************************/
.item-bg-image:after {
	background: -webkit-linear-gradient(rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%);
}
.item-social {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.1);
}
.item-social .item-info-panel {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
a.item-eshop-btn {
	color: #FFFFFF;
	background-color: #4bb75a;
}
	
/******************************************* FOOTER???? OLD KING FIX *******************************/
.footer-center-column a {
	color: #FFFFFF;
	transition: 0.3s;
}
.footer-center-column a:hover {
	color: #F3E92E;
	transition: 0.3s;
}
	
/****************************************** SOCIAL LINKS *************************************/
.social-icon-fb {
	background-image: url(/ui/system/icons/white/facebook.svg);
}
.social-icon-instagram {
	background-image: url(/ui/system/icons/white/instagram.svg);
}
.social-icon-twitter {
	background-image: url(/ui/system/icons/white/twitter.svg);
}
.social-icon-google_companies {
	background-image: url(/ui/system/icons/white/google_companies.svg);
}
.social-icon-seznam_firmy {
	background-image: url(/ui/system/icons/white/seznam_firmy.svg);
}
	
/******************************************* LANGUAGE MODULE ************************************/
.goog-te-gadget .goog-te-combo {
	background-color: transparent;
}
.goog-te-gadget .goog-te-combo {
	background-image: url("/ui/system/icons/white/arrow_bottom.svg");
	color: #FFFFFF;
}
	
/********************************************** FOOTER ******************************************/
.footer-33-col {
	color: #FFFFFF;
}
.footer-info-btn {
	color: #FFFFFF;
}
.appstore {
    background-image: url('/ui/system/icons/white/app_store.png');
}
.googleplay {
    background-image: url('/ui/system/icons/white/google_play.png');
}
.footer-select-factory-icon {
	background-image: url(/ui/system/icons/white/arrow_right.svg);
}
.footer-select-factory {
	color: #FFFFFF;
    border: 1.5px solid #FFFFFF;
}
footer .open-hours-content {
   	border-top: 0px solid #EAEAEA;
    background-color: transparent;
}
footer .open-hours-D {
    border-right: 0px solid #EAEAEA;
}
	
}
/**
 * Swiper 4.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 18, 2017
 */
.swiper-container,.swiper-container-multi{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%; z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination,.swiper-pagination-multi{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{display:inline-block;border-radius:100%;}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600);
.foopicker {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbb;
  color: #666;
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: 10px;
  width: 245px;
}

.foopicker table {
  width: 100%;
}

.foopicker th,
.foopicker td {
  text-align: center;
}

.foopicker__calendar {
  font-size: 13px;
  padding: 5px;
}

.foopicker__day {
  border-radius: 100%;
  cursor: pointer;
  padding: 5px 2px;
  transition: all .2s ease-out;
  width: 22px;
}

.foopicker__day:hover {
  background: #1fbad6;
  color: #fff;
}

.foopicker__day--today {
  background: #e0f6fb;
  color: #666;
}

.foopicker__day--selected {
  background: #1fbad6;
  color: #fff;
}

.foopicker__day--disabled {
  background: #e6e6e6;
  color: #bfbfbf;
  cursor: not-allowed;
}

.foopicker__day--disabled:hover {
  background: #e6e6e6;
  color: #bfbfbf;
}

.foopicker__week {
  font-size: 1em;
  font-weight: 600;
}

.foopicker__header {
  background: #f2f2f4;
  padding: 15px;
  text-align: center;
}

.foopicker__header div {
  display: inline-block;
}

.foopicker__arrow {
  background-repeat: no-repeat;
  cursor: pointer;
  height: 24px;
  outline: 0;
  position: absolute;
  top: 31px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 14px;
}

.foopicker__arrow--next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADWSURBVBiVfY8xSkNBFEXPe0njxGB24R4srM1YjFhMGYjYuRxLMWI7lZ8EDAqKiN8mC7B2BULMiPh/noUYvoW57Tncy5Xx+OZZhFfVauC9/6QRFeEFiMtl6yqlcuMPzPntGLgE2XPufZrS/eYKxhjr2aw8EuEC2HXu67ooii6A/FpmJpPJ7akIJ0CpWvWludEUzLhT1uS/2ifVygtASqnV6fTOzBiCPNZ13g8hzPUHbI3MGIrwkHPbhxDmAG3neudmDMCmi0X3MMadj9VPM7aBpFofNAHAN0NkW9nLdIQRAAAAAElFTkSuQmCC);
  right: 14px;
}

.foopicker__arrow--prev {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADXSURBVBiVXZAxTsNAFETfmMRWvL4C3GVRIlFElFRYHABxB1+CBlFEFBFsgQJrWTIIQRWq9NyDLrG8FGDkeNqn+TPzxUBVVSVtO7oLgaOoD5xbT9r2YAWcSXypA977VIqfQFPg3phxHgHUdW0g8aBpCGFpzDi31jaRc+/ZbqdS4jgEbjebz9xa2wDI+5e3P3A9n8+uJIUuaq/QUFEch1PgQ+KyLF9viqL4N6grtN3q+fd8WGZZfGGtbQZTkhUwk/SQpqNz9TOcW0/S9PsRdAIs9mD/fRAOfwCC1k8eHoJobwAAAABJRU5ErkJggg==);
  left: 18px;
}

.foopicker__month {
  font-size: .875em;
  font-weight: 600;
  text-transform: uppercase;
}

.foopicker__date--month,
.foopicker__date--year {
  background: none;
  border: 0;
  color: #666;
  font-size: 13px;
  height: 20px;
}
.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/ui/system/images/lightbox/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/ui/system/images/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/ui/system/images/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/ui/system/images/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/* CSS Document */

/**********************************************  TOP PANEL  **********************************************/
.tutorial-top-panel {
	width: 100%;
	display: block;
	position: relative;
	z-index: 100;
}
.tutorial-top-column, .tutorial-top-btn {
	height: 10vw;
	line-height: 10vw;
	display: block;
	float: left;
	text-align: center;
}
.tutorial-top-column {
	width: 70%;
	background-color: #313030;
}
label.tutorial-top {
	width: 4vw;
	height: 4vw;
	border-radius: 360vw;
	border: 0.3vw solid #FFFFFF;
	display: inline-block;
	padding: 0.7vw;
	margin: 2vw 0.3vw;
}
label.tutorial-top.active {
}
.tutorial-top-btn {
	width: 30%;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
}

/**********************************************  GENERAL  **********************************************/

.tutorial-box {
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999;
	overflow-y: auto;
	overflow-x: hidden;
	background-image: url('/ui/system/images/photos/login_screen.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.tutorial-box::after {
	content: '';
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.9) 100%);
    background: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.9) 100%);
}
.tutorial-box-steps {
}
.tutorial-body {
	height: 100%;
	text-align: center;
	width: 80%;
	padding: 0 10%;
	position: fixed;
	z-index: 10;
}
.tutorial-center {
	z-index: 10;
	display: block;
	position: relative;
	top: 40%;
	transform: translateY(-40%);
}
a.tutorial-btn {
	padding: 2vw 0;
	width: 50vw;
	display: inline-block;
	border-radius: 360vw;
	color: #FFFFFF;
}
.tutorial-50-box {
	float: left;
	width: 50%;
	text-align: center;
}
.tutorial-m3 {
	margin: 0 0 3vw 0;
}
.tutorial-m4 {
	margin: 0 0 4vw 0;
}
.tutorial-m6 {
	margin: 0 0 6vw 0;
}
.tutorial-m8 {
	margin: 0 0 8vw 0;
}
.tutorial-m13 {
	margin: 0 0 13vw 0;
}
.tutorial-m20 {
	margin: 0 0 20vw 0;
}
.tutorial-m30 {
	margin: 0 0 30vw 0;
}
.tutorial-tm3 {
	margin: 3vw 0 0 0;
}
.tutorial-tm4 {
	margin: 4vw 0 0 0;
}
.tutorial-tm6 {
	margin: 6vw 0 0 0;
}
.tutorial-tm8 {
	margin: 8vw 0 0 0;
}
.tutorial-tm13 {
	margin: 13vw 0 0 0;
}
.tutorial-tm20 {
	margin: 20vw 0 0 0;
}
.tutorial-tm30 {
	margin: 30vw 0 0 0;
}

/**********************************************  GLOBAL PADDING  **********************************************/

.top-padding {
	padding: 8vw 0 0 0;
}
.bottom-padding {
	padding: 0 0 8vw 0;
}
.right-padding {
	padding: 0 8vw 0 0;
}
.left-padding {
	padding: 0 0 0 8vw;
}

/**********************************************  ANIMATIONS  **********************************************/

.arrow-upping {
	background-image: url('/ui/system/icons/white/arrow_up.svg');
	background-repeat: no-repeat;
	background-size: auto 7vw;
	-webkit-animation: arrow-up 1s infinite;
	animation: arrow-up 1s infinite;
}
@-webkit-keyframes arrow-up {
    0% {
		background-position: center top 1vw;
	}
    50% {
		background-position: center top 0vw;
	}
	 100% {
		background-position: center top 1vw;
	}
}
@keyframes arrow-up {
    0% {
		background-position: center top 1vw;
	}
    50% {
		background-position: center top 0vw;
	}
	 100% {
		background-position: center top 1vw;
	}
}
.arrow-botting {
	background-image: url('/ui/system/icons/white/arrow_bottom.svg');
	background-repeat: no-repeat;
	background-size: auto 7vw;
	background-position: center bottom 0vw;
	-webkit-animation: arrow-bottom 1s infinite;
	animation: arrow-bottom 1s infinite;
}
@-webkit-keyframes arrow-bottom {
    0% {
		background-position: center bottom 0vw;
	}
    50% {
		background-position: center bottom 1vw;
	}
	 100% {
		background-position: center bottom 0vw;
	}
}
@keyframes arrow-bottom {
    0% {
		background-position: center bottom 0vw;
	}
    50% {
		background-position: center bottom 1vw;
	}
	 100% {
		background-position: center bottom 0vw;
	}
}
.arrow-right {
	background-image: url('/ui/system/icons/white/arrow_right.svg');
	background-repeat: no-repeat;
	background-size: auto 7vw;
	background-position: center right 0vw;
	-webkit-animation: arrow-right 1s infinite;
	animation: arrow-right 1s infinite;
}
@-webkit-keyframes arrow-right {
    0% {
		background-position: center right 1vw;
	}
    50% {
		background-position: center right 0vw;
	}
	 100% {
		background-position: center right 1vw;
	}
}
@keyframes arrow-right {
    0% {
		background-position: center right 1vw;
	}
    50% {
		background-position: center right 0vw;
	}
	 100% {
		background-position: center right 1vw;
	}
}

/**********************************************  TUTORIAL-1,2,3,4...  **********************************************/

.data-tutorial-priority-1, .data-tutorial-priority-2, .data-tutorial-priority-3, .data-tutorial-priority-4, .data-tutorial-priority-5, .data-tutorial-priority-6, .data-tutorial-priority-7, .data-tutorial-priority-8, .data-tutorial-priority-9, .data-tutorial-priority-10 {
	display: none;
	opacity: 0;
	transition: ease-out 1s;
}
.data-tutorial-priority-1.active, .data-tutorial-priority-2.active, .data-tutorial-priority-3.active, .data-tutorial-priority-4.active, .data-tutorial-priority-5.active, .data-tutorial-priority-6.active, .data-tutorial-priority-7.active, .data-tutorial-priority-8.active, .data-tutorial-priority-9.active, .data-tutorial-priority-10.active {
	display: block;
	opacity: 1;
	transition: ease-out 1s;
	transform: none;
}
.white, .tutorial-desc-2-1, .tutorial-desc-2-2, .tutorial-desc-2-3, .tutorial-desc-2-4, .tutorial-desc-2-5, .tutorial-desc-2-6, .tutorial-desc-3-1, .tutorial-desc-3-2, .tutorial-desc-3-3, .tutorial-desc-3-4, .tutorial-desc-3-5, .tutorial-desc-3-6, .tutorial-desc-4-1, .tutorial-desc-4-2, .tutorial-desc-4-3, .tutorial-desc-4-4, .tutorial-desc-4-5, .tutorial-desc-4-6, .tutorial-desc-5-1, .tutorial-desc-5-2, .tutorial-desc-5-3, .tutorial-desc-5-4, .tutorial-desc-5-5, .tutorial-desc-5-6, .tutorial-desc-6-1, .tutorial-desc-6-2, .tutorial-desc-6-3, .tutorial-desc-6-4, .tutorial-desc-6-5, .tutorial-desc-6-6, .tutorial-desc-7-1, .tutorial-desc-7-2, .tutorial-desc-7-3, .tutorial-desc-7-4, .tutorial-desc-7-5, .tutorial-desc-7-6, .tutorial-desc-8-1, .tutorial-desc-8-2, .tutorial-desc-8-3, .tutorial-desc-8-4, .tutorial-desc-8-5, .tutorial-desc-8-6, .tutorial-desc-9-1, .tutorial-desc-9-2, .tutorial-desc-9-3, .tutorial-desc-9-4, .tutorial-desc-9-5, .tutorial-desc-9-6 {
	color: #FFFFFF;
}

/**********************************************  TUTORIAL-1  **********************************************/

h4.tutorial-logo {
	padding: 25vw 0 0 0;
	background-repeat: no-repeat;
	background-size: auto 23vw;
	background-position: center top;
}

/**********************************************  TUTORIAL-2  **********************************************/

.data-tutorial-priority-2 .bottom-panel {
	position: relative;
}
.data-tutorial-priority-2 .bottom-btn {
	width: 20%;
}
.data-tutorial-priority-2 .bottom-btn label {
	line-height: 6vw;
}

.tutorial-desc-2-1 {
	position: absolute;
	bottom: 22vw;
	left: -5vw;
}
.tutorial-desc-2-2 {
	position: absolute;
	bottom: 22vw;
	left: 17vw;
}
.tutorial-desc-2-3 {
	position: absolute;
	top: 18vw;
	left: 35vw;
	display: inline-block;
}
.tutorial-desc-2-4 {
	position: absolute;
	bottom: 22vw;
	right: 23vw;
}
.tutorial-desc-2-5 {
	position: absolute;
	bottom: 22vw;
	right: 0vw;
}

/**********************************************  TUTORIAL-3  **********************************************/

.data-tutorial-priority-3 .toppanel {
	position: relative;
}
.data-tutorial-priority-3 .toppanel.mini-menu img {
	position: absolute;
    left: 3vw;
    right: auto;
}
.tutorial-desc-3-1 {
	position: absolute;
	bottom: 22vw;
	left: 4vw;
}
.tutorial-desc-3-2 {
	position: absolute;
	bottom: 22vw;
	right: 4vw;
}

/**********************************************  TUTORIAL-4  **********************************************/

.data-tutorial-priority-4 .item-buy-btn {
	display: inline-block;
	width: 20vw;
	float: none;
}
.tutorial-desc-4-1 {
	position: absolute;
	bottom: 20vw;
	width: 100%;
}

/**********************************************  TUTORIAL-5  **********************************************/

.data-tutorial-priority-5 .add-cart-column {
	margin: 3vw 0 0 0;
}
.tutorial-desc-5-1 {
	position: absolute;
	top: 27vw;
	left: 4vw;
}
.tutorial-desc-5-2 {
	position: absolute;
	top: 27vw;
	left: 35vw;
}
.tutorial-desc-5-3 {
	position: absolute;
	top: 27vw;
	right: 4vw;
}
.tutorial-desc-5-4 {
	position: absolute;
	bottom: 16vw;
	left: 7vw;
}
.tutorial-desc-5-5 {
	position: absolute;
	bottom: 16vw;
	right: 10vw;
}
.tutorial-body .item-info-btn {
	border: 0px solid #FFFFFF;
}

/**********************************************  TUTORIAL-6  **********************************************/

.data-tutorial-priority-6 .cart-col-name {
	text-align: left;
}
.tutorial-desc-6-1 {
	position: absolute;
	top: 23vw;
	width: 100%;
}
.tutorial-desc-6-2 {
	position: absolute;
	bottom: 15vw;
	left: 4vw;
}
.tutorial-desc-6-3 {
	position: absolute;
	bottom: 15vw;
	right: 0vw;
}

/**********************************************  TUTORIAL-7  **********************************************/

.data-tutorial-priority-7 .extended-title {
	text-align: left;
}
.data-tutorial-priority-7 .extended-price {
	text-align: right;
}
.tutorial-desc-7-1 {
	position: absolute;
	top: 22vw;
	width: 100%;
}
.tutorial-desc-7-2 {
	position: absolute;
	bottom: 18vw;
	left: -5vw;
}
.tutorial-desc-7-3 {
	position: absolute;
	bottom: 18vw;
	right: -5vw;
}
.data-tutorial-priority-7 .product, .data-tutorial-priority-7 .item {
	position: relative;
	margin: 5vw 1%;
	width: 98%;
	float: left;
}

/**********************************************  TUTORIAL-8  **********************************************/

.data-tutorial-priority-8 .select-title {
	text-align: left;
}
.tutorial-desc-8-1 {
	position: absolute;
	top: 7vw;
	width: 100%;
}
.tutorial-desc-8-2 {
	position: absolute;
	bottom: 12vw;
	width: 100%;
}
.data-tutorial-priority-8 .cart-items {
	background-color: #FFFFFF;
}
.tutorial-body .extended-title {
	width: 35%;
	padding: 0 0 0 15%;
	background-repeat: no-repeat;
}

/**********************************************  TUTORIAL-9  **********************************************/

.data-tutorial-priority-9 .cart-form-box {
	text-align: left;
	color: #FFFFFF;
}
.tutorial-desc-9-1 {
	position: absolute;
	top: 7vw;
	width: 100%;
}
.tutorial-desc-9-2 {
	position: absolute;
	top: 7vw;
	width: 100%;
}

/**********************************************  TUTORIAL-10  **********************************************/

button.tutorial-replay {
	width: 10vw;
	height: 10vw;
	display: inline-block;
	border: none;
	line-height: 10vw;
	border-radius: 360vw;
	cursor: pointer;
}
.tutorial-replay-icon {
	width: 10vw;
	height: 10vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 60%;
}

/************************************************************ RESPONZIVE PC ********************************************************/

@media only screen and (min-width: 1000px) {

.tutorial-box {
	display: none;
}
	
}/**
 * Swiper 4.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 18, 2017
 */
.swiper-container,.swiper-container-multi{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%; z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination,.swiper-pagination-multi{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{display:inline-block;border-radius:100%;}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600);
.foopicker {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbb;
  color: #666;
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: 10px;
  width: 245px;
}

.foopicker table {
  width: 100%;
}

.foopicker th,
.foopicker td {
  text-align: center;
}

.foopicker__calendar {
  font-size: 13px;
  padding: 5px;
}

.foopicker__day {
  border-radius: 100%;
  cursor: pointer;
  padding: 5px 2px;
  transition: all .2s ease-out;
  width: 22px;
}

.foopicker__day:hover {
  background: #1fbad6;
  color: #fff;
}

.foopicker__day--today {
  background: #e0f6fb;
  color: #666;
}

.foopicker__day--selected {
  background: #1fbad6;
  color: #fff;
}

.foopicker__day--disabled {
  background: #e6e6e6;
  color: #bfbfbf;
  cursor: not-allowed;
}

.foopicker__day--disabled:hover {
  background: #e6e6e6;
  color: #bfbfbf;
}

.foopicker__week {
  font-size: 1em;
  font-weight: 600;
}

.foopicker__header {
  background: #f2f2f4;
  padding: 15px;
  text-align: center;
}

.foopicker__header div {
  display: inline-block;
}

.foopicker__arrow {
  background-repeat: no-repeat;
  cursor: pointer;
  height: 24px;
  outline: 0;
  position: absolute;
  top: 31px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 14px;
}

.foopicker__arrow--next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADWSURBVBiVfY8xSkNBFEXPe0njxGB24R4srM1YjFhMGYjYuRxLMWI7lZ8EDAqKiN8mC7B2BULMiPh/noUYvoW57Tncy5Xx+OZZhFfVauC9/6QRFeEFiMtl6yqlcuMPzPntGLgE2XPufZrS/eYKxhjr2aw8EuEC2HXu67ooii6A/FpmJpPJ7akIJ0CpWvWludEUzLhT1uS/2ifVygtASqnV6fTOzBiCPNZ13g8hzPUHbI3MGIrwkHPbhxDmAG3neudmDMCmi0X3MMadj9VPM7aBpFofNAHAN0NkW9nLdIQRAAAAAElFTkSuQmCC);
  right: 14px;
}

.foopicker__arrow--prev {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADXSURBVBiVXZAxTsNAFETfmMRWvL4C3GVRIlFElFRYHABxB1+CBlFEFBFsgQJrWTIIQRWq9NyDLrG8FGDkeNqn+TPzxUBVVSVtO7oLgaOoD5xbT9r2YAWcSXypA977VIqfQFPg3phxHgHUdW0g8aBpCGFpzDi31jaRc+/ZbqdS4jgEbjebz9xa2wDI+5e3P3A9n8+uJIUuaq/QUFEch1PgQ+KyLF9viqL4N6grtN3q+fd8WGZZfGGtbQZTkhUwk/SQpqNz9TOcW0/S9PsRdAIs9mD/fRAOfwCC1k8eHoJobwAAAABJRU5ErkJggg==);
  left: 18px;
}

.foopicker__month {
  font-size: .875em;
  font-weight: 600;
  text-transform: uppercase;
}

.foopicker__date--month,
.foopicker__date--year {
  background: none;
  border: 0;
  color: #666;
  font-size: 13px;
  height: 20px;
}
.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/ui/system/images/lightbox/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/ui/system/images/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/ui/system/images/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/ui/system/images/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/* CSS Document */

/**********************************************  TOP PANEL  **********************************************/
.tutorial-top-panel {
	width: 100%;
	display: block;
	position: relative;
	z-index: 100;
}
.tutorial-top-column, .tutorial-top-btn {
	height: 10vw;
	line-height: 10vw;
	display: block;
	float: left;
	text-align: center;
}
.tutorial-top-column {
	width: 70%;
	background-color: #313030;
}
label.tutorial-top {
	width: 4vw;
	height: 4vw;
	border-radius: 360vw;
	border: 0.3vw solid #FFFFFF;
	display: inline-block;
	padding: 0.7vw;
	margin: 2vw 0.3vw;
}
label.tutorial-top.active {
}
.tutorial-top-btn {
	width: 30%;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
}

/**********************************************  GENERAL  **********************************************/

.tutorial-box {
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999;
	overflow-y: auto;
	overflow-x: hidden;
	background-image: url('/ui/system/images/photos/login_screen.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.tutorial-box::after {
	content: '';
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.9) 100%);
    background: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.9) 100%);
}
.tutorial-box-steps {
}
.tutorial-body {
	height: 100%;
	text-align: center;
	width: 80%;
	padding: 0 10%;
	position: fixed;
	z-index: 10;
}
.tutorial-center {
	z-index: 10;
	display: block;
	position: relative;
	top: 40%;
	transform: translateY(-40%);
}
a.tutorial-btn {
	padding: 2vw 0;
	width: 50vw;
	display: inline-block;
	border-radius: 360vw;
	color: #FFFFFF;
}
.tutorial-50-box {
	float: left;
	width: 50%;
	text-align: center;
}
.tutorial-m3 {
	margin: 0 0 3vw 0;
}
.tutorial-m4 {
	margin: 0 0 4vw 0;
}
.tutorial-m6 {
	margin: 0 0 6vw 0;
}
.tutorial-m8 {
	margin: 0 0 8vw 0;
}
.tutorial-m13 {
	margin: 0 0 13vw 0;
}
.tutorial-m20 {
	margin: 0 0 20vw 0;
}
.tutorial-m30 {
	margin: 0 0 30vw 0;
}
.tutorial-tm3 {
	margin: 3vw 0 0 0;
}
.tutorial-tm4 {
	margin: 4vw 0 0 0;
}
.tutorial-tm6 {
	margin: 6vw 0 0 0;
}
.tutorial-tm8 {
	margin: 8vw 0 0 0;
}
.tutorial-tm13 {
	margin: 13vw 0 0 0;
}
.tutorial-tm20 {
	margin: 20vw 0 0 0;
}
.tutorial-tm30 {
	margin: 30vw 0 0 0;
}

/**********************************************  GLOBAL PADDING  **********************************************/

.top-padding {
	padding: 8vw 0 0 0;
}
.bottom-padding {
	padding: 0 0 8vw 0;
}
.right-padding {
	padding: 0 8vw 0 0;
}
.left-padding {
	padding: 0 0 0 8vw;
}

/**********************************************  ANIMATIONS  **********************************************/

.arrow-upping {
	background-image: url('/ui/system/icons/white/arrow_up.svg');
	background-repeat: no-repeat;
	background-size: auto 7vw;
	-webkit-animation: arrow-up 1s infinite;
	animation: arrow-up 1s infinite;
}
@-webkit-keyframes arrow-up {
    0% {
		background-position: center top 1vw;
	}
    50% {
		background-position: center top 0vw;
	}
	 100% {
		background-position: center top 1vw;
	}
}
@keyframes arrow-up {
    0% {
		background-position: center top 1vw;
	}
    50% {
		background-position: center top 0vw;
	}
	 100% {
		background-position: center top 1vw;
	}
}
.arrow-botting {
	background-image: url('/ui/system/icons/white/arrow_bottom.svg');
	background-repeat: no-repeat;
	background-size: auto 7vw;
	background-position: center bottom 0vw;
	-webkit-animation: arrow-bottom 1s infinite;
	animation: arrow-bottom 1s infinite;
}
@-webkit-keyframes arrow-bottom {
    0% {
		background-position: center bottom 0vw;
	}
    50% {
		background-position: center bottom 1vw;
	}
	 100% {
		background-position: center bottom 0vw;
	}
}
@keyframes arrow-bottom {
    0% {
		background-position: center bottom 0vw;
	}
    50% {
		background-position: center bottom 1vw;
	}
	 100% {
		background-position: center bottom 0vw;
	}
}
.arrow-right {
	background-image: url('/ui/system/icons/white/arrow_right.svg');
	background-repeat: no-repeat;
	background-size: auto 7vw;
	background-position: center right 0vw;
	-webkit-animation: arrow-right 1s infinite;
	animation: arrow-right 1s infinite;
}
@-webkit-keyframes arrow-right {
    0% {
		background-position: center right 1vw;
	}
    50% {
		background-position: center right 0vw;
	}
	 100% {
		background-position: center right 1vw;
	}
}
@keyframes arrow-right {
    0% {
		background-position: center right 1vw;
	}
    50% {
		background-position: center right 0vw;
	}
	 100% {
		background-position: center right 1vw;
	}
}

/**********************************************  TUTORIAL-1,2,3,4...  **********************************************/

.data-tutorial-priority-1, .data-tutorial-priority-2, .data-tutorial-priority-3, .data-tutorial-priority-4, .data-tutorial-priority-5, .data-tutorial-priority-6, .data-tutorial-priority-7, .data-tutorial-priority-8, .data-tutorial-priority-9, .data-tutorial-priority-10 {
	display: none;
	opacity: 0;
	transition: ease-out 1s;
}
.data-tutorial-priority-1.active, .data-tutorial-priority-2.active, .data-tutorial-priority-3.active, .data-tutorial-priority-4.active, .data-tutorial-priority-5.active, .data-tutorial-priority-6.active, .data-tutorial-priority-7.active, .data-tutorial-priority-8.active, .data-tutorial-priority-9.active, .data-tutorial-priority-10.active {
	display: block;
	opacity: 1;
	transition: ease-out 1s;
	transform: none;
}
.white, .tutorial-desc-2-1, .tutorial-desc-2-2, .tutorial-desc-2-3, .tutorial-desc-2-4, .tutorial-desc-2-5, .tutorial-desc-2-6, .tutorial-desc-3-1, .tutorial-desc-3-2, .tutorial-desc-3-3, .tutorial-desc-3-4, .tutorial-desc-3-5, .tutorial-desc-3-6, .tutorial-desc-4-1, .tutorial-desc-4-2, .tutorial-desc-4-3, .tutorial-desc-4-4, .tutorial-desc-4-5, .tutorial-desc-4-6, .tutorial-desc-5-1, .tutorial-desc-5-2, .tutorial-desc-5-3, .tutorial-desc-5-4, .tutorial-desc-5-5, .tutorial-desc-5-6, .tutorial-desc-6-1, .tutorial-desc-6-2, .tutorial-desc-6-3, .tutorial-desc-6-4, .tutorial-desc-6-5, .tutorial-desc-6-6, .tutorial-desc-7-1, .tutorial-desc-7-2, .tutorial-desc-7-3, .tutorial-desc-7-4, .tutorial-desc-7-5, .tutorial-desc-7-6, .tutorial-desc-8-1, .tutorial-desc-8-2, .tutorial-desc-8-3, .tutorial-desc-8-4, .tutorial-desc-8-5, .tutorial-desc-8-6, .tutorial-desc-9-1, .tutorial-desc-9-2, .tutorial-desc-9-3, .tutorial-desc-9-4, .tutorial-desc-9-5, .tutorial-desc-9-6 {
	color: #FFFFFF;
}

/**********************************************  TUTORIAL-1  **********************************************/

h4.tutorial-logo {
	padding: 25vw 0 0 0;
	background-repeat: no-repeat;
	background-size: auto 23vw;
	background-position: center top;
}

/**********************************************  TUTORIAL-2  **********************************************/

.data-tutorial-priority-2 .bottom-panel {
	position: relative;
}
.data-tutorial-priority-2 .bottom-btn {
	width: 20%;
}
.data-tutorial-priority-2 .bottom-btn label {
	line-height: 6vw;
}

.tutorial-desc-2-1 {
	position: absolute;
	bottom: 22vw;
	left: -5vw;
}
.tutorial-desc-2-2 {
	position: absolute;
	bottom: 22vw;
	left: 17vw;
}
.tutorial-desc-2-3 {
	position: absolute;
	top: 18vw;
	left: 35vw;
	display: inline-block;
}
.tutorial-desc-2-4 {
	position: absolute;
	bottom: 22vw;
	right: 23vw;
}
.tutorial-desc-2-5 {
	position: absolute;
	bottom: 22vw;
	right: 0vw;
}

/**********************************************  TUTORIAL-3  **********************************************/

.data-tutorial-priority-3 .toppanel {
	position: relative;
}
.data-tutorial-priority-3 .toppanel.mini-menu img {
	position: absolute;
    left: 3vw;
    right: auto;
}
.tutorial-desc-3-1 {
	position: absolute;
	bottom: 22vw;
	left: 4vw;
}
.tutorial-desc-3-2 {
	position: absolute;
	bottom: 22vw;
	right: 4vw;
}

/**********************************************  TUTORIAL-4  **********************************************/

.data-tutorial-priority-4 .item-buy-btn {
	display: inline-block;
	width: 20vw;
	float: none;
}
.tutorial-desc-4-1 {
	position: absolute;
	bottom: 20vw;
	width: 100%;
}

/**********************************************  TUTORIAL-5  **********************************************/

.data-tutorial-priority-5 .add-cart-column {
	margin: 3vw 0 0 0;
}
.tutorial-desc-5-1 {
	position: absolute;
	top: 27vw;
	left: 4vw;
}
.tutorial-desc-5-2 {
	position: absolute;
	top: 27vw;
	left: 35vw;
}
.tutorial-desc-5-3 {
	position: absolute;
	top: 27vw;
	right: 4vw;
}
.tutorial-desc-5-4 {
	position: absolute;
	bottom: 16vw;
	left: 7vw;
}
.tutorial-desc-5-5 {
	position: absolute;
	bottom: 16vw;
	right: 10vw;
}
.tutorial-body .item-info-btn {
	border: 0px solid #FFFFFF;
}

/**********************************************  TUTORIAL-6  **********************************************/

.data-tutorial-priority-6 .cart-col-name {
	text-align: left;
}
.tutorial-desc-6-1 {
	position: absolute;
	top: 23vw;
	width: 100%;
}
.tutorial-desc-6-2 {
	position: absolute;
	bottom: 15vw;
	left: 4vw;
}
.tutorial-desc-6-3 {
	position: absolute;
	bottom: 15vw;
	right: 0vw;
}

/**********************************************  TUTORIAL-7  **********************************************/

.data-tutorial-priority-7 .extended-title {
	text-align: left;
}
.data-tutorial-priority-7 .extended-price {
	text-align: right;
}
.tutorial-desc-7-1 {
	position: absolute;
	top: 22vw;
	width: 100%;
}
.tutorial-desc-7-2 {
	position: absolute;
	bottom: 18vw;
	left: -5vw;
}
.tutorial-desc-7-3 {
	position: absolute;
	bottom: 18vw;
	right: -5vw;
}
.data-tutorial-priority-7 .product, .data-tutorial-priority-7 .item {
	position: relative;
	margin: 5vw 1%;
	width: 98%;
	float: left;
}

/**********************************************  TUTORIAL-8  **********************************************/

.data-tutorial-priority-8 .select-title {
	text-align: left;
}
.tutorial-desc-8-1 {
	position: absolute;
	top: 7vw;
	width: 100%;
}
.tutorial-desc-8-2 {
	position: absolute;
	bottom: 12vw;
	width: 100%;
}
.data-tutorial-priority-8 .cart-items {
	background-color: #FFFFFF;
}
.tutorial-body .extended-title {
	width: 35%;
	padding: 0 0 0 15%;
	background-repeat: no-repeat;
}

/**********************************************  TUTORIAL-9  **********************************************/

.data-tutorial-priority-9 .cart-form-box {
	text-align: left;
	color: #FFFFFF;
}
.tutorial-desc-9-1 {
	position: absolute;
	top: 7vw;
	width: 100%;
}
.tutorial-desc-9-2 {
	position: absolute;
	top: 7vw;
	width: 100%;
}

/**********************************************  TUTORIAL-10  **********************************************/

button.tutorial-replay {
	width: 10vw;
	height: 10vw;
	display: inline-block;
	border: none;
	line-height: 10vw;
	border-radius: 360vw;
	cursor: pointer;
}
.tutorial-replay-icon {
	width: 10vw;
	height: 10vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 60%;
}

/************************************************************ RESPONZIVE PC ********************************************************/

@media only screen and (min-width: 1000px) {

.tutorial-box {
	display: none;
}
	
}

	.loading{
		display:none;
	}
	/* STYLE DIFF */
.toppanel, .toppanel.mini-menu { 
  background-color: rgba(0,0,0,0.75);
}
.toppanel img {
  height: 60%;
    top: 20%;
}
.banner-version-app_multiapp {
  height: 100vh;
  min-height: 180vw;
  background-image: url(/user-data/factories/207/imgs/multiapp-app.jpg);
  background-size: cover;
  background-position: top center;
}
.multiapp-content {
width: 100vw;
margin: 0;
position: absolute;
top: 70vw;
left: 10vw;
}
.multiapp-col {
height: 15vw;
width: 75vw;
background-size: 100%;
overflow: hidden;
margin: 5vw 0;
}
.multiapp-col::after {
background-image: none;
}
.multiapp-link-box {
bottom: 0;
}
span.multiapp-link-btn {
margin: 0 0 0 130%;
background-image: url('/ui/system/icons/gray/arrow_left.svg');
background-size: 5vw;
transition: 0.3s;
}
.multiapp-col:hover span.multiapp-link-btn {
margin: 0 0 0 85%;
}
@media (min-width: 1080px) {
.multiapp-back {
  height: 50px;
  margin-top: 25px;
}
.toppanel.mini-menu .multiapp-back {
  margin-top: 15px;
}
.multiapp-icon {
  height: 50px;
  background-size: 30px;
}
.banner-version-eshop_multiapp {
  background-image: url('/user-data/factories/207/imgs/multiapp_web.jpg');
  min-height: 55.5vw;
  background-size: 100%;
}
.multiapp-content {
  top: 22.5vw;
  left: unset;
}
.multiapp-col {
  height: 75px;
  width: 12.5%;
  margin: 0 2%;
}
.multiapp-link-box {
  bottom: 21.5px;
}
span.multiapp-link-btn {
  margin: 0 0 0 100%;
  background-size: 50%;
}
}
.multiapp-icon {
background-image: url('/ui/system/icons/white/house.svg');
}
.item-buy-now {
  background-color: #4BB75A;
  border-color: #4BB75A;
}
.item-buy-now-icon {
  background-image: url('/ui/system/icons/white/cart.svg');
}
footer {
  background-image: none;
  background-color: #333;
}
.bottom-btn-cart {
  background-image: url('/ui/system/icons/red/cart_line.svg');
}
.bottom-btn-cart h4 {
  color: #E20613;
}
.enhancement-header {
  color: #4BB75A;
}