

html, body {
	height: 100%;
	margin: 0px;
	padding:0;
}

body {
	margin: 0px;	
	color:#84675f;
	font-family: "Montserrat"; 
	font-weight: 400;
	font-size: 14px; 
	line-height: 1.4; 
	text-align: center;
	background: #f1f1f1  url('../images/bg.jpg') repeat fixed;
}

td {
	line-height: 130%; 
}

p { margin:0; padding:8px 0; }

a {
	text-decoration: none; 
	color: #84675f; 
	font-weight: 400;
	border-bottom: 1px solid #84675f;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	}
a:link {}
a:visited {}
a:active {}
a:hover {text-decoration: none;
	font-weight: 400;	
	border-bottom: 0;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}

img { border:0px;padding:0px;margin:0px; }

h1, h2 {	
	font-family: "Montserrat";
}
.back a {
	display:block;
	border-top:1px solid #fff;
	padding:15px;
	margin:10px auto 20px auto;
	width:1120px;
	text-decoration: none;
	color:#84675f;
	color:#fff;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
.back a:hover {
	background:#84675f;
	color:#fff;
	background:#fff;
	color:#84675f;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}


.back2 a {
	display:block;
	border-top:1px solid #fff;
	padding:15px;
	margin:0px auto 0px auto;
	width:auto;
	text-decoration: none;
	color:#84675f;
	background:#f1f1f1;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}


#header {
	width:100%;
	height:auto;
	background:#f9f7f5;
	border-top:3px solid #ede7e4;
	/*-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.2);*/
}

#header-inner {
}

#header1 {
	margin: 0 auto;
	width:1160px;
	height:100%;
	position:relative;
	border:0px solid red;
}

#header1-in {
	margin: 0 auto;	
	height:auto;
	padding:15px 0px;		
	text-align:center;
}

#foodartist-logo {
	padding:0; 
	height:auto;
	width:auto; 
	float:left;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#foodartist-logo:hover { 
	transform: scale(1.025);
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#menu {	
	display:block;
	float:left;
	width:550px;
	height:auto;
	padding:17px 0 0 0;		
	margin-left:70px;
	text-align:center;
	line-height:1.9;
}

#menu a {
	text-decoration: none; 
	color: #907067; 
	font-weight:500;
	letter-spacing:0.05em;
	padding:5px 15px;
	font-size:15px;
	text-transform:uppercase;
	border:0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius:30px;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}
#menu a:hover {
	text-decoration: none;
	background:#a68981;
	color:#ffffff;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#menu-mobile-png {
	display:none;
}
#menu-mobile-png img {
	width:40px;
	height:auto;
}

.i1-png {
	float:right;
	padding:32px 5px 5px 5px;
}
.i2-png {
	float:right;
	padding:32px 0px 5px 5px;
}
.open3-jpg { display:none; }

#s3 {
	width:100%;
	height:750px;
	/*aspect-ratio: 2.4;*/
	margin:0px auto;
	background: url('../images/open1.webp') no-repeat center;
	position:relative;
}
#s3-in { 
	display:block;
	width:1160px;
	padding:0px 0;
	margin: 0px auto;
	position:relative;
}
#s3-in #text { 
	color:#fff;
	font-size:19px;
	font-weight:500;
	text-align:left;
	line-height:1.2;
	text-decoration:none;
	padding:110px 0 0 0;
}

#s3-in #text h1, #s3-in #text h2 { 
	font-family:"Cinzel";
	font-size:35px;
	padding:0; 
	margin:0 0 0px 0; 
	font-weight:400;
	line-height:1.6;
	color:#fff;
	width:740px;
	text-transform:uppercase;
}


#s3-in #text h2 { padding-bottom:40px; }

#s3-in #text img { margin-right:20px; filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.2));
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear; }

#s3-in #text img:hover { 
	transform: scale(1.08);
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#s3-in #text h3 { 
	font-family: "Montserrat";
	font-size:16px;
	padding:0; 
	margin:20px 0 0px 0; 
	font-weight:400;
	line-height:1.6;
	color:#fff;
	width:700px;
	text-transform:uppercase;
}

#s3-in #text a.button2 {
	display:block;
	margin:30px 0 0 0; 
	text-decoration:none; 
	border:1px solid rgba(255,255,255,0.75);
	color:#fff;
	width:155px;
	text-align:Center;
	padding:8px 23px;
	text-transform:uppercase;
	font-size:15px;
	letter-spacing:2px;
	font-weight:400;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius:30px;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#s3-in #text a.button2:hover {
	transform: scale(0.95);
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}



#open-about {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	padding:0px;		
	height:auto;
	background: rgba(255,255,255,1);
}

#open-about-in {
	margin-left: auto;
	margin-right: auto;
	width:1160px;
	padding:0px 0px;			
	text-align:left;	
	padding:140px 0;
}

#open-about-in-text {		
	width:590px;
	float: left;
	text-align:left;
	font-size:18px;
	color:#84675f;
	line-height:1.6;
	font-weight:400;
}

#open-about-in-text p { margin:0; padding:10px 0; } 

#open-about-in-text b, #open-about-in-text strong {	
	text-transform:uppercase;	
	font-weight:500;
	font-size:20px;
}

#open-about-in-text h2, #open-about-in-text h3 {
	font-family:"Cinzel";
	color:#789478;
	font-weight:500;
	font-size:48px;
	margin:0 0 20px 0;
	padding:0;
	line-height:normal;
	border:0;
	letter-spacing:0px;
	text-transform:uppercase;
}

.foodartist1-jpg { float:right; margin-top:20px; }


#open-about-in-text a.button1 {
	display:block;
	margin:20px 0 0 0; 
	text-decoration:none; 
	border:1px solid rgba(156,127,118,0.6);
	color:#84675f;
	width:160px;
	text-align:Center;
	padding:6px 23px;
	text-transform:uppercase;
	font-size:17px;
	letter-spacing:2px;
	font-weight:500;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius:30px;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#open-about-in-text a.button1:hover {
	background:#999b85;
	border:1px solid #999b85;
	color:#fff;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}


#open2 {
	margin-left: auto;
	margin-right: auto;
	width:100%;	
	text-align:center;
	height:auto;
	background: #fff url('../images/bg1.jpg') no-repeat center;
}

#open2-in {
	margin-left: auto;
	margin-right: auto;
	width:1150px;
	padding: 110px 0;		
	text-align:center;
}

#open2-in .title {
	font-family:"Cinzel";
	color:#fff;
	font-weight:500;
	font-size:44px;
	margin:0 0 20px 0;
	padding:0;
	line-height:normal;
	border:0;
	letter-spacing:0px;
	text-transform:uppercase;
}
#open2-in .title2 {
	font-family:"Montserrat";
	color:#fff;
	font-weight:300;
	font-size:17px;
	margin:0 0 20px 0;
	padding:0;
	line-height:1.4;
	border:0;
	letter-spacing:0px;
}

#open2-in .box1 {
	float:left;
	margin:90px 30px 30px;
	width:260px;
	height:auto;
	position:relative;
	text-align:center;
	padding:80px 30px 40px 30px;	
	border:1px solid rgba(255,255,255,0.6);
	position:relative;
	line-height:1.3;
	color:#fff;
	font-weight:300;
	font-size:17px;
	text-transform:uppercase;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;	
}

#open2-in .box1 img {
	position:absolute;
	left:50%;
	top:0px;
	transform:translate(-50%,-50%);
	filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.15));
}






#open3 {
	margin-left: auto;
	margin-right: auto;
	width:100%;	
	text-align:center;
	height:auto;
	background: #fff url('../images/bg22.jpg') no-repeat center 180px;
	position:relative;
}

#open3-in {
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	padding: 110px 0;		
	text-align:center;	
	color:#84675f;
}

