/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
@charset "utf-8";

.blocker {z-index: 990!important;}
.modal {z-index: 999!important;}

body { background:#face11; font-family:"Open Sans", sans-serif; color:#3a2311; font-size:16px; line-height:23px; margin:0; padding:0; font-style:italic; text-align:center;}
button, input, textarea {font-family:"Open Sans", sans-serif; font-style: normal; }
h1, h2, h3, h4, h5, h6 {margin:0; font-style: normal;}
h1 {font-family: 'Kaushan Script', cursive; font-weight: 400; color:#fff; font-size:100px; line-height:100px;}
h1 span, h2 span, h3 span {display: block;}
h2, h3, h4, h5, h6 {font-family: 'Catamaran', sans-serif; font-weight: 100;}
h2 { color:#fff; font-size:40px; line-height:40px; margin-bottom: 15px; } /* form title */
h3 { color:#3a2311; font-size:70px; line-height:70px; margin-bottom: 15px;} /* section heading */
h4 { font-size: 50px; line-height: 50px; } /* content sub heading */
h5 { font-size: 30px; line-height: 30px; } /* dishes title */

a {color:#3a2311; text-decoration: none; cursor:pointer; font-style: normal; }
a:hover {color:#1b81ff;}
img {border:0; height:auto;}
ul {list-style: none; margin:0; padding: 0; margin-bottom: 20px; }
li {font-size: 22px; line-height: 26px; margin-bottom: 20px;}

.scrollToTop{ padding:10px 15px; text-align:center; background: rgba(27, 129, 255, 0.6); font-weight: bold; color: #fff; text-decoration: none; position:fixed; bottom:15px; right:15px; display:none; z-index: 6; font-style: normal;}
.scrollToTop:hover { background: rgba(27, 129, 255, 1); color: #fff;}

.wrapper {width:100%; max-width:1226px; padding: 0 70px; margin:0 auto; position: relative; box-sizing: border-box;}
.clear {clear:both;}
.yellow {color:#face11;}
.brownBg {background-color: #3a2311; color:#face11;}
.brownBg h3 {color:#face11;}

section, footer {padding:50px 0;}

.blueBtn {color: #fff; font-size: 25px; font-weight: bold; background-color: #930f0f; border-radius: 5px; padding:9px 20px 13px 20px; display: inline-block; transition: all .2s ease-in-out; border:solid 3px #930f0f;}
.blueBtn:hover {color: #fff; background-color: #cc1818; border:solid 3px #cc1818; box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
.blueOutlineBtn {background-color:transparent;}

#welcome .logo a {display:inline-block; margin: auto;}
#welcome .logo img {width: 100%;}
#welcome {background-image: url(images/bg-1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff;}
#welcome .description {width:358px; margin: 20px auto;}
#welcome .description span {display: block;}
#welcome .blueBtn {margin-left:5px; margin-right:5px;}

#registration .fleft {display: table-cell; vertical-align:middle; padding-right: 20px;}
#registration .fright {display: table-cell; vertical-align:middle; box-sizing: border-box; background-color: #ff632d; padding:45px 55px; width: 50%;}
form {margin:0; padding:0}
input[type="text"] {padding:16px 10px; margin-bottom:15px; color:#555; font-size:16px; width:100%; box-sizing: border-box;}
input[type=submit] {-webkit-appearance:none; -moz-appearance:none; appearance:none;
color: #fff; font-size: 25px; font-weight: bold; background-color: #000; border:#000 solid 3px; border-radius: 5px; padding:8px 20px 12px 20px; transition: all .3s ease-in-out; width:100%; }
input[type=submit]:hover {color: #fff; background-color: #000; border:#fff solid 3px; box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
#thankyouMsg {color:#fff;}
#thankyouMsg a {background-color: #000; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; padding:8px 15px; color:#fff; font-weight: 700; border:#000 solid 2px; display:inline-block; }
#thankyouMsg a:hover {background-color: #000; border:#fff solid 2px;  }

#unforgettable {background-image: url(images/bg-2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
#unforgettable .content {background-image: url(images/bg-transparent.png); background-repeat: repeat; padding:40px 60px; width: 80%; margin-left: auto; margin-right: auto; box-sizing: border-box;}

#popular .dishesList {display: flex; flex-wrap: wrap; justify-content:center; text-align: left;}
#popular .dishesList .dishesItem {width: 50%; padding:0 30px 10px 30px; box-sizing: border-box;}
#popular .dishesPic {margin-bottom: 20px;}
#popular .dishesPic img {width: 100%;}

#menu .foodCategory {background-image: url(images/bg-menu-category.svg); background-repeat: no-repeat; background-position: center; color: #fff; margin-top:20px; margin-bottom: 20px; padding-top:25px; padding-bottom: 25px;}
#menu .menu {display: flex; flex-wrap: wrap; justify-content:center;}
#menu .menu .menuItem {width:30%; padding:5px 5px 20px 5px; margin:0 10px 30px; box-sizing: border-box; background-color: #f4a81f; color:#3a2311;} 
#menu .menu .menuItem .title {font-style: normal; font-weight: 800; /*background-image: url(images/bg-menu-title.svg);*/ background-repeat: no-repeat; background-position: center; font-size: 30px; line-height: 30px; padding-top:25px; padding-bottom: 18px; margin-bottom: 15px;} 
#menu .menu .menuItem .title > div {font-size: 25px;} 
#menu .menu .menuItem ul {font-style: normal; } 
#menu .menu .menuItem ul li {font-size: 16px; line-height: 22px; margin-bottom: 0;} 

#reasons .reasons {display: flex; flex-wrap: wrap; justify-content:center; margin:auto; text-align: left; margin-top:40px;}
#reasons .reasons .reason {width:30%; padding:0 20px 20px 20px; box-sizing: border-box;}
#reasons .reasons .reason:last-child {padding: 0;}
#reasons .reasons .reason img {width: 100%;}

#testimonials .testimonials {width:900px; margin:40px auto auto auto;}
#testimonials .testimonials .testimonial {vertical-align: middle; background-color: #fff; color:#333; font-style: normal; padding:40px; margin:auto 30px 20px 30px; }
#testimonials .testimonials .testimonial .review {font-size: 20px; line-height: 23px}
#testimonials .testimonials .testimonial .review img {width: 100%; border: #face11 solid 3px; margin-bottom: 15px;}
#testimonials .testimonials .testimonial .source {text-align: center; font-size: 12px; line-height: 16px; }
#testimonials .testimonials .testimonial .source img {vertical-align: middle; display: inline-block; margin-right: 5px;}
.slick-prev, .slick-next {width:40px; height: 40px; z-index: 2;}
.slick-prev {left:-15px;}
.slick-next {right:-15px;}
.slick-prev:before, .slick-next:before {font-size: 40px; color: #f4a81f;}

#experience {background-image: url(images/bg-3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 80px; padding-bottom: 80px;}

footer {font-size: 15px; line-height: 18px; }
footer h4 {font-family:"Open Sans", sans-serif; font-weight: 800; font-size: 40px; line-height: 40px; }
footer .dinein {margin-top: 25px;border: #3a2311 solid 3px; display: inline-block; padding: 15px;}
footer .dinein h4 {font-size: 25px; line-height:25px;}
footer .contacts {width:370px; margin:auto;}
footer a {display: block; margin-left: 5px; text-align: left; font-weight: bold; font-size: 25px; margin-bottom: 10px;}
footer a img {width:40px; vertical-align: middle;}
footer .copyright {font-size:14px;}

/*
@media screen and (min-width: 1800px) {
}
@media screen and (min-width: 1600px) {
}
@media screen and (min-width: 480px) {
}*/

@media screen and (max-width: 1279px) {	
		body {font-size:15px; line-height:22px;}
		h1 {font-size:90px; line-height:90px;}
	/*h2 { font-size:40px; line-height:40px; margin-bottom: 15px; }*/
		h3 { font-size:60px; line-height:60px; margin-bottom: 15px;}
		h4 { font-size: 40px; line-height: 40px; }
		h5 { font-size: 26px; line-height: 26px; }

	/*ul {margin-bottom: 20px; }*/
		li {font-size: 20px; line-height: 24px;}
		
		.scrollToTop{ padding:10px 15px; bottom:12px; right:12px;}

		.wrapper {padding: 0 20px; }

		section, footer {padding:40px 0;}
	
		.blueBtn {font-size: 24px; padding:9px 20px 13px 20px; }
	
		#welcome .logo a {width:350px;}
	/*#welcome .description {width:358px; margin: 20px auto;}
	#welcome .blueBtn {margin-left:5px; margin-right:5px;}

	#registration .fleft {display: table-cell; padding-right: 20px; }
	#registration .fright {display: table-cell; padding:45px 55px;}
	input[type="text"] {padding:16px 10px; margin-bottom:15px; font-size:16px; }
	input[type=submit] { font-size: 24px; padding:8px 20px 12px 20px;}
	#thankyouMsg a {padding:8px 15px; }

	#unforgettable .content { padding:40px 60px; width: 80%;}

	#popular .dishesList .dishesItem {width: 50%; padding:0 30px 10px 30px; }
	#popular .dishesPic {margin-bottom: 20px;}

	#menu .foodCategory {margin-top:20px; margin-bottom: 20px; padding-top:25px; padding-bottom: 25px;}
	#menu .menu .menuItem {width:30%; padding:20px 20px 20px 20px; margin:0 10px 10px; } 
	#menu .menu .menuItem .title { font-size: 30px; line-height: 30px; padding-top:25px; padding-bottom: 18px; margin-bottom: 15px;} 
	#menu .menu .menuItem .title > div {font-size: 25px;}*/
		#menu .menu .menuItem ul li {font-size: 15px; line-height: 21px;} 

	/*#reasons .reasons {margin-top:40px;}
	#reasons .reasons .reason {width:30%; padding:0 20px 20px 20px; }

	#testimonials .testimonials {width:900px; margin:40px auto auto auto;}
	#testimonials .testimonials .testimonial { padding:40px; margin:auto 30px 20px 30px; }
	#testimonials .testimonials .testimonial .review {font-size: 20px; line-height: 23px}
	#testimonials .testimonials .testimonial .source { font-size: 12px; line-height: 16px; }
	#testimonials .testimonials .testimonial .source img { margin-right: 5px;}

	#experience { padding-top: 80px; padding-bottom: 80px;}

	footer {font-size: 15px; line-height: 18px; }
	footer h4 { font-size: 40px; line-height: 40px; }
	footer .contacts {width:370px; margin:30px auto;}
	footer a {margin-left: 5px; font-size: 25px; margin-bottom: 10px;}
	footer a img {width:40px; }
	footer .copyright {font-size:14px;}*/
}
@media screen and (max-width: 1023px) {
			body {font-size:14px; line-height:21px;}
			h1 {font-size:80px; line-height:80px;}
			h2 { font-size:35px; line-height:35px; margin-bottom: 10px; }
			h3 { font-size:50px; line-height:50px; margin-bottom: 15px;}
			h4 { font-size: 35px; line-height: 35px; }
			h5 { font-size: 23px; line-height: 23px; }

	/*ul {margin-bottom: 20px; }*/
			li {font-size: 18px; line-height: 22px;}
			
			.scrollToTop{ padding:8px 12px; bottom:10px; right:10px;}

		/*.wrapper {padding: 0 20px; }*/

			section, footer {padding:35px 0;}
	
			.blueBtn {font-size: 23px; padding:9px 20px 13px 20px; }
	
			#welcome .logo a {width:300px;}
	/*#welcome .description {width:358px; margin: 20px auto;}
	#welcome .blueBtn {margin-left:5px; margin-right:5px;}*/

			#registration .fleft {display: table-cell; padding-right: 15px; }
			#registration .fright {display: table-cell; padding:35px 45px;}
			input[type="text"] {padding:14px 10px; margin-bottom:10px; font-size:15px; }
			input[type=submit] { font-size: 23px; padding:8px 20px 12px 20px;}
	/*#thankyouMsg a {padding:8px 15px; }*/

			#unforgettable .content { padding:40px 60px; width: 90%;}

			#popular .dishesList .dishesItem {width: 50%; padding:0 10px 10px 10px; }
	/*#popular .dishesPic {margin-bottom: 20px;}*/

			#menu .foodCategory {margin-top:20px; margin-bottom: 20px; padding-top:20px; padding-bottom: 20px;}
			#menu .menu .menuItem {width:45%; padding:20px 20px 20px 20px; margin:0 10px 10px; } 
			#menu .menu .menuItem .title { font-size: 25px; line-height:25px; padding-top:25px; padding-bottom: 18px; margin-bottom: 15px;} 
			#menu .menu .menuItem .title > div {font-size: 20px;}
			#menu .menu .menuItem ul li {font-size: 14px; line-height: 20px;} 

			#reasons .reasons {margin-top:30px;}
			#reasons .reasons .reason {width:45%; padding:0 20px 20px 20px; }

			#testimonials .testimonials {width:95%; margin:30px auto auto auto;}
			#testimonials .testimonials .testimonial { padding:30px; margin:auto 30px 20px 30px; }
	/*#testimonials .testimonials .testimonial .review {font-size: 20px; line-height: 23px}
	#testimonials .testimonials .testimonial .source { font-size: 12px; line-height: 16px; }
	#testimonials .testimonials .testimonial .source img { margin-right: 5px;}*/

			#experience { padding-top: 60px; padding-bottom: 60px;}

			footer {font-size: 14px; line-height: 18px; }
			footer h4 { font-size:35px; line-height:35px; }
			footer .dinein {margin-top: 20px; padding: 15px;}
			footer .dinein h4 {font-size: 20px; line-height:20px;}
			footer .contacts {width:300px;}
			footer a {margin-left: 5px; font-size: 20px; margin-bottom: 10px;}
			footer a img {width:35px; }
			footer .copyright {font-size:13px;}
}
@media screen and (max-width: 767px) {
				body {font-size:13px; line-height:20px;}
				h1 {font-size:70px; line-height:70px;}
				h2 { font-size:30px; line-height:30px; margin-bottom: 10px; }
				h3 { font-size:40px; line-height:40px; margin-bottom: 10px;}
				h4 { font-size: 30px; line-height: 30px; }
			/*h5 { font-size: 23px; line-height: 23px; }*/

	/*ul {margin-bottom: 20px; }*/
				li {font-size: 16px; line-height: 20px;}
				
				.scrollToTop{ padding:8px 12px; bottom:5px; right:5px;}

				.wrapper {padding: 0 15px; }

				section, footer {padding:30px 0;}
	
				.blueBtn {font-size: 22px; padding:9px 20px 13px 20px; }
	
				#welcome .logo a {width:260px;}
				#welcome .description {width:320px; margin:15px auto;}
	/*#welcome .blueBtn {margin-left:5px; margin-right:5px;}*/

				#registration .fleft {display: block; padding-right: 15px; margin-bottom: 15px; }
				#registration .fright {display: block; padding:35px 45px; width: auto; max-width:330px; margin-left: auto; margin-right: auto;}
				input[type="text"] {padding:12px 10px; margin-bottom:10px; font-size:15px; }
				input[type=submit] { font-size: 22px; padding:8px 20px 12px 20px;}
	/*#thankyouMsg a {padding:8px 15px; }*/

				#unforgettable .content { padding:30px 50px; width: 90%;}

			/*#popular .dishesList .dishesItem {width: 50%; padding:0 10px 10px 10px; }
	#popular .dishesPic {margin-bottom: 20px;}*/

				#menu .foodCategory {margin-top:20px; margin-bottom: 20px; padding-top:18px; padding-bottom: 18px;}
				#menu .menu .menuItem {width:300px; padding:20px 20px 20px 20px; margin:0 10px 10px; } 
			/*#menu .menu .menuItem .title { font-size: 25px; line-height:25px; padding-top:25px; padding-bottom: 18px; margin-bottom: 15px;}
			#menu .menu .menuItem .title > div {font-size: 20px;}
		#menu .menu .menuItem ul li {font-size: 14px; line-height: 20px;}  */

			/*#reasons .reasons {margin-top:30px;}*/
				#reasons .reasons .reason {width:45%; padding:0 10px 20px 10px; line-height: 17px;  }

				#testimonials .testimonials {width:98%; margin:20px auto auto auto;}
				#testimonials .testimonials .testimonial { padding:15px; margin:auto 30px 20px 30px; }
	/*#testimonials .testimonials .testimonial .review {font-size: 20px; line-height: 23px}
	#testimonials .testimonials .testimonial .source { font-size: 12px; line-height: 16px; }*/
				#testimonials .testimonials .testimonial .source img { margin-right:auto; margin-left: auto; display: block; width: 120px;}

				#experience { padding-top: 40px; padding-bottom: 40px;}

			/*footer {font-size: 14px; line-height: 18px; }*/
				footer h4 { font-size:30px; line-height:30px; }
			/*footer .contacts {width:270px; margin:20px auto;}*/
				footer a {margin-left: 5px; font-size:18px; margin-bottom: 10px;}
			/*footer a img {width:35px; }
			footer .copyright {font-size:13px;}*/
}
@media screen and (max-width: 479px) {
					body {font-size:12px; line-height:19px;}
					h1 {font-size:60px; line-height:60px;}
					h2 { font-size:27px; line-height:27px; margin-bottom: 10px; }
					h3 { font-size:35px; line-height:35px; margin-bottom: 10px;}
				h4 { font-size: 30px; line-height: 30px; }
			h5 { font-size: 23px; line-height: 23px; }

	ul {margin-bottom: 20px; }
					li {font-size: 15px; line-height: 19px;}
					
				.scrollToTop{ padding:8px 12px; bottom:5px; right:5px;}

				.wrapper {padding: 0 15px; }

					section, footer {padding:25px 0;}
	
				.blueBtn {font-size: 22px; padding:9px 20px 13px 20px; }
					.blueOutlineBtn {margin-bottom:10px;}
	
					#welcome .logo a {width:240px;}
					#welcome .description {width:auto; margin:15px auto;}
	#welcome .blueBtn {margin-left:5px; margin-right:5px;}

				#registration .fleft {display: block; padding-right: 15px; margin-bottom: 15px; }
				#registration .fright {display: block; padding:35px 45px; width: auto; max-width:330px; margin-left: auto; margin-right: auto;}
				input[type="text"] {padding:12px 10px; margin-bottom:10px; font-size:15px; }
				input[type=submit] { font-size: 22px; padding:8px 20px 12px 20px;}
	#thankyouMsg a {padding:8px 15px; }

					#unforgettable .content { padding:20px 30px; width: 90%;}

					#popular .dishesList .dishesItem {width: 100%; padding:0 10px 10px 10px; }
	#popular .dishesPic {margin-bottom: 20px;}

				#menu .foodCategory {margin-top:20px; margin-bottom: 20px; padding-top:18px; padding-bottom: 18px;}
					#menu .menu .menuItem {width:80%; padding:20px 20px 20px 20px; margin:0 10px 10px; } 
			#menu .menu .menuItem .title { font-size: 25px; line-height:25px; padding-top:25px; padding-bottom: 18px; margin-bottom: 15px;} 
			#menu .menu .menuItem .title > div {font-size: 20px;}
		#menu .menu .menuItem ul li {font-size: 14px; line-height: 20px;} 

					#reasons .reasons {margin-top:25px;}
					#reasons .reasons .reason {width:80%; padding:0 10px 20px 10px; line-height: 17px;  }

				#testimonials .testimonials {width:98%; margin:20px auto auto auto;}
					#testimonials .testimonials .testimonial { padding:15px; margin:auto 0 20px 0; }
	#testimonials .testimonials .testimonial .review {font-size: 20px; line-height: 23px}
	 	#testimonials .testimonials .testimonial .source { font-size: 12px; line-height: 16px; }
				#testimonials .testimonials .testimonial .source img { margin-right:auto; margin-left: auto; display: block; width: 120px;}

				#experience { padding-top: 40px; padding-bottom: 40px;}

			footer {font-size: 14px; line-height: 18px; }
					footer h4 { font-size:25px; line-height:25px; }
			footer .contacts {width:270px;}
				footer a {margin-left: 5px; font-size:18px; margin-bottom: 10px;}
			footer a img {width:35px; }
			footer .copyright {font-size:13px;}
}