@font-face {font-family: "Kunstler Script";
  src: url("http://lizaline.hu/fonts/Kunstler/3e13bee6781c476e142a2bca4d9ab99c.eot"); /* IE9*/
  src: url("http://lizaline.hu/fonts/Kunstler/3e13bee6781c476e142a2bca4d9ab99c.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("http://lizaline.hu/fonts/Kunstler/3e13bee6781c476e142a2bca4d9ab99c.woff2") format("woff2"), /* chrome、firefox */
  url("http://lizaline.hu/fonts/Kunstler/3e13bee6781c476e142a2bca4d9ab99c.woff") format("woff"), /* chrome、firefox */
  url("http://lizaline.hu/fonts/Kunstler/3e13bee6781c476e142a2bca4d9ab99c.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("http://lizaline.hu/fonts/Kunstler/3e13bee6781c476e142a2bca4d9ab99c.svg#Kunstler Script") format("svg"); /* iOS 4.1- */
}

body {
	background-color: #fff5f5;
}

.big-logo {
	font-family:"Kunstler Script" !important;
    font-size:45px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	color: #820000;
}
.big-sub-logo {
	font-family:"Kunstler Script" !important;
    font-size:30px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	color: #820000;
}
.big-logo-footer {
	font-family:"Kunstler Script" !important;
    font-size:80px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	color: #820000;
}
.big-sub-logo-footer {
	font-family:"Kunstler Script" !important;
    font-size: 50px !important;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	color: #820000 !important;
}

.proflie_form {
  max-width: 370px;
  margin: auto;
}

.proflie_form .form-group {
  margin-bottom: 30px;
}

.proflie_form .form-group label {
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
}

.proflie_form .form-group input {
  height: 50px;
  border: 1px solid #cccccc;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  padding: 0px 22px;
}

.proflie_form .form-group input.placeholder {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  color: #666666;
}

.proflie_form .form-group input:-moz-placeholder {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  color: #666666;
}

.proflie_form .form-group input::-moz-placeholder {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  color: #666666;
}

.proflie_form .form-group input::-webkit-input-placeholder {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  color: #666666;
}

.proflie_form .form-group:last-child {
  margin-bottom: 0px;
}
.logout-link {
	color: #820000;
	padding: 5px;
	margin-left: 16px
}
.lizaselect {
    border: 1px solid #ccc;
    width: 100%;
    padding: 8px;
	background: #ddd;
}
.good-result { border: 3px solid #820000; z-index: 100; position: fixed; bottom: 10px; right: 0; background-color: #fff; padding: 10px; color: #82000; display: none; text-align: center }
.good-result span { font-size: 100px }
.bad-result { border: 3px solid #820000; z-index: 100; position: fixed; bottom: 10px; right: 0; background-color: #fff; padding: 10px; color: #82000; display: none; text-align: center; }
.bad-result span { font-size: 100px }

.del_ordered_item:hover {
	cursor: pointer;
}
#loader-area {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.6;
	z-index: 100000;
}
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #FF224B;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ORDER */
.order-main { width: 100%; margin-top: 30px; margin-left: auto; margin-right: auto }
.order-box { background-color: #fff;  margin-top: 30px; }
.order-box-title { background-color: #555; color: #bcd56e; padding: 10px }
.set-main-data-btn { color: #94c152; float: right }
.set-table { width: 100%; }
.set-table input[type=text] { border: 1px solid #e6e9f0; padding: 6px; width: 100%; margin-bottom: 1px}
.set-table-select { border: 1px solid #e6e9f0; padding: 6px; width: 100%}
.set-btn { color: #e6e9f0; float: right; display: block; color: #94c152 }
.set-btn:hover { cursor: pointer }
.order-add-btn { background-color: #fff; border: 1px solid #94c152; padding: 6px; display: block; color: #555; margin-top: 10px }
.order-add-btn:hover { cursor: pointer; background-color: #94c152; color: #555 }
.set-save-btn { background-color: #fff; padding: 6px; display: inline-block; border: 1px solid #94c152; color: #94c152; margin-top: 20px }
.set-save-btn:hover { cursor: pointer }
.set-add-btn { background-color: #94c152; padding: 6px; display: block; color: #fff; margin-top: 20px }
.set-add-btn:hover { cursor: pointer }
.set-cancel-btn { padding: 6px; display: inline-block; color: #555; background-color: #fff }
.set-cancel-btn:hover { cursor: pointer }
.order-comment { width: 100%; padding: 10px; border: 1px solid #555 }
.order-condition-checkbox { margin-right: 10px }
.order-condition-label { font-size: 100% }
.order-finish-btn { display: block; width: 100%; background-color: #94c152; color: white; padding: 12px 16px}
.order-finish-btn:hover { cursor: pointer; background-color: #bcd56e; color: #555}
.order-sum-table td { padding: 6px}
.order-sum-table tr:nth-child(even) {background: #f1f1f1}
.order-sum-table tr:nth-child(odd) {background: #fff}

.set-del-btn { color: red; background-color: #fff; padding: 6px; border: 1px solid red; display: inline-block; }
.set-del-btn:hover { cursor: pointer}

.sticky-area {
	position: -webkit-sticky;
	position: sticky;
	top: 36px;
}

/* LIGHTBOX */
.lightbox-body {
	display: none;
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	z-index: 13000;
	background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,1); /* Black w/ opacity */
}
.lightbox {
	padding: 10px;
	position: fixed; 
	display: block;
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background-color: #000; 
	z-index: 9999; 
}
.lightbox-close {
	position: fixed;
	top: 15px;
	right: 20px;
	z-index: 13001;
}
.lightbox-close i:hover { color: red }
.lightbox-close i{
	font-size: 300%;
	color: #fff;
}
.lightbox-main {
	height: 100%; 
	width: 80%; 
	background-color: #000;
	float: left;
	
}
.lightbox-main img {
	max-height: 100% !important;
	display: block;
	margin-left: auto; 
	margin-right: auto
}
.lightbox-aside {
	height: 100%; 
	padding: 10px;
	width: 10%; 
	background-color: #000; 
	float: left; 
	overflow-y: auto;
}
.lightbox-aside img {
	width: 100%;
	margin-bottom: 10px;
}
.lightbox-aside img:hover {
	cursor: pointer;
	opacity: 0.5
}
#swipe { display: none }

/* =================================== */
/*  Search dialog
/* =================================== */

.search-dialog {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0, 0.95);
	z-index: 998;
	display: none;
	
	
}
.search-dialog div {
	background: transparent;
	padding: 10px;
	width: 90%;
	margin: 20% auto 0 auto;
	text-align: center;
}
.search-dialog div p {
	color: #ddd;
	font-size: 30px;
	text-transform: uppercase;
	font-family: "Montserrat", sans-seriff;
}
.search-dialog div input {
	margin-top: 50px;
	width: 100%;
	font-size: 80px;
	outline: none;
	background: transparent;
	color: #fff;
	border: none;
	border-bottom: 1px solid #aaa;
}
.resp_menu {
	display: none;
}
@media screen and (max-width: 1024px) { 
	.lightbox-aside { display: none }
	.lightbox-main { width: 100%; }
	.lightbox { height: 50% }
	.lightbox { margin-top: 100px }
	#swipe { display: block }
	.big-logo { font-size: 50px }
	.big-logo-footer { font-size: 50px }
	.big-sub-logo { font-size: 20px !important}
	.big-sub-logo-footer { font-size: 20px !important}
	.rev_slider { max-height: 300px !important}

}
@media screen and (max-width: 992px) {
	.resp_menu { display: block;}
	.search-dialog div p { font-size: 16px; }
}