#open3-in .title {
	font-family:"Cinzel";
	color:#789478;
	font-weight:500;
	font-size:44px;
	margin:0 0 10px 0;
	padding:0;
	line-height:normal;
	border:0;
	letter-spacing:0px;
	text-transform:uppercase;
}
#open3-in .title2 {
	font-family:"Montserrat";	
	color:#84675f;
	font-weight:300;
	font-size:16px;
	margin:0 0 20px 0;
	padding:0;
	line-height:1.4;
	border:0;
	letter-spacing:0px;
	text-transform:uppercase;
}

#open3-in .i1 { display: block; margin: 0 auto 60px auto;}

#open3-in .box1 {
	float:left;
	margin:0px;
	width:400px;
	height: 215px;
	position:relative;
	text-align:left;
	padding:30px 35px 35px 35px;	
	background:#f4efec;
	position:relative;
	line-height:1.55;
	color:#84675f;
	font-weight:400;
	font-size:17px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;
	-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
	-moz-transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}

#open3-in .box1 p { padding:0px 0; }
#open3-in .box1 strong {
	font-family:"Cinzel";
	font-size:21px;
	font-weight:500;
	text-transform:uppercase;
}
#open3-in .box2 {
	float:right;
}

#open3-in .img1 {
	float:right;
	-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
}

#open3-in .img2 {
	float:left;
	-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
}

#open3-in .sep2 {
	height: 50px; display:block; clear:both;	margin:auto;
}
#open3-in .bg2-jpg {
	position:absolute;
	left:-50px;
	top:50px;
	z-index:0;
}


#open4-out {
	margin-left: auto;
	margin-right: auto;
	width:100%;	
	text-align:center;
	height:470px;
	background: #f4efec;
	position:relative;
	overflow:hidden;
}
#open4 {
	width:1160px;
	height:1px;
	display:block;
	position:relative;
	margin:0 auto;
}

#open4-in {
	position:relative;
	left:0;
	width:1160px;
	margin-left: 300px;
	margin-right: auto;
	padding: 80px 0;		
	text-align:center;	
	color:#84675f;
}

#open4 .box1 {
	position:absolute;
	left:0;
	top:100px;
	width:260px;		
	text-align:left;
	font-size:17px;
	line-height:1.7;
	color:#84675f;
}

#open4 .box1 h2 {
	font-family:"Cinzel";
	color:#789478;
	font-weight:500;
	font-size:35px;
	margin:0 0 15px 0;
	padding:0;
	line-height:normal;
	border:0;
	letter-spacing:0px;
	text-transform:uppercase;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


 #open4-in .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

 #open4-in .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

 #open4-in .swiper {
	width: 100%;
	height: 100%;
	border:0;
	height: 330px;
	margin: 0px auto;
  }


.etrend-box {
	width: 260px;
	height:250px;
	margin-bottom:80px;
	display:block;
	background:#fff;
	font-size:18px;
	line-height:1.4;
	font-weight:300;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}
.etrend-box:hover {
	transform: scale(1.02);
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

.etrend-box-kep {
	width:260px;
	height:200px;
	cursor:pointer;
	overflow:clip;
}

.etrend-box-kep-in {
	width:100%;
	height:100%;
	background: url('../images/bg-ref.png') no-repeat bottom left;
}
.etrend-box-text {
	color:#
	border:1px solid red;;
	line-height:normal;
	padding:15px 0px 0 15px;
	height:Auto;
	text-align:left;
}
.etrend-box-text a {
	color:#
	border:1px solid red;;
	font-size:17px;
	text-decoration:none;
}


#open5 {
	margin-left: auto;
	margin-right: auto;
	width:100%;	
	text-align:center;
	height:auto;
	background: #fff;
	position:relative;
}

#open5-in {
	margin-left: auto;
	margin-right: auto;
	width:auto;
	padding: 5px 0;		
	text-align:center;	
}

#open5-in img {
	width:16%;
	height:auto;
	aspect-ratio:1;
	padding:0 0.333%;
	margin:0;
}





#gallery-ref-out {
	
}

.gallery-ref {
	float:left;
	width:360px;
	height:380px;
	background:#fff;
	text-align:left;
	margin:12px;
	padding:0;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	box-shadow: 7px 7px #d6992d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}

.gallery-ref-in {	
	width:360px;
	height:300px;
	position:relative;
	text-align:left;
	margin:0;
	padding:0;
	cursor:pointer;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}
.gallery-ref img {
	margin:0;
	padding:0;
	width:360px;
	height:300px;
}

.gallery-ref a.ref-button  {	
	display:block;
	width:320px;
	text-decoration: none; 
	font-weight:400;
	font-size:22px;
	padding:15px 20px 0 20px;
	color:#84675f;
	line-height:1.1;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

.gallery-ref  a.ref-button:hover  {
	
	color:#84675f;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#footer-out {	
	padding:40px 0 0px 0;
	width:100%;
	background: #999b85 url('../images/bg21.jpg') no-repeat right 200px;
}
#footer {	
	width:100%;	
	color:#fff;
	padding:0;
	border:0;
	margin:0;
	font-family:"Montserrat";
}

#footer a { border:0; }

#footer-in {
	width:1160px;
	margin:0 auto;
	padding:60px 0 25px 0;
	text-align:center;
	font-size:15px;
}

.footer1 {
	float:left;
	color:#fff;
	text-align:left;
	margin:0px;
	padding:0;
	font-weight: 400;
	line-height:1.4;
	width:33%;
}

.footer1 a {
	text-decoration: none; 
	color:#fff;
	padding: 0px 0 0 0;
	text-transform:none;
	font-weight: 400;
}

.footer2 {
	width:20%;
	padding:10px 0 0 12%;
	text-transform:uppercase;
	line-height:2.5;
}
.footer2 a {
	padding:0px 0 0 0px;
	text-transform:uppercase;
}
	
.footer3 {
	width:25%;
	float:right;
	padding:10px 0 0 0;
	text-align:left;
	line-height:2.45;
}

.footer3 img { vertical-align: middle; width:24px; height:auto; padding-right:5px; }

.sep-line-footer {				
	height: 1px; display:block; clear:both;	margin:auto;
	border-bottom:solid 1px rgba(255,255,255,0.5);
	margin-bottom:20px;
	margin-top:50px;
}

.footer4 {
	width:auto;
	color:#fff;
	text-align:center;
	font-size:13px;
	margin:0;
	padding:0 20px;
	font-weight: 300;
	line-height:1.4;
	text-transform:uppercase;
}

.footer4 a {
	text-decoration: none;
	color:#fff;
	font-weight: 300;
}


#inner {
	height:29px;
}
#inner2 {
	width:100%;
	background: #f1f1f1  url('../images/bg3.webp') no-repeat center;
	height:250px;
}
#inner3 {
	width:100%;
	background: #f1f1f1  url('../images/bg4.webp') no-repeat center;
	height:250px;
}
#inner4 {
	width:100%;
	background: #f1f1f1  url('../images/bg5.jpg') no-repeat center;
	height:250px;
}


#middle {
	background:#fff;
	width:100%;
	float:none;
	margin:0px;
	margin:0px 0 0 0;
	padding:0 0 0px 0;	
	-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.2);
}
#middle-in {
	margin-left: auto;
	margin-right: auto;
	width:1160px;
	padding:50px 0 10px 0;	
	text-align:left;
	color:#84675f;
	font-size:17px;
	line-height:1.4;
	font-weight:400;
}

#middle-in h1 {	
	font-family: "Cinzel"; 
	color:#84675f;
	font-weight:500;
	font-size:45px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	border-bottom: 1px solid #e1e1e1;
	line-height:normal;
	text-transform:none;
	letter-spacing:0px;
	text-transform:uppercase;
}

#middle-in h2 {	
	font-size: 28px;
	font-family: "Montserrat"; 
	font-weight: 500; 
	margin:10px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	color: #84675f;	
	border: 0px dotted #bbb;
	line-height:normal;	
	text-transform:uppercase;
}

