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

body {color: #444;overflow-x: hidden;}
ul, li, figure {margin: 0px;padding: 0px;list-style: none}
a {color: inherit}
a:hover {text-decoration: none}
img {max-width: 100%;height: auto;}
.header-area {padding: 2rem 0rem !important;}
.header-area .logo-area img{max-width: 250px;}
.header-area .menu-area{margin-left: auto;}
.header-area .menu-area{margin-left: auto;font-size: 2rem}
.header-area .header_txt{font-size: 1.25rem;text-align :right;font-weight: 700;color:#000;}
.header-area h6{text-align:right;margin:5px 0px;}
.modal-dialog{margin-left: auto;margin-right: inherit;max-width: 360px;}
.modal{padding-right: 0px !important}
.close{font-size: 4rem;font-weight: 300;position: absolute;top: 0rem;right: 1rem;}
.menu_modal ul li{padding: 1rem;border-bottom: 1px solid #ccc;}
.banner-area i{position: absolute;margin-bottom: 180px;}
.DishB_area3 .quote{position: absolute;width:10%; top:60px;}
.banner-area{background: #ffe966;padding:5rem 0rem;position: relative;}
.banner-area1{background: #ffe966;position: relative; padding-bottom:3rem;}
.banner-area .banner_txt h1{font-size: 4rem;font-weight: 700; margin-bottom:50px; text-align: left;}
.banner-area .banner_txt h3{font-size: 2.5rem;font-weight: 400;line-height: 3.5rem;z-index: 999;text-align: left;position: relative;}
.banner-area figcaption {width: 312px;height: 312px;background: #d3f5bc;border-radius: 100%;font-size: 2rem;font-weight: 800;text-align: center;display: flex;align-items: center;position: absolute;right: 2rem;top:6rem;z-index: 1;line-height: 2rem;justify-content: center;}
.banner-area figure{width: 100%;position: relative;z-index: 2;top: -6rem;margin-bottom: -6rem;}
.DishB_area2{background: #d975a8;padding: 6rem 0rem;}
.DishB_area2 figure{width: 30%;}
.DishB_area2 figcaption{width: 40%;color: #fff;padding-left: 6rem;}
.DishB_area2 figcaption h2{font-size: 4rem;font-weight: 700;margin-bottom: 1rem; position: relative;z-index: 999;}
.DishB_area2 figcaption h3{font-size: 3rem;font-weight: 400;margin-top: 2rem;z-index: 999; position: relative;margin-bottom: 2rem;}
.DishB_area2 .laptop_img{max-width: 150%; width: 30%}
.DishB_area2 .iphoneimage{max-width: 100%; margin-top:40px;}
.DishB_area2 figcaption h5{font-weight: 400;font-size: 3rem;margin: 3rem 0rem;}
.DishB_area2 figcaption ul li{
	font-size: 2.5rem;
	line-height: 3.5rem;
	margin-bottom: .825rem;
    position: relative;
    font-weight: normal;
    width: 100%;
}
.DishB_area2 figcaption ul li img{position: absolute;}
.DishB_area2 figcaption ul li span{padding-left: 40px;}
.DishB_area2 figcaption h6{margin-top: 2rem;}
.DishB_area2  .circle_cmn{position: absolute;bottom: 0rem;left: 0rem;}
.circle_cmn{
	width: 21rem;
	height: 21rem;
	display: block;
	border-radius: 100%;
	font-size: 2rem;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.DishB_area3{background: #8cd3eb;}
.DishB_area3 figcaption{width: 50%;display: flex;align-items: center;justify-content: center;}
.DishB_area3 figcaption h2{
	width: 25rem;
	height: 25rem;
	background: #fff;
	border-radius: 100%;
	font-size: 2.5rem;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #ffe966;
	position: relative;
	color: #444

}
.DishB_area3 figure{
	width: 50%;
	background-image: url("../images/Pic_woman_DB_site.jpg");
	padding:22%;
	background-size: cover;
	background-position:top;
	
}
.DishB_area3 figure img{width: 100%;}
.DishB_area4{background: #d3f5bc;padding: 6rem 0rem;}
.DishB_area4 .row{flex-direction: row-reverse;}
.DishB_area4 figure{width: 50%}
.DishB_area4 figcaption{padding-left: 0rem;padding-right: 4rem;color: #444;width: 50%;}
.DishB_area4 figcaption h5{margin-top: 2rem;}
.DishB_area5{background: #d3f5bc;padding: 6rem 0rem;}
.DishB_area5 .inner_app{text-align: center;width: 100%;}
.DishB_area5 .inner_app h2{font-size: 4rem;font-weight: 700;margin: auto;}
.DishB_area5 .inner_app ul{display: flex;justify-content: center;margin-top: 8rem;}
.DishB_area5 .inner_app ul li{width: 33.33%;padding: 0rem 2.5rem;}
.DishB_area5 .inner_app ul li figure{position: relative;display: flex;justify-content: center;}
.DishB_area5 .inner_app ul li figure span{
	position: absolute;
	top: -5rem;
	width: 3rem;
	height: 3rem;
	background: #4b4b4b;
	color: #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	text-align: center;justify-content: center;
	font-weight: 800;
	font-size: 1.5rem;
}
.DishB_area5 .inner_app ul li figcaption h3{text-transform:uppercase;font-size: 24px;font-weight:600;margin: 1rem 0rem 2rem 0rem;height:70px;}
.DishB_area5 .inner_app ul li figcaption p{font-size: 20px;font-weight:normal;line-height: 2rem; text-align: center;}
.DishB_area6{padding: 12rem 0rem;background: #d975a8;position:relative;color: #fff;}
.DishB_area6 .left_sec{font-size: 3.5rem; font-weight: 700;}
.DishB_area6  .PICTURE{max-width: 300px;}
.DishB_area6 .right_sec{
	 position: relative;
	 padding-left: 3.5rem;
	 border-left: 2px solid #fff
}
.DishB_area6 .right_sec h3{
	margin-bottom: 2rem;
	font-weight: 700

}
.DishB_area2 figcaption ul
{
	max-width: 100%;
}
.DishB_area6 .right_sec ul li{
	font-size: 28px;
    line-height: 3.5rem;
    font-weight: 400;
    margin-bottom: .825rem;
    width: 100%;
    position: relative;
}
.DishB_area6 .right_sec ul
{
	max-width: 100%;
}
.DishB_area6 .right_sec ul li img
{
	position: absolute;
}
.DishB_area6 .right_sec ul li span
{
	padding-left: 40px;
}
.DishB_area6 .right_sec h4{
	margin-top: 2rem;
	line-height: 2rem

}

.DishB_area7{
	padding: 6rem 0rem;
	background: #ffe966
}

.DishB_area7 figure{
	width: 100%;
	text-align: center;
}


.DishB_area8{
	background: #8cd3eb; /*#d3f5bc;*/
	padding: 6rem 0rem;
	text-align: center;

}
.DishB_area8 .cnct_frm{
	max-width: 600px;
	width: 100%;
	margin: auto;
}
.DishB_area8  h2{font-weight: 700;text-transform:uppercase;font-size: 4rem;}
.DishB_area8 h5{font-size: 2rem;font-weight: 400;margin: 1.5rem 0rem;}
.DishB_area8 .cnct_frm ul li{margin-bottom: 1rem;}
.DishB_area8 .cnct_frm ul li .form-control{background: none;border: 1px solid #444}
.DishB_area8 .cnct_frm ul li textarea.form-control{height: 120px;}
.DishB_area8 .cnct_frm ul li .btn-primary{background:#d975a8;color: #000;border: none;font-weight: 600;}
.DishB_area8 .cnct_frm ul li .btn-primary:hover{background: #000;color: #d975a8;}
.DishB_area9{background: #ffe966;padding: 6rem 0rem;}
.DishB_area9 figure{max-width: 738px;margin: auto;position: relative;}
.DishB_area10 .ret_location1 {font-size: 31px;text-transform: uppercase;}
.DishB_area10  ul li{font-size: 2.5rem;}
.DishB_area10 ul {list-style: none;}
.DishB_area10 .ret_location3 {font-size: 2.5rem;}

.powered_txt{
	text-align: right;
	display: block;
	width: 100%;
	position: relative;
	top: -1rem;
	margin-bottom: -1rem
}





#menuToggle {
	display: block;
	position: absolute;
	top: 40px;
	right: 50px;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
}

#menuToggle input {
	/*display: block;*/
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
	-webkit-touch-callout: none;
}

#menuToggle span {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: #222;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
	background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
	opacity 0.55s ease;
}

#menuToggle span:first-child {
	transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
	transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #232323;
}

#menuToggle input:checked~span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
	opacity: 1;
	transform: rotate(-45deg) translate(0, -1px);
}

#menu {
	position: absolute;
	width: 300px;
	margin: -100px 0 0 0;
	padding: 50px;
	padding-top: 125px;
	right: -100px;
	background: #ededed;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(100%, 0);

	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menu li {
	padding: 10px 0;
	font-size: 22px;
}

#menuToggle input:checked~ul {
	transform: scale(1.0, 1.0);
	opacity: 1;
}
/*.DishB_area7 .right_sec
{
  float: right;
  width: 100%;
}*/
.DishB_area7 .right_sec h3 {
    font-size: 4rem;
    font-weight: 700;
    text-align: start;
    float: right;

}
.DishB_area7 .right_sec p{
    float: left;
    padding-left: 34%;
    font-size: 3rem;
    font-weight: 400;
    text-align:start;
    margin-top: 2rem;
 }

 .banner-area .headerimage {
    position: absolute;
    right: -220px;
    top:-100px;
    width: 25%;
    height: auto;
    display: none;
}
.logo-area {
    max-width: 70%;
}
.DishB_area8 .cnct_frm ul li .form-control::placeholder 
{
	color: #000 !important;
}
.banner-area1 .boy-01-01
{
	max-width: 125%;
}

 .banner-area iframe {
    position: absolute;
    width: 400px;
    height: 225px;
    z-index: 999;
    top: 250px;
    right: 0;
}

.DishB_area2 a{
	background-color: #ffe966;
    color: #000;
    font-size: 20px;
    padding: 12px 20px;
    font-weight: 800;
    line-height: 5.8rem;
}
.DishB_area2 h4 {font-size: 4rem;line-height: 3.5rem;font-weight: normal;margin: 50px 0px;text-transform: uppercase;}

.DishB_area2 p {font-size: 2.5rem;line-height:3.5rem;margin-bottom: 60px;font-weight: normal;}
.DishB_area10{background: #d3f5bc;padding-top: 8rem;padding-bottom:  2rem;}
.DishB_area10 ul{list-style: none;margin-top: 50px;text-align: center;}
.DishB_area10 ul li a{background-color: #ffe966; color: #000;font-size: 20px;padding: 12px 20px;font-weight: 800;line-height: 5.8rem;}
.DishB_area10 ul li a:hover{color: #000;}
.DishB_area10 .contact_form_column ul li .form-control {
    background: none;
    border: 1px solid #444;
    margin: 15px 0px;
}
.DishB_area10 .contact_form_column ul li .form-control::placeholder 
{
	color: #000 !important;
}
.DishB_area10 .contact_form_column h2 {
    font-size: 30px;
    font-weight: 600;
    
}
.DishB_area10 .logo_column {
    text-align: center;
}
.DishB_area10 a.contact_button  {
    color: #000;
    font-size: 20px;
    border: 2px solid #000;
    padding: 12px 20px;
    font-weight: 600;
 }
 .banner-area .banner_txt h2 {
    /*font-size: 3.0rem;*/
    font-size: 2.5rem;
    font-weight: normal;
    margin-bottom: 48px;
    text-align: left;
    line-height: 3.8rem;
    text-align: left;
}
.logo_column .logo_column_image { margin: 100px 0px;}
.header-area .contact_button a {

    color: #000;
    font-size: 20px;
    border: 2px solid #000;
    padding: 12px 20px;
    font-weight: 600;
}
.header-area .contact_button {
    text-align:center;
    margin: 20px 0px;
}
.banner-area .banner_txt2 h2{
	font-size: 3.5rem;
	font-weight: 700;
    margin-bottom:30px;
    text-align: right;
}
.banner-area .banner_txt2 h3{
	font-size: 3rem;
    font-weight: 400;
    text-align: right;
    line-height: 3.5rem;
}
.banner-area1 .banner_txt3 h2 {
    font-size: 4rem;
    font-weight: 700;
    text-align: right;


}
.banner-area1 .banner_txt3 h3 {
    font-size: 2.5rem;
    font-weight: normal;
    line-height: 3.5rem;
   text-align: right;
   margin-top: 80px;
}
.banner-area1 .banner_txt3 h1{
    font-size: 4rem;
    font-weight: 700;
    text-align: right;
    margin-bottom: 30px;
    text-align: right;
   }

.DishB_area6 figcaption h2{
    width: 22rem;
    height: 22rem;
    background: #fff;
    border-radius: 100%;
    font-size: 1.5rem;
    font-weight: 800;
    display: flex;
    line-height: 26px;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #d3f5bc;
    position: relative;
    color: #444;
}
.DishB_area6 figcaption
{   top: 0px;
	right: -130px;
	position: absolute;
}
.DishB_area10 ul li span
{
	padding:0px 57px 0px 0px;
}

.restaurants_banner-area{background: #fff;padding:5rem 0rem;position: relative;}
.restaurant_list_1 {
    margin-bottom: 45px;
    border: 1px solid #f8f8f8;
    box-shadow: 0px 1px 15px rgb(0 0 0 / 23%);
    border-radius: 10px;
}
.restaurant_list_1 figure {
    text-align: center;
    padding: 20px;
}
.restaurant_list_detail {
    padding: 20px;
    border-top: 1px solid #ddd;
    margin-top: 15px;
    text-align: center;
}

.restaurant_list_1 figure img {
    width: auto;
    height: 100px;
}
.restaurant_list_detail h2 {
    font-size: 24px;    
}
.restaurants_banner-area a {
    background-color: #ffe966;
    color: #000;
    font-size: 16px;
    padding: 10px 40px;
    font-weight: 800;
    line-height: 5.8rem;
    letter-spacing: 1px;
}