/* ------------------------------------------------------------------
General Styles
------------------------------------------------------------------- */


html, body {
	height: 100%;
}

body {
	font-family: 'Poppins', sans-serif;
	color:#8b8479;
	font-size:13px;
	letter-spacing: 1px;
}

.bold-text {font-weight: 700;}
.light-text {font-weight: 300;}
.small-text {font-weight: 300; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #0097a2}
.smallest-text {font-size: 10px; letter-spacing: 1px; color:#f1ebeb;}

p {line-height:30px; margin:0;}

h1 {font-family: 'PT Serif', serif; font-size:38px; color:#a27b5a; font-style: italic; letter-spacing: 1px; padding:0; margin:0; line-height:1.2;}
h2 {font-family: 'PT Serif', serif; font-size:24px; color:#a27b5a; font-style: italic; letter-spacing: 1px; padding:0; margin:0; line-height:1.4;}

.italianno {
	font-family: 'Italianno', cursive;
	font-size: 96px;
	color:#0296a2;
}

.white-text {color:#f1ebeb;}
.brown-text {color:#a27b5a;}
.grey-text {color:#8b8579}
.green-text {color:#0296a2}
.blue-text {color:#013d7b}

.v-pad {padding-top:15px; padding-bottom:15px;}

.btn {
	padding:0 25px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #a27c5b;
	color:#fff;
	border:1px solid #a27c5b;
	box-sizing: border-box;
	transition: 0.3s;
	font-size: 12px;
	letter-spacing:1px;
	text-transform: uppercase;
	border-radius: 0px;
}

.btn:hover {
	color:#a27c5b;
	transition: 0.3s;
	background:transparent;
}


a:hover {text-decoration:none; color: inherit;}
a:focus {outline: none !important; text-decoration:none;}


section {padding:90px 0; position: relative;}

img {width:100%;}

footer {
	background: #a27c5b;
	padding:50px 0;
	text-align: cente;
}

footer p {color:#fff; line-height: 25px; font-weight: 200; text-transform: uppercase;}

.copyright {text-align: right; width: 200px; float:right;}
.copyright p {text-transform: none; font-weight: 300;}

.hours {text-align:center}

.reserve-btn {
	width:140px;
	height:50px;
	line-height: 50px;
	position: fixed;
	background:#003d7b;
	color:#fff;
	text-align: center;
	font-family: 'PT Serif', serif;
	font-size: 16px;
	bottom:0px;
	right: 0px;
	border-top-left-radius: 15px;
	font-style: italic;
	transition: 0.3s;
	z-index: 10;
}

.reserve-btn:hover {
	background: #fff;
	color:#003d7b;
	transition: 0.3s;
}

/* ------------------------------------------------------------------
Navigation
------------------------------------------------------------------- */

header {
	z-index:1000;
	width: 100%;
	height: auto;
	padding:30px 0;
	transition:0.8s;
	background: #fff;
	position: fixed;
}

.header-placer {height:219px; transition: 0.8s;}

.header-placer.scrollChange {height:114px; transition: 0.8s;}

#logo {
	width:238px;
	height: 80px;
	transition:0.8s;
	background: url(img/logo.png) no-repeat;
	background-size: contain;
	margin:0 auto;
}

.top-nav.scrollChange {display: none; transition:0.8s;}

ul.social {
	margin:0px; padding:0px;
	box-sizing:border-box;
	float: right;
	margin-top: 35px;
	transition: 0.3s;
}

ul.social li {
  display: inline-block;
	margin-left:15px;
	margin-right:15px;
}

ul.social li a {
	color:#0097a2;
	display: inline-block;
	font-size: 16px;
}

ul.social li a:hover {
	color:#a17b5a;
}

.menu-address {
	padding-top:20px;
	width:25%;
	float:left;
}

.menu-logo {
	float:left;
	width:50%;
}

.menu-social {
	float:left;
	width:25%;
}

.menu-address.scrollChange, .menu-logo.scrollChange, .menu-social.scrollChange {display: none;}

.menu-address a:hover p {color:#a17b5a}

.main-nav {
	width:100%;
	padding:15px 0;
	border-top:1px solid #0097a2;
	border-bottom:1px solid #0097a2;
	text-align: center;
	margin-top:25px;
	transition: 0.8s;
}

.main-nav.scrollChange  {margin-top: 0px;transition: 0.8s;}

ul#menu {
	margin:0px; padding:0px;
	box-sizing:border-box;
	transition: 0.3s;
	display: inline-block;
}

ul#menu li {
  display: inline-block;
	margin-left:30px;
	margin-right:30px;
}

ul#menu li a {
	color:#a17b5a;
	font-size: 15px;
	font-weight: 700;
	font-family: 'PT Serif', serif;
}

ul#menu li a:hover, ul#menu li a.active {
	color:#0097a2;
}

.diamond {
	width:6px;
	height: 6px;
	background: #a27c5b;
	-ms-transform: rotate(45deg); /* IE 9 */
	transform: rotate(45deg); /* Standard syntax */
	position: relative;
	bottom:2px;
}

.social-mobile {
	padding:20px 0 20px 38px;
}

.social-mobile ul, .lang-mobile ul {
	margin:0px; padding:0px;
}

.social-mobile ul li {
	display: inline-block;
	transition:0.8s;
	margin-right: 20px;
}

.social-mobile ul li a {
	display: inline-block;
	text-align: center;
	transition: 0.3s;
	font-size: 18px;
	color:#a27c5b;
}

.social-mobile ul li a:hover {
	color:#0097a2;
}

header .small-text {line-height: 25px;}

/* ------------------------------------------------------------------
Home
------------------------------------------------------------------- */

#home {
	width:100%; 
	height:550px; 
}

#home .flex-container, #home .flexslider, #home .flexslider > .slides, #home .flexslider > .slides > li, #home .flexslider > .slides > li > div {height:100%;} 

.slide-bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.slide-1 {background-image: url(img/main1.jpg);} 
.slide-2 {background-image: url(img/main2.jpg);} 

.blue-separator {
	width:60px;
	height: 10px;
	background: url(img/line-blue-separator.png) no-repeat;
	background-size: contain;
	margin:25px 0;
}

.graphic-lemon {
	position: absolute;
	right:0px;
	top:70px;
	height:170px;
	width:100px;
	background: url(img/graphic-lemon.png) no-repeat;
	background-size: contain;
}

.graphic-herb {
	position: absolute;
	left:0px;
	bottom:85px;
	height:256px;
	width:138px;
	background: url(img/graphic-herb.png) no-repeat;
	background-size: contain;
}

.home-menu {
	padding-bottom: 260px;
	background:url(img/bg-menu-bottom.jpg) no-repeat center bottom;
	background-color: #e9e3e0;
	text-align: center;
}

.graphic-mushroom {
	position: absolute;
	right:0px;
	top:50px;
	height:155px;
	width:112px;
	background: url(img/graphic-mushroom.png) no-repeat;
	background-size: contain;
}

.graphic-lobster {
	position: absolute;
	left:0px;
	top:100px;
	height:250px;
	width:230px;
	background: url(img/graphic-lobster.png) no-repeat;
	background-size: contain;
}

.insta-dummy {
	width:25%;
	float:left;
	padding:15px;
}

.slogan-wrapper {
	margin-top:60px;
	padding:5px 0;
	border-top:1px solid #0097a2;
	border-bottom:1px solid #0097a2;
}

.slogan {
	padding:70px 0;
	text-align: center;
	position: relative;
	border-top:1px solid #0097a2;
	border-bottom:1px solid #0097a2;
}

.slogan h1 {font-size: 56px; font-style: normal;}

.quote-l {
	width:52px;
	height: 40px;
	position: absolute;
	left:110px;
	top:60px;
}

.quote-r {
	width:52px;
	height: 40px;
	position: absolute;
	right:110px;
	bottom:80px;
}

.pattern-bg {
	background: url(img/pattern-xy.jpg) repeat;
}

.cta {
	width:750px;
	margin:0 auto;
	padding:40px 30px;
	position: relative;
	border:2px solid #003d7b;
	text-align: center;
	background: #f1eceb;
}

.cta i {font-size:50px;}

.blue-diamond {
	width:10px;
	height:10px;
	background: url(img/diamond-blue.png) no-repeat;
	background-size: contain;
	position: absolute;
}

.bd-tl {top:-6px;left:-6px;}
.bd-tr {top:-6px;right:-6px;}
.bd-bl {bottom:-6px;left:-6px;}
.bd-br {bottom:-6px;right:-6px;}

.logo-footer {
	width:165px;
	height: 55px;
	transition:0.8s;
	background: url(img/logo-white.png) no-repeat;
	background-size: contain;
	position: relative;
}

/* ------------------------------------------------------------------
Inner pages
------------------------------------------------------------------- */

.inner-banner {
	height:300px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.about-bg {
	background-image: url(img/bannerpage-about.jpg)
}

.menus-bg {
	background-image: url(img/bannerpage-menu.jpg)
}

.latest-bg {
	background-image: url(img/bannerpage-latest.jpg)
}

.contact-bg {
	background-image: url(img/bannerpage-contact.jpg)
}

.about-wrapper {
	width:750px;
	margin:0 auto;
	text-align: center;
}

.graphic-prawn {
	position: absolute;
	right:0px;
	top:30px;
	width:262px;
	height:285px;
	background: url(img/graphic-prawn.png) no-repeat;
}

.graphic-basil {
	position: absolute;
	left:0px;
	bottom:70px;
	height:228px;
	width:210px;
	background: url(img/graphic-basil.png) no-repeat;
	background-size: contain;
}

.about-img {
	width:33.33%;
	float:left;
	padding:10px 5px;
	background-color: #f1eceb;
}

.menu-frame {
	width:100%;
	padding:5px;
	border:1px solid #8b8479;
}

.menu-category {
	width:100%;
	padding:10px;
	border:1px solid #8b8479;
	transition: 0.3s;
}

.menu-frame:hover, .menu-frame:hover .menu-category {
	border:1px solid #0097a2;
	transition: 0.3s;
}

.graphic-brokoli {
	position: absolute;
	left:0px;
	top:100px;
	height:175px;
	width:145px;
	background: url(img/graphic-brokoli.png) no-repeat;
	background-size: contain;
}

.graphic-onion {
	position: absolute;
	right:0px;
	bottom:80px;
	height:195px;
	width:145px;
	background: url(img/graphic-onion.png) no-repeat;
	background-size: contain;
}

.insta-wrapper {
	padding:0 15px;
	width:100%;
}

.insta-mobile {
	display: none;
}

.contact {
	background:#f1eceb; position: relative; text-align: center;
}

.contact a:hover {color:#013d7b;}

.map-frame {
	width:100%;
	padding:5px;
	border:1px solid #8b8479;
}

.map-border {
	width:100%;
	padding:10px;
	border:1px solid #8b8479;
}

.graphic-onion2 {
	position: absolute;
	left:0px;
	top:268px;
	height:195px;
	width:110px;
	background: url(img/graphic-onion2.png) no-repeat;
	background-size: contain;
}

.graphic-squid {
	position: absolute;
	left:123px;
	top:0px;
	height:280px;
	width:322px;
	background: url(img/graphic-squid.png) no-repeat;
	background-size: contain;
}

.graphic-herb2 {
	position: absolute;
	right:0px;
	top:85px;
	height:245px;
	width:130px;
	background: url(img/graphic-herb2.png) no-repeat
}

.graphic-cheese {
	position: absolute;
	right:170px;
	top:190px;
	height:195px;
	width:135px;
	background: url(img/graphic-cheese.png) no-repeat;
	background-size: contain;
}