#middle-in h3 {	
	font-size: 22px;
	font-family: "Montserrat"; 
	font-weight: 600; 
	margin:20px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	color: #84675f;	
	border: 0px dotted #bbb;
	line-height:normal;
}

#middle-in h4 {	
	font-size: 18px;
	font-family: "Montserrat"; 
	font-weight: 500; 
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	color: #84675f;	
	border: 0px dotted #bbb;
	line-height:normal;
}

#content-inner .text1 {
	float:left;
	width:43%;
	padding:0 0 0 0;
}

#content-inner .img1 {
	float:right;
	width:50%;
	padding:0;
	border:0;
	background:none;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
}
#content-inner .text2 {
	float:right;
	width:43%;
	padding:0 1% 0 0;
}

#content-inner .img2 {
	float:left;
	width:50%;
	padding:0;
	border:0;
	background:none;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
}

#content-inner  .sep-content {				
	height: 50px; display:block; clear:both;	margin:auto;
}


#middle-in2 img {
	margin:15px;
	padding:0px;
	border:0px solid #e5e5e5;
}

#middle-in2 iframe {
	width:60%;
	height:400px;
	border:1px solid #fff;
	
}
#middle-in .box {
	float:left;
	margin:10px;
	width:280px;
	height:310px;
	position:relative;
	text-align:left;
	padding:0;	
	background:#84675f;
	background:#505156;
	position:relative;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;
	line-height:1.3;
	-moz-transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
#middle-in .box:hover {
	background: #e4012e;
	-moz-transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}

#middle-in .box .img1 {
	width:100%;
	height:auto;
	padding:0;
	border:0;
	margin:0;
}

#middle-in .box .text {
	display:block;
	width:auto;
	color:#fff;
	font-weight:300;
	font-size:14px;
	text-align:left;
	text-align:center;
	padding:10px 15px;
}

#middle-in .box .text p {
	padding:0;
	margin:0;
}
#middle-in .box h2, #middle-in .box h2 a {
	color:#fff;
	font-weight:400;
	font-size:18px;
	margin:0 0 10px 0 ;
	text-align:center;
	padding:0;
	line-height:normal;
	border:0;
	letter-spacing:0px;
	text-transform:uppercase;
	text-decoration: none;
	font-family:"Montserrat";
}

#middle-in .article0 {
	background:#f1f1f1;
	background:#ececec;
	padding:20px 30px;
}
#middle-in .article1 {
	border:1px solid #dadada;
	padding:20px 30px;
	/*
	-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.2);
	*/
}

#middle-in2 table {
	border:1px solid #ccc;
	padding:0px;
	padding:0;
	margin:0;
/*	background:#fafafa;*/
	border-spacing: 1px;
}

#middle-in2 td {
	border:1px solid #ccc;
	border-left:1px solid #eee;	
	border-top:1px solid #eee;
	padding:6px;
	margin:0;
}




#form1 {
	width:80%;
	max-width:600px;
	margin:40px auto 0 auto;
	padding:50px 50px;
	border:0px solid #eee;
	background:#fff;
	text-align:left;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
}

#form1 b {
	padding:0 0 0px 0;
	display:block;
	font-size:30px;
	font-weight: 400;	
	
}

#form1 i {
	font-weight: 400;	
	font-style:normal;	
}
#form1 u {
	font-weight: 600;	
	font-style:normal;	
	text-decoration: none;
}
.input_ajanlat2 {
	border: #aaa 1px solid;
	padding:6px 8px;
	margin: 0px auto; 
	background: #ffffff;
	font-size:16px;
	width:97%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	display:block;
	margin-bottom:10px;
	line-height:normal;
	font-family: "Montserrat"; 
	font-weight:400;	
	color:#000000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.input_ajanlat3 {
	width:97%;
	margin: 0px auto; 
	height:120px;
}
.input_ajanlat4 {
	display:block;
}	
.input_ajanlat5 {
	width:auto;
	margin: 0px auto; 
	display: inline;
}	
.input_ajanlat6 {
	width:100%;
	margin: 0px auto; 
	display: inline;
}
.button_ajanlat {
	font-family:"Montserrat";
	background:#84675f;
	color:#fff;
	border: 1px solid #84675f;
	font-size: 16px;
	margin: 10px 0 0 0px; 
	padding:8px 20px;
	cursor:pointer;	
	letter-spacing:1px;	
	font-weight: 500;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}
.button_ajanlat:hover {
	background:#999b85;
	color:#fff;
	border: 1px solid #999b85;
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
}






.almenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width:100%;	
	list-style-position: inside;

}
.almenu li {
	list-style: none;
	float:left;
	text-align:Center;
	width:25%;
	padding:2%;
	margin:2%;
	background:#84675f;
}
.almenu a {
	text-decoration: none; 
	color:#fff;
	font-weight: normal; 	
	}

#nav-box {
	text-align: left;
	color:#797979;
	font-weight: normal;
	font-size: 13px;
	padding:0px 0px 20px 0px;
	margin:0px;
	display:block;
	text-transform:uppercase;
}

#nav-box a {
	text-decoration: none; 
	color:#797979;
	font-weight: normal; 	
	}
#nav-box a:link {}
#nav-box a:visited {}
#nav-box a:active {}
#nav-box a:hover {text-decoration: none;}


.lapozas {
	text-align:center;
	margin-top:30px;
}

.lapozas a {
	font-family: "Montserrat";
	text-decoration: none; 
	color:#fff;
	background:#1d1d1d; 
	font-weight:200;
	font-size:20px;
	line-height:normal;
	padding:8px 16px;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;	
}
.lapozas a:hover {
	background:#333; 	
}

#gallery ul { list-style: none; display: inline; }
#gallery ul li { display: inline; text-align:center; }

#content-form {
	margin-top:50px;
	width:100%;
	background:#f6f6f6;
	
}


.galeria-inner {
	float:left;
	margin:10px;
	-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}

.galeria-inner, .galeria-inner img {
	width:270px;
	height:210px;
}



.galeria-inner-new-out {
	float:left;
	margin:15px;
	-webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;	
	text-align:Center;	
	width:270px;
	height:240px;
	padding:10px 0;
	line-height:1.2;
	overflow:hidden;
}

.galeria-inner-new, .galeria-inner-new img {
	width:250px;
	height:180px;
	padding:0;
	margin:0 auto;
}



.galeria-inner-new-out b {
	display: block;
	padding:0px 15px;
	font-weight:400;
	font-size:15px;
}




.galeria-inner2 {
	margin-right:0px;
	float:right;
}


.galeria-inner3 {
	float:left;
	margin:20px;
	background:#fff;
	-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}

.galeria-inner3 {
	width:250px;
	height:250px;
}
.galeria-inner3 img {
	width:240px;
	height:240px;
	border:5px solid #fff;
}


.galeria-inner4 {
	float:left;
	margin:30px 15px 0 15px;
	background:#fff;
	-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}

.galeria-inner4 {
	width:250px;
	height:250px;
}
.galeria-inner4 img {
	width:240px;
	height:240px;
	border:5px solid #fff;
}




.clear {
	clear:both;
}


#galeria-jpg {
	margin-top:30px;
}

.box-left {
	float:left;
	width:370px;
	margin-left:30px;
	margin-top:30px;
}

.box-left-hir {
	float:left;
	width:550px;
	height:500px;
	background:#fff;	
	border:0;
	margin:15px;
	padding:0 0 0px 0;
	position:relative;
	color: #84675f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;

}

.box-left-hir .img1 {
	position:absolute;
	top:0;
	left:0;
}
.box-left-hirkep {
	width:100%;
	height:350px;
	cursor:pointer;

}

.box-left-hir-in {
	padding:15px 0px;
	color: #84675f;
	line-height:24px;
	font-size:15px;
	text-align:left;
}

