@font-face {
    font-family: 'americansansitalic';
    src: url('../fonts/americansans-italic-webfont.woff2') format('woff2'),
         url('../fonts/americansans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'americansans_mediumitalic';
    src: url('../fonts/americansansmedium-regularitali-webfont.woff2') format('woff2'),
         url('../fonts/americansansmedium-regularitali-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'americansansregular';
    src: url('../fonts/americansans-regular-webfont.woff2') format('woff2'),
         url('../fonts/americansans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* common css */
body
{ 
	margin:0;
	font-family: 'americansans_mediumitalic';
	overflow-x:hidden;
}
strong {
    font-weight: bold;
	font-size: 110%;
}
a, a:focus, a:hover{
	text-decoration:none;
	cursor:pointer;
	transition:0.4s;
}
h2 {
	font-family: 'americansans_mediumitalic';
	font-weight:400;
	letter-spacing:1px;
}
h4 {
	font-family: 'americansansitalic';
	word-spacing:2px;
}
h5 {
	font-family: 'americansans_mediumitalic';
	font-weight:600;
	letter-spacing:0.5px;
}
.no-padding
{
	padding:0;
}
.padding-left-none {
	padding-left:0;
}
.padding-right-none {
	padding-right:0;
}
.no-margin
{
	margin:0;
}
select::-ms-expand {
    display: none;
}
sup {
	font-size:100%;	
    vertical-align: text-bottom;
}
html, body {
	height:100%;
}
main {
	height:100%;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    min-height: 33.33333em;
    background-color: #ccc;
}
/* common css ends */
/* splash */
.sectionsplash {
	position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 55%;
    background-position: center;
    background-size: cover;
}
    
#splashBanner {
	background-image: url(../images/splashBanner.jpg);
	/* min-height: 525px; */
	position:relative;
}
#splashBanner   ul.leftStich {
	position:absolute;
	bottom:-25px;
	left:10%;
	margin:0;
	z-index: 1;
}
#splashBanner   ul.leftStich li {
	padding:0;
	margin:0 -4px;
}
#splashBanner   ul.rightStich {
	position:absolute;
	bottom:-25px;
	right:20%;
	margin:0;
	z-index:1;
}
#splashBanner   ul.rightStich li {
	padding:0;
	margin:0 -4px;
}
#flagship {
	background-image: url(../images/flagshipBanner.jpg);
	/* min-height: 525px; */
	position:relative;
}
.splashLink {
	text-transform: uppercase;
    color: #464646;
    background-color: transparent;
    font-size: 20px;
    padding: 20px;
    border: 2px solid #464646;
    position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width: 235px;
    height: 69px;
}
.splashLinkFlagship {
	text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    font-size: 20px;
    padding: 20px;
    border: 2px solid #fff;
    position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width: 265px;
    height: 69px;
}
.splashLink:hover, .splashLink:focus, .splashLinkFlagship:hover, .splashLinkFlagship:focus  {
	color: #fff;
    background-color: #464646;	
}
/* splash ends */
/* header */
header {
	position:fixed;
	padding-top:1%;
	font-family: 'americansansitalic';
	z-index:2;
	width: 100%;
	transition:0.4s;
	-webkit-animation-delay: 2s;
	-webkit-animation-duration: 6s;
	background-color: rgba(68, 67, 67, 0.75);
}
header.fixedMenu {
	background-color:rgba(68, 67, 67, 0.75);
	padding-top:1%;
	transition:0.4s;
}
header .menu a.bookNow {
	text-transform:uppercase;
	display: inline-block;
	color:#fff;
	background-color:transparent;
	font-size: 16px;
    padding: 12px 20px;
	border:1px solid #fff;
}
header .menu a.bookNow:hover, header .menu a.bookNow:focus {
	color:#fff;
	background-color:#58595b;
}
main {
	opacity:1;
	transition:0.6s;
}
body.Menuopen {
	overflow-y:hidden;
}
body.Menuopen header .menu a.bookNow, body.Menuopen header .menu select option, body.Menuopen header .menu select {
	color:#58595b;
	background-color:transparent;
}
body.Menuopen #nav-icon span {
	background-color:#58595b;
}
body.Menuopen header .menu a.bookNow, body.Menuopen header .menu select {
	border:1px solid #58595b;
}
body.Menuopen  header .menu a.bookNow:hover, body.Menuopen  header .menu a.bookNow:focus {
	color:#58595b;
	background-color:#fff;
}
body.Menuopen header.fixedMenu {
	background:transparent;
}
body.Menuopen main {
	opacity:0;
	transition:0.6s;
	overflow-y:hidden;
}
/* header ends */
/* media queries */
@media only screen and (min-width: 1200px)
{ 
	.aaBanner {
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;    
		-webkit-animation: scale 5s ease-in-out alternate;
		animation: scale 5s ease-in-out alternate;
	}
	@-webkit-keyframes scale {
		0% {
			-webkit-transform: scale(1.05);
		}
		100% {
			-webkit-transform: scale(1.0);
		}
	}
	@keyframes scale {
		0% {
			transform: scale(1.05);
		}
		100% {
			transform: scale(1.0);
		}
	}
	.appetite {
		padding-top:4%;
	}
	#splashBanner  ul.leftStich li img, #splashBanner   ul.rightStich li img {
		width:75%;
	}
	#splashBanner .aaBanner  ul.leftStich , #splashBanner   ul.rightStich {
		bottom:-20px;
	}
	#splashBanner   ul.leftStich {
		width:195px;
	}
	#splashBanner   ul.rightStich {
		width:55px;
	}
	#splashBanner   ul.leftStich li, #splashBanner   ul.rightStich li {
		margin: 0 -8px;
	}
}
@media only screen and (max-width: 767px) {
	
}
@media only screen and (min-width: 992px) and (max-width:1199px) { 
	header {
		padding-top:1%;
	}
	header .menu a.bookNow {
		font-size: 14px;
		padding: 8px 18px;		
	}
	#splashBanner  {
		background-position: 46%;
	}
}
@media only screen and (min-width: 768px) and (max-width:991px) {
	header {
		padding-top:1%;
	}
	header .menu a.bookNow {
		font-size: 14px;
		padding: 8px 18px;		
	}
	#splashBanner   ul.leftStich li img, #splashBanner   ul.rightStich li img {
		width:75%;
	}
	#splashBanner   ul.leftStich , #splashBanner   ul.rightStich {
		bottom:-20px;
	}
	#splashBanner  ul.leftStich {
		width:195px;
	}
	#splashBanner   ul.rightStich {
		width:55px;
	}
	#splashBanner   ul.leftStich li, #splashBanner   ul.rightStich li {
		margin: 0 -8px;
	}
	#splashBanner  {
		background-position: 46%;		
	}
}
@media only screen and (min-width: 481px) and (max-width:767px) {
	header {
		padding-top:1%;
	}
	header .menu a.bookNow {
		font-size: 10px;
		padding: 5px 10px;		
	}
	.logoSection {
		width:50%;
		width: 70%;
		margin-top: 10px;
	}
	.headerSec ul li  {
		padding-left: 0;
		padding-right: 0;
	}
	#splashBanner, #flagship  {
		background-position: 25%;		
	}
	#splashBanner   ul.leftStich li img, #splashBanner  ul.rightStich li img  {
		width:50%;
	}
	#splashBanner   ul.leftStich , #splashBanner   ul.rightStich {
		bottom:-14px;
		width:120px;
	}
	#splashBanner   ul.rightStich {
		text-align:right;
		right:12%;
	}
	#splashBanner  ul.leftStich li, #splashBanner   ul.rightStich li {
		margin: 0 -12px;
	}
}
@media only screen and (max-width:480px) {
	header {
		padding-top:1%;
	}
	header .menu a.bookNow {
		font-size: 10px;
		padding: 5px 10px;
		/* margin-left: 260px;
		position: relative;
		bottom: 50px; */		
	}
	.headerSec {
		width: 50%;
		padding-top: 8px;
		margin-bottom: 15px;
		text-align: center;
	}
	#splashBanner, #flagship  {
		background-position: 20%;		
	}
	#splashBanner   ul.leftStich li img, #splashBanner   ul.rightStich li img {
		width:50%;
	}
	#splashBanner   ul.leftStich , #splashBanner   ul.rightStich {
		bottom:-14px;
		width:120px;
	}
	#splashBanner   ul.rightStich {
		text-align:right;
		right:12%;
	}
	#splashBanner  ul.leftStich li, #splashBanner   ul.rightStich li {
		margin: 0 -12px;
	}
}
/* media queries ends */