.box-left-hir-in a {
	text-decoration: none; 
	color: #84675f; 
	font-weight:500;
	font-size:22px;
	line-height:normal;
	padding:0;
	}
.box-left-hir-in a:link {}
.box-left-hir-in a:visited {}
.box-left-hir-in a:active {}
.box-left-hir-in a:hover {text-decoration: none;color: #84675f; }

.box-left-hir-in .text {	
	padding:10px 0px;
	color: #84675f;
	font-weight:400;
}

.img-content {
	margin: 0px 0px 0px 0px;
	border: #e5e5e5 2px solid;
	padding: 1px;
}

.img {
	margin: 0px 0px 0px 0px;
	border: #e5e5e5 3px solid;
	padding: 1px;
}

p {
	margin:7px 0px 0px 0px; 
}

form {
	margin:0px; 
}

.hr2 {
	color: #DCD3D0;
	height:1px;
}

.l1 { background-color: #f9f9f9; }
.l0 { background-color: #ffffff; } 

.spacer {
	background-image: url('../images/spacer.gif');
}

.sep2 {
	height: 7px; display:block; clear:both;	margin:auto;
}

div.sep {				
	height: 1px; display:block; clear:both;	margin:auto;
}

div.sep5 {				
	height: 5px; display:block; clear:both;	margin:auto;
}

div.sep10 {				
	height: 10px; display:block; clear:both;	margin:auto;
}

div.sep15 {				
	height: 15px; display:block; clear:both;	margin:auto;
}

div.sep20 {				
	height: 20px; display:block; clear:both;	margin:auto;
}

div.sep25 {				
	height: 25px; display:block; clear:both;	margin:auto;
}

div.sep30 {				
	height: 30px; display:block; clear:both;	margin:auto;
}

.table {
	border-bottom: 1px solid #e1e1e1;
	background:#f5f5f5;
}
.table1 {
	border-bottom: 1px solid #e1e1e1;
	background:#f5f5f5;
}
.table2 {
	border-bottom: 1px solid #e1e1e1;
	background:#fff;
}
.little {
	font-size:95%;
}

.l1 { background-color: #f9f9f9; }
.l0 { background-color: #ffffff; } 
.l2 { background-color: #eeeeee; }
.l3 { background-color: #fafafa; }

.termekhatter0 {
	background-color:#fff;
}

.termekhatter1 {
	background-color:#fff;
}

hr {
	border:0;
	background:#ffffff;
	height: 1px;
	display:block; clear:both;	margin:auto;
	border-bottom:solid 1px #cccccc;
	margin-bottom:0px;
	margin-top:3px;
}
div.sep-line {				
	height: 1px; display:block; clear:both;	margin:auto;
	border-bottom:solid 1px #cccccc;
	margin-bottom:0px;
	margin-top:3px;
}

div.sep-line2 {				
	height: 1px; display:block; clear:both;	margin:auto;
	border-bottom:solid 1px #cccccc;
	margin-bottom:3px;
	margin-top:3px;
}

#menu-icon-png, #menu-mobile, #mobile1, #news-mobile { display:none; }

#scroll1 {
	display:none;
}



/* --------------------------------------*/
/* --------------------------------------*/
/* --------------------------------------*/
/* --------------------------------------*/
/* --------------------------------------*/



@media screen and (max-width: 1350px) {
	
}

@media screen and (max-width: 1160px) {
		
		
		html, body {
			height: 100%;
			margin: 0px;
			padding:0;
		}
		
		body {
			margin: 0px;	
			color:#84675f;
			font-family: "Montserrat"; 
			font-weight: 400;
			font-size: 14px; 
			line-height: 1.4; 
			text-align: center;
			background: #f1f1f1  url('../images/bg.jpg') repeat fixed;
		}

		td {
			line-height: 130%; 
		}

		p { margin:0; padding:8px 0; }

		a {
			text-decoration: none; 
			color: #84675f; 
			font-weight: 400;
			border-bottom: 1px solid #84675f;
			-moz-transition: all 500ms linear;
			-webkit-transition: all 500ms linear;
			-o-transition: all 500ms linear;
			transition: all 500ms linear;
			}
		a:link {}
		a:visited {}
		a:active {}
		a:hover {text-decoration: none;
			font-weight: 400;	
			border-bottom: 0;
			-moz-transition: all 500ms linear;
			-webkit-transition: all 500ms linear;
			-o-transition: all 500ms linear;
			transition: all 500ms linear;
		}

		img { border:0px;padding:0px;margin:0px; }

		h1, h2 {	
			font-family: "Montserrat";
		}
		.back a {
			display:block;
			border-top:1px solid #fff;
			padding:15px;
			margin:10px auto 20px auto;
			width:auto;
			text-decoration: none;
			color:#84675f;
			color:#fff;
			-moz-transition: all 500ms linear;
			-webkit-transition: all 500ms linear;
			-o-transition: all 500ms linear;
			transition: all 500ms linear;
		}
		.back a:hover {
			background:#84675f;
			color:#fff;
			background:#fff;
			color:#84675f;
			-moz-transition: all 500ms linear;
			-webkit-transition: all 500ms linear;
			-o-transition: all 500ms linear;
			transition: all 500ms linear;
		}


		.back2 a {
			display:block;
			border-top:1px solid #fff;
			padding:15px;
			margin:0px auto 0px auto;
			width:auto;
			text-decoration: none;
			color:#84675f;
			background:#f1f1f1;
			-moz-transition: all 500ms linear;
			-webkit-transition: all 500ms linear;
			-o-transition: all 500ms linear;
			transition: all 500ms linear;
		}


		#header {
			width:100%;
			height:auto;
			background:#f9f7f5;
			border-top:3px solid #ede7e4;
			/*-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
			box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.2);*/
		}

		#header-inner {
		}

		#header1 {
			margin: 0 auto;
			width:auto;
			height:100%;
			position:relative;
			border:0px solid red;
		}

		#header1-in {
			margin: 0 auto;	
			height:auto;
			padding:15px 10px;		
			text-align:center;
		}

		#foodartist-logo {
			padding:0; 
			height:75px;
			width:auto; 
			float:left;
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;
		}

		#foodartist-logo:hover { 
			transform: scale(1.025);
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;
		}

		#menu {	
			position:absolute;
			left:0;
			right:0;
			top:106px;
			z-index:88888888888888;
			display:none;
			float:none;
			padding:10px 0;		
			margin:0;
			width:100%;
			text-align:center;
			line-height:1.9;
			background: rgba(249,247,245,0.95);
			filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.15));
		}

		#menu a {
			display: block;
			text-decoration: none; 
			color: #907067; 
			font-weight:500;
			letter-spacing:0.05em;
			padding:10px 15px;
			font-size:15px;
			text-transform:uppercase;
			border:0;
			border-bottom:1px solid rgba(166,137,129,0.5);
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius:0px;
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;
		}
		#menu a:hover {
			text-decoration: none;
			background:#a68981;
			color:#ffffff;
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;
		}
		
		#menu-icon-png {
			display: block;
			float:right;
			width:50px;
			margin:15px 0 0 10px;
			padding:10px;
		}
		#menu-mobile-png {
			display:none;
		}
		#menu-mobile-png img {
			width:40px;
			height:auto;
		}

		.i1-png {
			float:right;
			padding:25px 5px 5px 5px;
		}
		.i2-png {
			float:right;
			padding:25px 0px 5px 5px;
		}


		#s3 {
			width:100%;
			height:750px;
			/*aspect-ratio: 2.4;*/
			margin:0px auto;
			background: url('../images/open2.jpg') no-repeat center;
			position:relative;
		}
		#s3-in { 
			display:block;
			width:auto;
			padding:0px 20px;
			margin: 0px auto;
			position:relative;
		}
		#s3-in #text { 
			width:auto;
			color:#fff;
			font-size:19px;
			font-weight:500;
			text-align:left;
			line-height:1.1;
			text-decoration:none;
			padding:40px 0 0 0;
			filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.3));
		}

		#s3-in #text h1, #s3-in #text h2 { 
			font-family:"Cinzel";
			font-size:30px;
			padding:0; 
			margin:0 0 0px 0; 
			font-weight:400;
			line-height:1.4;
			color:#fff;
			width:50%;
			text-transform:uppercase;
			filter: drop-shadow(1px 1px 8px rgba(0,0,0,0));
		}

	/*	#s3-in #text h1 { display: inline; }*/
		#s3-in #text h2 { padding-bottom:30px; }

		#s3-in #text img { 
			width:50px;
			margin-right:10px; 
			filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.2));
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear; }

		#s3-in #text img:hover { 
			transform: scale(1.08);
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;
		}

		#s3-in #text h3 { 
			font-family: "Montserrat";
			font-size:17px;
			padding:0; 
			margin:20px 0 0px 0; 
			font-weight:400;
			line-height:1.4;
			color:#fff;
			width:auto;
			text-transform:uppercase;
		}

		#open-about {
			margin-left: auto;
			margin-right: auto;
			width:100%;
			padding:0px;		
			height:auto;
			background: rgba(255,255,255,1);
		}

		#open-about-in {
			margin-left: auto;
			margin-right: auto;
			width:auto;
			padding:0px 0px;			
			text-align:center;	
			padding:50px 0;
		}

		#open-about-in-text {		
			width:80%;
			max-width:590px;
			float: none;
			margin:0 auto;
			text-align:left;
			font-size:18px;
			color:#84675f;
			line-height:1.6;
			font-weight:400;
		}

		#open-about-in-text p { margin:0; padding:10px 0; } 

		#open-about-in-text b, #open-about-in-text strong {	
			text-transform:uppercase;	
			font-weight:500;
			font-size:20px;
		}

		#open-about-in-text h2, #open-about-in-text h3 {
			font-family:"Cinzel";
			color:#789478;
			font-weight:500;
			font-size:48px;
			margin:0 0 20px 0;
			padding:0;
			line-height:normal;
			border:0;
			letter-spacing:0px;
			text-transform:uppercase;
		}

		.foodartist1-jpg { 
			float:none;
			display:block;
			margin:40px auto 0 auto;
			width:80%;
			max-width:500px;
		}


		#open2 {
			margin-left: auto;
			margin-right: auto;
			width:100%;	
			text-align:center;
			height:auto;
			background: #fff url('../images/bg1.jpg') repeat center top;
		}

		#open2-in {
			margin-left: auto;
			margin-right: auto;
			width:auto;
			padding: 60px 10px;		
			text-align:center;
		}

		#open2-in .title {
			font-family:"Cinzel";
			color:#fff;
			font-weight:500;
			font-size:44px;
			margin:0 0 20px 0;
			padding:0;
			line-height:normal;
			border:0;
			letter-spacing:0px;
			text-transform:uppercase;
		}
		#open2-in .title2 {
			font-family:"Montserrat";
			color:#fff;
			font-weight:300;
			font-size:17px;
			margin:0 0 20px 0;
			padding:0;
			line-height:1.4;
			border:0;
			letter-spacing:0px;
		}

		#open2-in .box1 {
			float:none;
			margin:70px auto 0 auto;
			width:260px;
			height:auto;
			position:relative;
			text-align:center;
			padding:70px 30px 40px 30px;	
			position:relative;
			line-height:1.3;
			color:#fff;
			font-weight:300;
			font-size:17px;
			text-transform:uppercase;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius:0px;	
		}

		#open2-in .box1 img {
			width:80px;
			position:absolute;
			left:50%;
			top:0px;
			transform:translate(-50%,-50%);
			filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.15));
		}






		#open3 {
			margin-left: auto;
			margin-right: auto;
			width:100%;	
			text-align:center;
			height:auto;
			background: #fff url('../images/bg22.jpg') no-repeat center 180px;
			position:relative;
		}

		#open3-in {
			margin-left: auto;
			margin-right: auto;
			width:auto;
			padding: 60px 10px;		
			text-align:center;	
			color:#84675f;
		}

		#open3-in .title {
			font-family:"Cinzel";
			color:#789478;
			font-weight:500;
			font-size:44px;
			margin:0 0 10px 0;
			padding:0;
			line-height:normal;
			border:0;
			letter-spacing:0px;
			text-transform:uppercase;
		}
		#open3-in .title2 {
			font-family:"Montserrat";	
			color:#84675f;
			font-weight:300;
			font-size:16px;
			margin:0 0 20px 0;
			padding:0;
			line-height:1.4;
			border:0;
			letter-spacing:0px;
			text-transform:uppercase;
		}

		#open3-in .i1 { display: block; margin: 0 auto 60px auto;}

		#open3-in .box1 {
			float:left;
			margin:0px;
			width:45%;
			height:auto;
			position:relative;
			text-align:left;
			padding:2%;	
			background:#f4efec;
			position:relative;
			line-height:1.4;
			color:#84675f;
			font-weight:400;
			font-size:17px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius:0px;
			-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
			-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
			box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
			-moz-transition: all 150ms linear;
			-webkit-transition: all 150ms linear;
			-o-transition: all 150ms linear;
			transition: all 150ms linear;
		}
		#open3-in .box1 strong {
			font-family:"Cinzel";
			font-size:20px;
			font-weight:500;
			text-transform:uppercase;
		}
		#open3-in .box2 {
			float:right;
		}

		#open3-in .img1 {
			width:49%;
			height:auto;
			float:right;
			-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
			-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
			box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
		}

		#open3-in .img2 {
			width:49%;
			height:auto;
			float:left;
			-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
			-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
			box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
		}

		#open3-in .sep2 {
			height: 30px; display:block; clear:both;	margin:auto;
		}
		#open3-in .bg2-jpg {
			position:absolute;
			left:-50px;
			top:50px;
			z-index:0;
		}


		#open4-out {
			margin-left: auto;
			margin-right: auto;
			width:100%;	
			text-align:center;
			height:470px;
			background: #f4efec;
			position:relative;
			overflow:hidden;
		}
		#open4 {
			width:auto;
			height:1px;
			display:block;
			position:relative;
			margin:0 auto;
		}

		#open4-in {
			position:relative;
			left:0;
			width:auto;
			margin-left: 300px;
			margin-right: auto;
			padding: 70px 0;		
			text-align:center;	
			color:#84675f;
		}

		#open4 .box1 {
			position:absolute;
			left:10px;
			top:70px;
			width:260px;		
			text-align:left;
			font-size:17px;
			line-height:1.7;
			color:#84675f;
		}

		#open4 .box1 h2 {
			font-family:"Cinzel";
			color:#789478;
			font-weight:500;
			font-size:35px;
			margin:0 0 15px 0;
			padding:0;
			line-height:normal;
			border:0;
			letter-spacing:0px;
			text-transform:uppercase;
		}
		.swiper-slide {
			text-align: center;
			font-size: 18px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
		}


		 #open4-in .swiper-slide {
			text-align: center;
			font-size: 18px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
		  }

		 #open4-in .swiper-slide img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		  }

		 #open4-in .swiper {
			width: 100%;
			height: 100%;
			border:0;
			height: 330px;
			margin: 0px auto;
		  }


		.etrend-box {
			width: 260px;
			height:250px;
			margin-bottom:80px;
			display:block;
			background:#fff;
			font-size:18px;
			line-height:1.4;
			font-weight:300;
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;
		}
		.etrend-box:hover {
			transform: scale(1.02);
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;
		}

		.etrend-box-kep {
			width:260px;
			height:200px;
			cursor:pointer;
			overflow:clip;
		}

		.etrend-box-kep-in {
			width:100%;
			height:100%;
			background: url('../images/bg-ref.png') no-repeat bottom left;
		}
		.etrend-box-text {
			color:#
			border:1px solid red;;
			line-height:normal;
			padding:15px 0px 0 15px;
			height:Auto;
			text-align:left;
		}
		.etrend-box-text a {
			color:#
			border:1px solid red;;
			font-size:17px;
			text-decoration:none;
		}


		#open5 {
			margin-left: auto;
			margin-right: auto;
			width:100%;	
			text-align:center;
			height:auto;
			background: #fff;
			position:relative;
		}

		#open5-in {
			margin-left: auto;
			margin-right: auto;
			width:auto;
			padding: 5px 0;		
			text-align:center;	
		}

		#open5-in img {
			width:16%;
			height:auto;
			aspect-ratio:1;
			padding:0 0.333%;
			margin:0;
		}





		#gallery-ref-out {
			
		}

		.gallery-ref {
			float:left;
			width:360px;
			height:380px;
			background:#fff;
			text-align:left;
			margin:12px;
			padding:0;
			border-left:1px solid #eee;
			border-bottom:1px solid #eee;
			box-shadow: 7px 7px #d6992d;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius:3px;
		}

		.gallery-ref-in {	
			width:360px;
			height:300px;
			position:relative;
			text-align:left;
			margin:0;
			padding:0;
			cursor:pointer;
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius:3px;
		}
		.gallery-ref img {
			margin:0;
			padding:0;
			width:360px;
			height:300px;
		}

		.gallery-ref a.ref-button  {	
			display:block;
			width:320px;
			text-decoration: none; 
			font-weight:400;
			font-size:22px;
			padding:15px 20px 0 20px;
			color:#84675f;
			line-height:1.1;
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;
		}

		.gallery-ref  a.ref-button:hover  {
			
			color:#84675f;
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;
		}

		#footer-out {	
			padding:40px 0 0px 0;
			width:100%;
			background: #999b85 url('../images/bg21.jpg') no-repeat right 200px;
		}
		#footer {	
			width:100%;	
			color:#fff;
			padding:0;
			border:0;
			margin:0;
			font-family:"Montserrat";
		}

		#footer a { border:0; }

		#footer-in {
			width:auto;
			margin:0 auto;
			padding:40px 10px 25px 10px;
			text-align:center;
			font-size:15px;
		}

		.footer1 {
			float:left;
			color:#fff;
			text-align:left;
			margin:0px;
			padding:0;
			font-weight: 400;
			line-height:1.4;
			width:33%;
		}

		.footer1 a {
			text-decoration: none; 
			color:#fff;
			padding: 0px 0 0 0;
			text-transform:none;
			font-weight: 400;
		}
		
		.logo2-png {
			width:100%;
		}
		.footer2 {
			width:20%;
			padding:10px 0 0 12%;
			text-transform:uppercase;
			line-height:2.5;
		}
		.footer2 a {
			padding:0px 0 0 0px;
			text-transform:uppercase;
		}
			
		.footer3 {
			width:25%;
			float:right;
			padding:10px 0 0 0;
			text-align:left;
			line-height:2.5;
		}

		.footer3 img { vertical-align: middle; width:28px; height:28px; padding-right:5px; }

		.sep-line-footer {				
			height: 1px; display:block; clear:both;	margin:auto;
			border-bottom:solid 1px rgba(255,255,255,0.5);
			margin-bottom:20px;
			margin-top:50px;
		}

		.footer4 {
			width:auto;
			color:#fff;
			text-align:center;
			font-size:13px;
			margin:0;
			padding:0 20px;
			font-weight: 300;
			line-height:1.4;
			text-transform:uppercase;
		}

		.footer4 a {
			text-decoration: none;
			color:#fff;
			font-weight: 300;
		}


		#inner {
			height:29px;
		}
		#inner2 {
			width:100%;
			background: #f1f1f1  url('../images/bg3.webp') no-repeat center;
			height:250px;
		}
		#inner3 {
			width:100%;
			background: #f1f1f1  url('../images/bg4.webp') no-repeat center;
			height:250px;
		}
		#inner4 {
			width:100%;
			background: #f1f1f1  url('../images/bg5.jpg') no-repeat center;
			height:250px;
		}


		#middle {
			background:#fff;
			width:100%;
			float:none;
			margin:0px;
			padding:0;	
			-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
			box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.2);
		}
		#middle-in {
			margin-left: auto;
			margin-right: auto;
			width:auto;
			padding:40px 15px 10px 15px;	
			text-align:left;
			color:#84675f;
			font-size:17px;
			line-height:1.4;
			font-weight:400;
		}

		#middle-in h1 {	
			font-family: "Cinzel"; 
			color:#84675f;
			font-weight:500;
			font-size:45px;
		}

		#middle-in h2 {	
			font-size: 28px;
			font-family: "Montserrat"; 
			font-weight: 500; 
			margin:10px 0px 15px 0px;
			padding:0px 0px 0px 0px;
			color: #84675f;	
			border: 0px dotted #bbb;
			line-height:normal;	
			text-transform:uppercase;
		}

		#middle-in h3 {	
			font-size: 22px;
			font-family: "Montserrat"; 
			font-weight: 600; 
			margin:20px 0px 15px 0px;
			padding:0px 0px 0px 0px;
			color: #84675f;	
			border: 0px dotted #bbb;
			line-height:normal;
		}

		#middle-in h4 {	
			font-size: 18px;
			font-family: "Montserrat"; 
			font-weight: 500; 
			margin:10px 0px 10px 0px;
			padding:0px 0px 0px 0px;
			color: #84675f;	
			border: 0px dotted #bbb;
			line-height:normal;
		}

		#content-inner .text1 {
			float:left;
			width:43%;
			padding:0 0 0 0;
		}

		#content-inner .img1 {
			float:right;
			width:50%;
			padding:0;
			border:0;
			background:none;
			-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
		}
		#content-inner .text2 {
			float:right;
			width:43%;
			padding:0 1% 0 0;
		}

		#content-inner .img2 {
			float:left;
			width:50%;
			padding:0;
			border:0;
			background:none;
			-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
		}

		#content-inner  .sep-content {				
			height: 50px; display:block; clear:both;	margin:auto;
		}


		#middle-in2 img {
			margin:15px;
			padding:0px;
			border:0px solid #e5e5e5;
		}

		#middle-in2 iframe {
			width:60%;
			height:400px;
			border:1px solid #fff;
			
		}
		#middle-in .box {
			float:left;
			margin:10px;
			width:280px;
			height:310px;
			position:relative;
			text-align:left;
			padding:0;	
			background:#84675f;
			background:#505156;
			position:relative;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius:0px;
			line-height:1.3;
			-moz-transition: all 150ms linear;
			-webkit-transition: all 150ms linear;
			-o-transition: all 150ms linear;
			transition: all 150ms linear;
		}
		#middle-in .box:hover {
			background: #e4012e;
			-moz-transition: all 150ms linear;
			-webkit-transition: all 150ms linear;
			-o-transition: all 150ms linear;
			transition: all 150ms linear;
		}

		#middle-in .box .img1 {
			width:100%;
			height:auto;
			padding:0;
			border:0;
			margin:0;
		}

		#middle-in .box .text {
			display:block;
			width:auto;
			color:#fff;
			font-weight:300;
			font-size:14px;
			text-align:left;
			text-align:center;
			padding:10px 15px;
		}

		#middle-in .box .text p {
			padding:0;
			margin:0;
		}
		#middle-in .box h2, #middle-in .box h2 a {
			color:#fff;
			font-weight:400;
			font-size:18px;
			margin:0 0 10px 0 ;
			text-align:center;
			padding:0;
			line-height:normal;
			border:0;
			letter-spacing:0px;
			text-transform:uppercase;
			text-decoration: none;
			font-family:"Montserrat";
		}

		#middle-in .article0 {
			background:#f1f1f1;
			background:#ececec;
			padding:20px 30px;
		}
		#middle-in .article1 {
			border:1px solid #dadada;
			padding:20px 30px;
			/*
			-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
			box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.2);
			*/
		}

		#middle-in2 table {
			border:1px solid #ccc;
			padding:0px;
			padding:0;
			margin:0;
		/*	background:#fafafa;*/
			border-spacing: 1px;
		}

		#middle-in2 td {
			border:1px solid #ccc;
			border-left:1px solid #eee;	
			border-top:1px solid #eee;
			padding:6px;
			margin:0;
		}


		#form1 {
			width:75%;
			border:0px solid #eee;
			background:#fff;
			text-align:left;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
		}

		#form1 b {
			padding:0 0 20px 0;
			display:block;
			font-family:"Lustria";
			font-size:30px;
			font-weight: 400;	
			
		}

		#form1 i {
			font-weight: 400;	
			font-style:normal;	
		}
		.input_ajanlat2 {
			border: #aaa 1px solid;
			padding:6px 8px;
			margin: 0px auto; 
			background: #ffffff;
			font-size:16px;
			width:98%;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			display:block;
			margin-bottom:10px;
			line-height:normal;
			font-family: "Montserrat"; 
			font-weight:400;	
			color:#000000;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
		}
		.input_ajanlat3 {
			width:98%;
			margin: 0px auto; 
			height:120px;
		}
		.input_ajanlat4 {
			display:block;
		}	
		.button_ajanlat {
			font-family:"Montserrat";
			background:#84675f;
			color:#fff;
			border: 1px solid #84675f;
			font-size: 16px;
			margin: 10px 0 0 0px; 
			padding:8px 20px;
			cursor:pointer;	
			letter-spacing:1px;	
			font-weight: 500;	
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			-moz-transition: all 450ms linear;
			-webkit-transition: all 450ms linear;
			-o-transition: all 450ms linear;
			transition: all 450ms linear; 
			-webkit-border-radius:30px;
			-moz-border-radius:30px;
			border-radius:30px;
		}
		.button_ajanlat:hover {
			background:#999b85;
			color:#fff;
			border: 1px solid #999b85;
			-moz-transition: all 450ms linear;
			-webkit-transition: all 450ms linear;
			-o-transition: all 450ms linear;
			transition: all 450ms linear; 
		}






		.almenu ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			width:100%;	
			list-style-position: inside;

		}
		.almenu li {
			list-style: none;
			float:left;
			text-align:Center;
			width:25%;
			padding:2%;
			margin:2%;
			background:#84675f;
		}
		.almenu a {
			text-decoration: none; 
			color:#fff;
			font-weight: normal; 	
			}

		#nav-box {
			text-align: left;
			color:#797979;
			font-weight: normal;
			font-size: 13px;
			padding:0px 0px 20px 0px;
			margin:0px;
			display:block;
			text-transform:uppercase;
		}

		#nav-box a {
			text-decoration: none; 
			color:#797979;
			font-weight: normal; 	
			}
		#nav-box a:link {}
		#nav-box a:visited {}
		#nav-box a:active {}
		#nav-box a:hover {text-decoration: none;}


		.lapozas {
			text-align:center;
			margin-top:30px;
		}

		.lapozas a {
			font-family: "Montserrat";
			text-decoration: none; 
			color:#fff;
			background:#1d1d1d; 
			font-weight:200;
			font-size:20px;
			line-height:normal;
			padding:8px 16px;
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;	
		}
		.lapozas a:hover {
			background:#333; 	
		}

		#gallery ul { list-style: none; display: inline; }
		#gallery ul li { display: inline; text-align:center; }

		#content-form {
			margin-top:50px;
			width:100%;
			background:#f6f6f6;
			
		}


		.galeria-inner {
			float:left;
			margin:10px;
			-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
			-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
			box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius:3px;
		}

		.galeria-inner, .galeria-inner img {
			width:270px;
			height:210px;
		}



		.galeria-inner-new-out {
			float:left;
			margin:15px;
			-webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
			-moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
			box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius:3px;	
			text-align:Center;	
			width:270px;
			height:240px;
			padding:10px 0;
			line-height:1.2;
			overflow:hidden;
		}

		.galeria-inner-new, .galeria-inner-new img {
			width:250px;
			height:180px;
			padding:0;
			margin:0 auto;
		}



		.galeria-inner-new-out b {
			display: block;
			padding:0px 15px;
			font-weight:400;
			font-size:15px;
		}




		.galeria-inner2 {
			margin-right:0px;
			float:right;
		}


		.galeria-inner3 {
			float:left;
			margin:20px;
			background:#fff;
			-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
			box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius:3px;
		}

		.galeria-inner3 {
			width:250px;
			height:250px;
		}
		.galeria-inner3 img {
			width:240px;
			height:240px;
			border:5px solid #fff;
		}


		.galeria-inner4 {
			float:left;
			margin:30px 15px 0 15px;
			background:#fff;
			-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
			box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius:3px;
		}

		.galeria-inner4 {
			width:250px;
			height:250px;
		}
		.galeria-inner4 img {
			width:240px;
			height:240px;
			border:5px solid #fff;
		}




		.clear {
			clear:both;
		}


		#galeria-jpg {
			margin-top:30px;
		}

		.box-left {
			float:left;
			width:370px;
			margin-left:30px;
			margin-top:30px;
		}

		.box-left-hir {
			float:left;
			width:550px;
			height:500px;
			background:#fff;	
			border:0;
			margin:15px;
			padding:0 0 0px 0;
			position:relative;
			color: #84675f;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius:3px;

		}

		.box-left-hir .img1 {
			position:absolute;
			top:0;
			left:0;
		}
		.box-left-hirkep {
			width:100%;
			height:350px;
			cursor:pointer;

		}

		.box-left-hir-in {
			padding:15px 0px;
			color: #84675f;
			line-height:24px;
			font-size:15px;
			text-align:left;
		}

		.box-left-hir-in a {
			text-decoration: none; 
			color: #84675f; 
			font-weight:500;
			font-size:22px;
			line-height:normal;
			padding:0;
			}
		.box-left-hir-in a:link {}
		.box-left-hir-in a:visited {}
		.box-left-hir-in a:active {}
		.box-left-hir-in a:hover {text-decoration: none;color: #84675f; }

		.box-left-hir-in .text {	
			padding:10px 0px;
			color: #84675f;
			font-weight:400;
		}

		.img-content {
			margin: 0px 0px 0px 0px;
			border: #e5e5e5 2px solid;
			padding: 1px;
		}

		.img {
			margin: 0px 0px 0px 0px;
			border: #e5e5e5 3px solid;
			padding: 1px;
		}

		p {
			margin:7px 0px 0px 0px; 
		}

		form {
			margin:0px; 
		}

		.hr2 {
			color: #DCD3D0;
			height:1px;
		}

		.l1 { background-color: #f9f9f9; }
		.l0 { background-color: #ffffff; } 

		.spacer {
			background-image: url('../images/spacer.gif');
		}

		.sep2 {
			height: 7px; display:block; clear:both;	margin:auto;
		}

		div.sep {				
			height: 1px; display:block; clear:both;	margin:auto;
		}

		div.sep5 {				
			height: 5px; display:block; clear:both;	margin:auto;
		}

		div.sep10 {				
			height: 10px; display:block; clear:both;	margin:auto;
		}

		div.sep20 {				
			height: 20px; display:block; clear:both;	margin:auto;
		}

		div.sep25 {				
			height: 25px; display:block; clear:both;	margin:auto;
		}

		div.sep30 {				
			height: 30px; display:block; clear:both;	margin:auto;
		}

		.table {
			border-bottom: 1px solid #e1e1e1;
			background:#f5f5f5;
		}
		.table1 {
			border-bottom: 1px solid #e1e1e1;
			background:#f5f5f5;
		}
		.table2 {
			border-bottom: 1px solid #e1e1e1;
			background:#fff;
		}
		.little {
			font-size:95%;
		}

		.l1 { background-color: #f9f9f9; }
		.l0 { background-color: #ffffff; } 
		.l2 { background-color: #eeeeee; }
		.l3 { background-color: #fafafa; }

		.termekhatter0 {
			background-color:#fff;
		}

		.termekhatter1 {
			background-color:#fff;
		}

		hr {
			border:0;
			background:#ffffff;
			height: 1px;
			display:block; clear:both;	margin:auto;
			border-bottom:solid 1px #cccccc;
			margin-bottom:0px;
			margin-top:3px;
		}
		div.sep-line {				
			height: 1px; display:block; clear:both;	margin:auto;
			border-bottom:solid 1px #cccccc;
			margin-bottom:0px;
			margin-top:3px;
		}

		div.sep-line2 {				
			height: 1px; display:block; clear:both;	margin:auto;
			border-bottom:solid 1px #cccccc;
			margin-bottom:3px;
			margin-top:3px;
		}


	
			
}




@media screen and (max-width: 950px) {
		
		
		#content-inner .text1 {
			float:left;
			width:55%;
			padding:0 0 0 0;
		}

		#content-inner .img1 {
			float:right;
			width:40%;
			padding:0;
			border:0;
			background:none;
			-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
		}
		#content-inner .text2 {
			float:right;
			width:55%;
			padding:0 1% 0 0;
		}

		#content-inner .img2 {
			float:left;
			width:40%;
			padding:0;
			border:0;
			background:none;
			-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
		}

		#content-inner  .sep-content {				
			height: 30px; display:block; clear:both;	margin:auto;
		}


}


@media screen and (max-width: 800px) {		
		
		.footer1 {
			float:none;
			width:auto;
			color:#fff;
			text-align:center;
			margin:0px;
			padding:0;
			font-weight: 400;
			line-height:1.4;
		}

		.footer1 a {
			text-decoration: none; 
			color:#fff;
			padding: 0px 0 0 0;
			text-transform:none;
			font-weight: 400;
		}
		
		.logo2-png {
			width:100%;
			max-width:300px;
		}
		.footer2 {
			float:none;
			width:auto;			
			padding:10px 0;
			text-transform:uppercase;
			line-height:2.5;
		}
		.footer3 {
			text-align:center;
			border:0;
			float:none;
			padding:10px 0 0 0;
			line-height:2.5;
			width:200px;
			margin:0 auto;
		}

}

@media screen and (max-width: 700px) {		

		#content-inner .text1 {
			float:none;
			width:auto;
			padding:0 0 0 0;
		}

		#content-inner .img1 {
			float:none;
			width:auto;
			max-width:100%;
			padding:0;
			border:0;
			margin:0 auto;
			background:none;
			text-align:center;
			-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
		}
		#content-inner .text2 {
			float:none;
			width:auto;
			padding:0 0 0 0;
		}

		#content-inner .img2 {
			float:none;
			width:auto;
			max-width:100%;
			padding:0;
			border:0;
			margin:0 auto;
			background:none;
			text-align:center;
			-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
			box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
		}

		#content-inner  .sep-content {				
			height: 30px; display:block; clear:both;	margin:auto;
		}

}

@media screen and (max-width: 700px) {		
		
		.open3-jpg { display:block; margin:0; padding:0;}
		#s3 {
			width:100%;
			height:auto;
			/*aspect-ratio: 2.4;*/
			margin:0px auto;
			background:#af958d url('../images/bg6.jpg') no-repeat center;
			position:relative;
		}
		#s3-in { 
			display:block;
			width:auto;
			padding:0 20px 40px 20px;
			margin: 0px auto;
			position:relative;
		}
		#s3-in #text { 
			color:#fff;
			font-size:19px;
			font-weight:500;
			text-align:left;
			line-height:1.1;
			text-decoration:none;
			padding:30px 0 0 0;
			filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.3));
		}

		#s3-in #text h1, #s3-in #text h2 { 
			font-family:"Cinzel";
			padding:0; 
			margin:0 0 0px 0; 
			font-weight:400;
			line-height:1.4;
			color:#fff;
			width:auto;
			text-transform:uppercase;
			filter: drop-shadow(1px 1px 8px rgba(0,0,0,0));
		}

		#s3-in #text h1 { display: inline;
			font-size:28px; }
		#s3-in #text h2 { display: inline; padding-bottom:0px;
			font-size:28px; }

		#s3-in #text img { 
			width:50px;
			margin-top:15px;
			margin:15px 15px 0px 0; 
			filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.2));
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear; }

		#s3-in #text img:hover { 
			transform: scale(1.08);
			-moz-transition: all 400ms linear;
			-webkit-transition: all 400ms linear;
			-o-transition: all 400ms linear;
			transition: all 400ms linear;
		}

		#s3-in #text h3 { 
			font-family: "Montserrat";
			font-size:15px;
		}
		
		#open-about-in-text {		
			width:90%;
			max-width:90%;
		}

		#open-about-in-text h2, #open-about-in-text h3 {
			font-size:36px;
		}
		
		.foodartist1-jpg { 
			float:none;
			display:block;
			margin:40px auto 0 auto;
			width:70%;
			max-width:400px;
		}
		
		#open2-in .title {
			font-size:34px;
		}
		
		#open3-in .title {
			font-size:34px;
		}

		#open3-in .box1 {
			float:none;
			margin:0px auto;
			width:72%;
			height:auto;
			position:relative;
			text-align:left;
			padding:2% 4%;	
			background:#f4efec;
			line-height:1.4;
			color:#84675f;
			font-weight:400;
			font-size:17px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius:0px;
			-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
			-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
			box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
			-moz-transition: all 150ms linear;
			-webkit-transition: all 150ms linear;
			-o-transition: all 150ms linear;
			transition: all 150ms linear;
		}
		#open3-in .box2 {
			float:none;
		}

		#open3-in .img1 {
			width:80%;
			height:auto;
			float:none;
		}

		#open3-in .img2 {
			width:80%;
			height:auto;
			float:none;
		}

		#open4-out {
			margin-left: auto;
			margin-right: auto;
			width:100%;	
			text-align:center;
			height:540px;
			background: #f4efec;
			position:relative;
			overflow:hidden;
		}
		#open4 {
			width:auto;
			height:auto;
			display:block;
			position:relative;
			margin:0 auto;
			padding: 50px 10px;	
			text-align:center;
		}

		#open4-in {			
			position:relative;
			left:0;
			width:auto;
			margin: 0;
			margin-right: auto;
			padding: 10px;		
			text-align:center;	
			color:#84675f;
		}

		#open4 .box1 {
			position:static;
			width:auto;
			display: block;	
			text-align:center;
			font-size:17px;
			line-height:1.7;
			color:#84675f;
		}
		#open4 .box1 h2 {
			font-size:34px;
			margin:0 0 5px 0;
		}

		.sep-open4 { display: none; }

}

@media screen and (max-width: 650px) {
		
}


@media screen and (max-width: 560px) {
		
		#foodartist-logo {
			height:65px;
		}
		#menu-icon-png {
			display: block;
			float:right;
			width:46px;
			margin:16px 0 0 10px;
			padding:10px 5px;
		}
		
}

@media screen and (max-width: 540px) {		
		
		#s3-in #text { 
			font-size:14px;
			font-weight:500;
		}

		#s3-in #text h1, #s3-in #text h2 { 
			/*font-size:30px;*/	
		}


}

@media screen and (max-width: 500px) {		
		
		#foodartist-logo {
			height:55px;
		}
		#menu-icon-png {
			width:40px;
			margin:6px 0 0 10px;
			padding:10px 0px;
		}
		
		.i1-png {
			float:right;
			padding:13px 5px 5px 5px;
		}
		.i2-png {
			float:right;
			padding:13px 0px 5px 5px;
		}

}


@media screen and (max-width: 450px) {		
		
		#foodartist-logo {
			height:50px;
		}

}
