@charset "utf-8";
/* CSS Document */
* {
box-sizing: border-box;
}


body {
background: #363F49!important;
color: #FFFFFF!important;
overflow:hidden;
height:100%;
max-height:100%;
}

.topnav {
position: relative;
top:0;
width:100%;
background:	#363F49;
text-align:center;
vertical-align: middle!important;
margin-bottom:0px;
}
.topnavlogo {
display:flex;
position: fixed;
width:100%;
height:10vh!important;
background:	#363F49;
text-align:center!important;
align-items:center!important;
vertical-align: middle!important;
z-index:9999999!important;
}
.topnavmobile {
display:flex;
position: fixed;
background:	#363F49;
width:100%;
margin-top:10vh!important;
text-align:center;
align-items:center!important;
z-index:9999!important;
vertical-align: middle!important;
}
.bigscreen {
margin-left:0px;
}
.container-paddings1 {
padding:0px 100px 0px 0px;
}
.container-paddings2 {
padding:0px 0px 0px 100px;
}
.container-grey3 .how-img, .container-white3 .how-img,.container-white4 .how-img,.container-white5 .how-img {
padding:0px;
}
.w3-bar {
align-items:center!important;
}

@media screen and (max-width:2560px){
	.hide-about{
	display:block!important;
	}
	.show-about {
	display:none!important;
	}
	.hide-footer img {
	margin:0 40px!important;
	}
	.hide-large {
	display:none!important;
	}
	.hide-large1 {
	display:none!important;
	}
	.hide-mobile {
	display:block!important;
	}
	.hide-mobile1 {
	display:block!important;
	}
	.container-white2 hr {
	margin:110px auto 100px auto!important;
	}
	.container-white8 hr {
	margin:20px auto!important;
	}
	.show-aboutslides {
	display:none!important;
	}
	.container-grey8 hr{
	margin:30px auto 50px auto!important;
}
}
@media screen and (max-width:1920px) {
	.bigscreen {
	margin-left:68px!important;
	}
	.hide-large, .hide-large1 {
	display:none!important;
	}
}
@media screen and (max-width:1776px){
	.container-paddings3{
	padding:50px 90px 50px 50px!important;
	margin:0px;
	}
	.aboutimg img{
  	height:800px!important;
	}
}
@media screen and (max-width:1735px){
	.container-paddings1 {
	padding:0px 100px 0px 0px!important;
	}
	.container-paddings2 {
	padding:0px 0px 0px 100px!important;
	}
	.container-white3, .container-grey3, .container-white4,.container-white5 {
	padding:50px!important;
	}
	.container-grey6 {
	padding:100px 40px!important;
	}
	.container-grey8 {
	padding:100px 50px!important;
	}
	.container-white9 {
	padding:100px 50px!important;
	}
}
@media screen and (max-width:1685px){
	.container-white6 .menu-header {
	font-size:21px!important;
	}
	.container-white6 .item-text, .item-text1 {
	font-size:14px!important;
	}
	.subitem-text {
	font-size:13px!important;
	}
		.subitem-desc {
	font-size:14px!important;
	}
}
@media screen and (max-width:1513px){
	.logos img{
	max-width:190px!important;
	}
	.locmap{
	font-size:18px!important;
	}
	.locname{
	font-size:24px!important;
	}
}
@media screen and (max-width:1440px){
	.container-white2 hr {
	margin:110px auto 100px auto!important;
	}
	.text,.text1 {
	font-size:100px!important;
	}
	.logos img{
	max-width:190px!important;
	}
	.container-grey {
	padding:100px 70px!important;
	}
	.container-paddings{
	padding:50px 50px 50px 100px!important;
	margin:0px;
	}

	.container-paddings1 {
	padding:0px 100px 0px 0px!important;
	}
	.container-paddings2 {
	padding:0px 0px 0px 100px!important;
	}
	.container-white3,.container-grey3, .container-white4,.container-white5 {
	padding:50px!important;
	}
	.container-grey1{
	padding:100px 100px 80px 100px!important;
	}
	.container-grey7 {
	padding:100px!important;
	}

	.container-white2 {
	padding:120px!important;
	}
	.container-white8 {
	padding:100px 200px 115px 200px!important;
	}
	.item-name,.item-price, .item-name1 {
	font-size:15px!important;
	}
	.subitem-text,.subitem-price {
		font-size:12px!important;
	}
	.menu-header {
	font-size:24px!important;
	}
	.menu-description, .item-text,.subitem-desc, .item-text1{
	font-size:13px!important;
	}
	.container-white6 {
	padding:100px 100px!important;
	}
}
@media screen and (max-width:1395px){
	.logos img{
	max-width:180px!important;
	}
	.logobreak {
	margin:50px!important;
	font-size:80px!important;}
	.container-white {
	padding:100px 120px!important;
	}
	.container-white7 {
	padding:100px 120px 120px 120px!important;
	}
	.container-white6 {
	padding:100px 120px!important;
	}
	.container-grey {
	padding:100px 70px!important;
	}
}
@media screen and (max-width:1366px){
	div#cta:hover,div#cta1:hover,div#cta2:hover, div#cta3:hover, div#cta4:hover,div#cta5:hover, div#cta, div#cta1,div#cta2, div#cta3, div#cta4,div#cta5, div#cta-cafe, div#cta-beach, div#cta-deli, div#cta-events, div#cta-catering, div#cta-about {
	width:200px!important;
	height:200px!important;
	}
	.services {
	width:200px!important;
	}
	.cta {
	top:40%!important;
	}
	.container-paddings .text-grey {
	font-size:18px!important;
	}
	.container-paddings{
	padding:30px 30px 30px 50px!important;
	margin:0px;
	}
	.container-paddings3 .text-grey {
	font-size:18px!important;
	}
	.container-paddings3{
	padding:30px 30px 30px 50px!important;
	margin:0px;
	}
	.container-white3, .container-grey3,.container-white4,.container-white5 {
	padding:30px!important;
	margin:0px!important;
	}
	.container-white3 .text-grey1, .container-grey3 .text-white1,.container-white4 .text-grey1,.container-white5 .text-grey1{
	font-size:18px!important;
	}
	.container-white6 {
	padding:70px 50px!important;
	}

	.buttonbreak {
    margin: 10px!important;
}
}
@media screen and (max-width:1220px){
	.locname {
	font-size:24px!important;
	}
	.locmap {
	font-size:16px!important;
	}
	.locmap img {
	width: auto!important;
	height:18px!important;
	top:-2px!important;
	}
	.hide-about{
	display:none!important;
	}
	.show-about {
	display:block!important;
	}
	.container-paddings1 {
	padding:0px 50px 0px 0px!important;
	}
	.container-paddings2 {
	padding:0px 0px 0px 50px!important;
	}
	.container-white6{
	padding:100px 200px!important;
	}
}
@media screen and (max-width:1150px){
	.logo {    
	padding: 30px 40px 40px 40px!important;
	}
	.navbutton:first-child {
	margin-left:0px!important;
	}
	.locname {
	font-size:20px!important;
	}
	.locmap {
	line-height:29px!important;
	font-size:14px!important;
	}
	.locmap img {
	height:16px!important;
	width:auto!important;
	}
}
@media screen and (max-width: 1050px) {
	.logos img{
	max-width:160px!important;
	}
}
@media screen and (max-width: 1024px) {
	.container-white2 hr {
	margin:40px auto!important;
	}
	.container-white8 hr {
	margin:20px auto!important;
	}
	.cta1, .cta2 {
	margin-top:25px!important;
	margin-bottom:0px!important;
	}
	.cta3 {
	margin-top:20px!important;
	margin-bottom:15px!important;
	}
	.logos img{
	max-width:160px!important;
	}
	.buttonbreak {
	margin:10px!important;
	}
	.logo {
	padding:30px 40px 40px 40px!important;
	}
    .navbutton:first-child {
	margin-left:0px!important;
	}
	.text,.text1 {
	font-size:60px!important;
	}
	.container-white,.container-grey {
	padding:100px 120px!important;
	}
	.hide-large, .hide-large1 {
	display:none!important;
	}
	.menu-header{
	font-size:25px!important;	
	}
}


@media screen and (max-width:992px){
	.aboutimg img{
  	height:auto!important;
	}
	.container-white7{
	padding:100px 60px!important;
	}
	.locname {
	font-size:24px!important;
	}
	.locmap {
	line-height:40px!important;
	font-size:18px!important;
	}
	.locmap img {
	height:18px!important;
	width:auto!important;
	}
	.container-grey6 {
	padding:100px 170px!important;
	}
	.container-grey8 {
	padding:100px 170px!important;
	}
	.container-white9 {
	padding:100px 170px!important;
	}
	.container-white6 {
	padding:100px 90px!important;
	}
	.container-white2 hr {
	margin:30px auto!important;
	}
	.container-white8 hr {
	margin:20px auto!important;
	}
	.hide-footer img {
	margin:0 20px!important;
	}
	.container-paddings{
	padding:30px 30px 30px 30px!important;
	margin:0px;
	}
	.container-paddings3{
	padding:100px 170px!important;
	margin:0px;
	}
	.cateringpics {
	padding:0px!important;
	}
	.container-paddings1{
	padding:0px 30px 0px 0px !important;
	margin:0px;
	}
	.container-paddings2 {
	padding:0px 0px 0px 30px!important;
	}
	.container-white3 .how-img, .container-white4 .how-img,.container-white5 .how-img  {
	padding:0px 0px 30px 0px!important;
	}
	.container-grey3 .how-img {
	padding:30px 0px!important;
	}
	.container-white1, .container-white3, .container-white5{
	margin-top:10vh!important;
	}
	.container-white2 {
	margin-top:0px!important;
	}
	.container-white1 hr, .container-paddings1 hr,.container-white4 hr .container-grey3 hr,.container-paddings1 hr {
	margin:15px 0!important;
	}
	.container-hr {
	margin:15px auto!important;
	}
	.container-break hr {
	margin:30px auto!important;
	}
	.cta1, .cta2 {
	margin-top:40px!important;
	margin-bottom:20px!important;
	}
	.cta3 {
	margin-top:20px!important;
	margin-bottom:15px!important;
	}
	.serv img {
	width:400px!important;
	height:400px!important;
	}
	.services1{
	text-align:center;
	width:400px!important;
	margin:auto;
	}
	.next {
	margin-right:0px!important;
	}
	.prev {
	margin-left:0px!important;
	}
	.next1 {
	margin-right:20px!important;
	}
	.prev1 {
	margin-left:20px!important;
	}
	.hide-mobile {
	display:none!important;
	}
	.hide-mobile1 {
	display:block;
	}
	.topnavmobile {
	align-items:center!important;
	justify-content:center;
	}
	.text-grey {
	font-family:'Quicksand', sans-serif;
	font-size:20px!important;
	}
	.text-grey1, .text-white1 {
	font-family:'Quicksand', sans-serif;
	font-size:18px!important;
	}
	.events-header {
	font-family:'Quicksand', sans-serif;
	font-size:21px!important;
	}
	.container-white,.container-grey {
	padding:100px 70px!important;
	}
	.fb {
	margin-right:2px!important;	
	margin-top:0px!important;
	}
	.inst {
	margin-left:2px!important;
	margin-top:0px!important;
	}	
	.buttonnav1 {
	font-size:30px!important;
	}
	#Demo{
	flex-direction: column;
	text-align:center!important;
	font-family:'Oswald',sans-serif;
	text-transform:uppercase;
	height:100%!important;
	align-items:center!important;
	overflow:hidden;
	vertical-align: middle!important;
	}

	.slideshow-container img {
	height:800px!important;
	width:768px;
	object-fit: cover;
	}
	.slide-container {
	top:40%!important;
	}
	.text, .text1 {
	font-size:60px!important;
	}
	
	.hide-large {
	display:block!important;
	}
	.hide-large1 {
	display:none!important;
	}
	.quotes-container {
	font-size:30px!important;
	width:80%!important;
	}
	.container-white5 {
	padding: 30px 50px 60px 50px!important;
	}
	.container-white8 {
	padding: 100px 100px 115px 100px!important;
	}
	.logo1 {
	height:8vh!important;	
	margin-top:1vh!important;
	}

}
@media screen and (max-width:990px){
	.container-paddings1, .container-paddings2{
	padding:30px 0px!important;
	margin:0px;
	}
	.hide-large1 {
	display:block!important;
	}
	.hide-mobile1 {
	display:none!important;
	}
	.carousel-indicators {
		margin-left: 1rem!important;
		margin-right: 1rem!important;
	}
}
@media screen and (max-width:880px){
	.container-grey6 {
	padding:100px 80px!important;
	}
	.container-grey8 {
	padding:100px 80px!important;
	}
	.container-white9 {
	padding:100px 80px!important;
	}
	.container-paddings3{
	padding:100px 80px!important;
	margin:0px;
	}
}
@media screen and (max-width:768px){
	.container-white6 {
	padding:100px 60px!important;
	}
	.container-white7 {
	padding:100px 80px!important;
	}
	.container-white8 {
	padding:100px 80px!important;
	}
	.container-grey7 {
	padding:100px 60px!important;
	}
	.container-grey6 {
	padding:100px 80px!important;
	}
	.container-white6 hr {
    margin: 30px auto 30px auto!important;
	}
	.container-grey8 {
	padding:100px 80px!important;
	}
	.container-white9 {
	padding:100px 80px!important;
	}
	.item-name,.item-price, .item-name1  {
	font-size:18px!important;
	}
	.cateringpics {
	padding:0px!important;
	}
	.menu-header {
	font-size:24px!important;
	}
	.news-header {
	font-size:24px!important;
	}
	.menu-description, .item-text,.subitem-desc, .item-text1{
	font-size:16px!important;
	}
	.subitem-text,.subitem-price {
	font-size:14px!important;
	}
	.container-paddings1, .container-paddings2{
	padding:30px 0px!important;
	margin:0px;
	}
	.hide-mobile1 {
	display:none!important;
	}
	.hide-large1 {
	display:block!important;
	}

}
@media screen and (max-width:767px){
	.locmap {
	text-align:left!important;
	line-height:40px!important;
	font-size:18px!important;
	}
	.locname {
	font-size:24px!important;
	}
	.locmap img {
	height:auto!important;
	width:auto!important;
	}
}
@media screen and (max-width:748px){
	.hide-footer {
	display:none!important;
	}
	.show-footer {
	display:block!important;
}
}
@media screen and (max-width:700px){
	.container-white6 {
	padding:70px 30px!important;
	}

	.container-white7 {
	padding:70px 45px 70px 45px!important;
	}
	.container-white8 {
	padding:70px 45px 70px 45px!important;
	}
	.container-grey7 {
	padding:70px 45px 70px 45px!important;
	}
	.container-grey6 {
	padding:70px 45px 70px 45px!important;
	}
}

@media screen and (max-width: 600px) {
	
	.container-paddings3{
	padding:20px 20px 20px 20px!important;
	margin:0px;
	}

	.buttonnav1 {
	font-size:20px!important;
	}

	.slideshow-container img {
	height:800px!important;
	width:768px;
	object-fit: cover;
	}
	.hide-large {
	display:block!important;
	}
	.text, .text1 {
	font-size:60px!important;
	width:auto;
	display:inline-block;
	padding:0px!important;
	}
	.quotes-container {
	font-size:30px!important;
	width:80%!important;
	}
	.container-grey1{
	padding:50px 20px 30px 20px!important;
	}
	.container-white2 {
	padding:50px 20px!important;
	}
	.container-white9 {
	padding:50px 20px!important;
	}
	.container-grey8 {
	padding:25px 20px 30px 20px!important;
	}
	.container-paddings3 {
	padding:25px 20px 30px 20px!important;
	}

	.item-name,.item-price, .item-name1  {
	font-size:18px!important;
	}
	.menu-header,.news-header {
	font-size:24px!important;
	}
	.menu-description, .item-text,.subitem-desc,.item-text1{
	font-size:16px!important;
	}
	.subitem-text,.subitem-price {
	font-size:14px!important;
	}
}

@media screen and (max-width: 600px) {

	.hide-large {
	display:block!important;
	}
}
@media screen and (max-width:575px){
	.show-about {
	display:none!important;
	}
	.container-white6 {
	padding:70px 100px 100px 100px!important;
	}
	.container-white7 {
	padding:70px 100px 70px 100px!important;
	}
	.container-white8 {
	padding:70px 100px 70px 100px!important;
	}
	.container-grey7 {
	padding:70px 100px 70px 100px!important;
	}
	.container-grey6 {
	padding:70px 100px 70px 100px!important;
	}
	.show-aboutslides {
	display:block!important;
	}
}
@media screen and (max-width:450px){
	.container-white6 {
	padding: 100px 40px 140px 40px!important;
	}
	.container-white7 {
	padding: 100px 40px 100px 40px!important;
	}
	.container-white8 {
	padding: 100px 40px 100px 40px!important;
	}
	.container-grey7 {
	padding: 100px 40px 100px 40px!important;
	}
	.container-grey6 {
	padding: 100px 40px 100px 40px!important;
	}
	.container-grey6 hr {
	margin:20px auto 40px auto!important;
	}
	.container-grey8 hr {
	margin:20px auto 40px auto!important;
	}
}

@media screen and (max-width:425px){
	.container-white6 hr {
    margin: 20px auto 30px auto!important;
	}
	.container-white7{
	padding:70px 30px 110px 30px!important;
	}
	.quotes-container {
	height:260px!important;
	}
	.buttonnav1{
	font-size:22px!important;
	}
	.next1 {
	margin-right:40px!important;
	}
	.prev1 {
	margin-left:40px!important;
	}
	.serv img {
	width:315px!important;
	height:315px!important;
	}
	.services1{
	width:315px!important;
	}
	.next {
	margin-right:-10px!important;
	}
	.prev {
	margin-left:-10px!important;
	}
	.text {
	font-size:70px!important;
	width:85%!important;
	display:inline-block;
	padding:0px!important;
	}
	.text1 {
	font-size:55px!important;
	width:85%!important;
	display:inline-block;
	padding:0px!important;
	}
	.menu-btn {
	right:8%!important;
	}
	.slide-container {
	top:30%!important;
	}
	.text-grey {
	font-family:'Quicksand', sans-serif;
	font-size:18px!important;
	}
	.text-grey1, .text-white1 {
	font-family:'Quicksand', sans-serif;
	font-size:16px!important;
	}
	.events-header {
	font-family:'Quicksand', sans-serif;
	font-size:21px!important;
	}
	.header-grey {
	font-size:28px!important;
	}
	.header-orange {
	font-size:24px!important;
	}
	.container-white,.container-grey {
	padding:100px 30px!important;
	}
	.container-white8 .header-grey {
	font-size:28px!important;
	}
	.container-white8 .text-grey {
	font-size:16px!important;
	}

}
@media screen and (max-width:375px) {
	.logo1 {
	height:6vh!important;	
	margin-top:2vh!important;
	}
	.locmap {
	text-align:left!important;
	line-height:40px!important;
	font-size:17px!important;
	}
	.locname {
	font-size:24px!important;
	}
	.container-white6 {
	padding: 60px 30px 90px 30px!important;
	}
	.next {
	margin-right:-15px!important;
	}
	.prev {
	margin-left:-15px!important;
	}

	.menu-btn {
	right:8%!important;
	}
	
	.buttonnav1{
	font-size:20px!important;
	}
	.container-white8 {
	padding:50px 30px 65px 30px!important;
	}
	.text1 {
	font-size:50px!important;
	width:85%!important;
	display:inline-block;
	padding:0px!important;
	}
}

@media screen and (max-width:354px) {
	.text {
	font-size:50px!important;
	width:90%!important;
	display:inline-block;
	padding:0px!important;
	}
}

@media screen and (max-width:320px) {
	.locmap {
	text-align:left!important;
	line-height:40px!important;
	font-size:14px!important;
	}
	.locname {
	font-size:18px!important;
	}
	.menu hr {
	margin:5px auto!important;
	}
	.next {
	margin-right:-30px!important;
	}
	.prev {
	margin-left:-30px!important;
	}
	.next3 {
	top:20%!important;
	}
	.prev3 {
	top:20%!important;
	}
	.text {
	font-size:50px!important;
	width:90%!important;
	display:inline-block;
	padding:0px!important;
	}
	.text1 {
	font-size:40px!important;
	width:85%!important;
	display:inline-block;
	padding:0px!important;
	}
	.menu-btn {
	right:8%!important;
	}

	.open-quote {
	margin-left:-20px!important;
	}
	.close-quote {
	margin-right:-20px!important;
	}
}

hr {
background-color:#E8610C;
height:1px!important;
margin:20px auto;
cursor:none;
text-align:center;
border-radius:1px!important;
}
.container-white hr, .container-grey hr {
margin:20px auto;
}
.container-white6 hr {
margin:30px auto 60px auto;
}
.container-grey6 hr {
margin:30px auto 50px auto;
}
.topnavmobile hr {
margin-left:auto;
margin-right:auto;
}
.buttonbreak {
border-right:2px solid #E8610C;
border-radius:50px;
font-size:19px;
margin:20px;
cursor:none;
position:relative;
top:5px!important;
}
.menu {
text-align: center;
white-space: normal;
float: none;
outline: 0;
display:flex;
flex-direction: column!important;
z-index:9999999!important;
height:10vh!important;
}
.menu1 {
text-align: center;
white-space: normal;
float: none;
outline: 0;
display:flex;
justify-content: center;
flex-direction: column!important;
z-index:9999999!important;
height:90vh!important;
align-items:center!important;
}
.menu a {
color:#ffffff!important;
text-decoration:none;
}
.menu a:hover, .menu a:active {
color:#E8610C!important;
text-decoration:none;
}
.menu1 a {
color:#ffffff!important;
text-decoration:none;
}
.menu1 a:hover, .menu1 a:active {
color:#E8610C!important;
text-decoration:none;
}
.navbutton a {
vertical-align:middle!important;
font-family:'Oswald', sans-serif;
font-weight:400;
text-transform: uppercase;
font-size:24px;
color: #ffffff;
}
.navbutton:first-child {
margin-left:68px;
}

.navbutton a:hover {
color: #E8610C;
text-decoration:none;
}
.navbutton1 a {
vertical-align:middle!important;
font-family:'Oswald', sans-serif;
font-weight:400!important;
text-transform: uppercase;
font-size:18px;
color: #ffffff!important;
margin:0 auto!important;
}


.navbutton1 a:hover {
color: #E8610C!important;
text-decoration:none;
}
.buttonbreak1 {
border-right:2px solid #E8610C;
border-radius:50px;
font-size:19px;
margin:20px;
cursor:none;
position:relative;
top:3px!important;
}
.possocial {
margin-top:4px;
height:auto;
display:inline-block!important;	
}
.fb1 {
margin-right:2px;
}
.inst1 {
margin-left:2px;
}
.buttonnav1 a {
white-space: normal;
display: flex;
flex-direction: column!important;
vertical-align: middle;
overflow: hidden;
text-decoration: none;
text-align: center!important;
cursor: pointer;
font-family:'Oswald', sans-serif;
}

.menu a {
vertical-align:middle;
align-items:center!important;
text-align:center!important;
width:50%!important;
margin:0 auto!important;
}
.logo {
padding:30px 80px 40px 80px;
margin-left: auto!important;
margin-right: auto!important;
}
.logo1 {
position:relative;
height:8vh;
width:auto!important;
margin-top:1vh;
vertical-align:middle!important;
align-items:center!important;
}

.fb {
margin:20px 2px 20px 0px!important;	
}
.inst {
margin:20px 0px 20px 2px!important;	
}
.nodec a, .nodec a:hover {
text-decoration: none!important;
}

svg {
fill: #ffffff;}
svg:hover, svg:active {
fill:#E8610C!important;
}
.container-white1 svg {
fill: #363F49;}

/*Slidehsow Home Page*/
.mySlides {display: none; text-align:center;}
img {vertical-align: middle;margin:0!important;}

/* Slideshow container */
.slideshow-container {
max-width: 2560px;
position: relative;
margin: auto;
width:100%;
}

/* Caption text */
.slide-container {
max-width:100%;
max-height:100%;
text-align:center;
vertical-align: middle!important;
position: absolute;
top:35%;
width:2560px;
display: table-cell; vertical-align: middle;
justify-content: center;
height:300px;
}
.text, .text1 {
padding: 8px 12px;
position: relative;
width:auto;
display:inline-block;
border-top:4px solid #E8610C;
border-bottom:4px solid #E8610C;
font-family:'Oswald',sans-serif;
text-transform:uppercase;
color: #fff;
top:0;
left:0;
margin-left:auto!important;
text-align:center;
font-size: 100px;
z-index:999!important;
}


/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 10px;
width: 10px;
position: relative;
background-color: #fff;
border-radius: 50%;
margin:0 5px;
top:-30px;
display: inline-block;
transition: background-color 0.6s ease;
}

.dot:hover {
background-color: #E8610C;
}
.dot1 {
cursor: pointer;
height: 10px;
width: 10px;
position: relative;
background-color: #DAD9DD;
border-radius: 50%;
margin:0 1px;
display: inline-block;
transition: background-color 0.6s ease;
}

.active .dot1,.active, .dot1:hover  {
background-color: #E8610C;
}




/*Slideshow logos*/
.mySlides1 {display: none}


/* Slideshow container */
.slideshow-container1 {
max-width: 400px;
position: relative;
margin: auto;
padding:0px 20px;
margin-top:40px;
}
.slideshow-container2 {
max-width: 400px;
position: relative;
margin: auto;
display:inline-block;
}
.slideshow-container3 {
max-width: 400px;
position: relative;
margin: auto;
display:inline-block;
text-align:left;
}

/* Next & previous buttons */
.prev {
cursor: pointer;
position: absolute;
top: 40%;
width: auto;
padding: 16px;
margin-top: -22px;
margin-left:-30px;
color: #909198!important;
font-weight: bold;
font-size: 18px;
left:0;
border-radius: 3px;
}

/* Position the "next button" to the right */
.next {
cursor: pointer;
position: absolute;
top: 40%;
overflow:hidden;
width: auto;
padding: 16px;
margin-top: -22px;
margin-right:-30px;
color: #909198!important;
font-weight: bold;
font-size: 18px;
border-radius: 3px;
right: 0;
}
.next,.prev,.next:hover,.prev:hover,.next:active,.prev:active {
	text-decoration:none!important;
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next {font-size: 11px}
}

.prev1 {
cursor: pointer;
position: absolute;
top: 60%;
width: auto;
padding: 16px;
margin-top: -22px;
margin-left:40px!important;
font-weight: bold;
font-size: 18px;
left:0;
opacity:1!important;
border-radius: 3px;
	z-index:999!important;
}

/* Position the "next button" to the right */
.next1 {
cursor: pointer;
position: absolute;
top: 60%;
overflow:hidden;
width: auto;
padding: 16px;
margin-top: -22px;
margin-right:40px!important;
font-weight: bold;
font-size: 18px;
border-radius: 3px;
right: 0;
opacity:1!important;
z-index:999!important;
}
.next1,.prev1,.next1:hover,.prev1:hover,.next1:active,.prev1:active {
text-decoration:none!important;
}
.prev2 {
cursor: pointer;
position: absolute;
top: 100%;
width: auto;
padding: 0px;
margin-bottom: 0px!important;
margin-left:0px!important;
font-weight: bold;
font-size: 18px;
left:0;
opacity:1!important;
border-radius: 3px;
z-index:999!important;
}

/* Position the "next button" to the right */
.next2 {
cursor: pointer;
position: absolute;
top: 100%;
overflow:hidden;
width: auto;
padding: 0px;
margin-top: 0px;
margin-right:0px!important;
font-weight: bold;
font-size: 18px;
border-radius: 3px;
right: 0;
opacity:1!important;
z-index:999!important;
}
.next2,.prev2,.next2:hover,.prev2:hover,.next2:active,.prev2:active {
text-decoration:none!important;
}
.prev3 {
cursor: pointer;
position: absolute;
top: 22%;
width: auto;
padding: 0px;
margin-bottom: 0px!important;
margin-left:10px!important;
font-weight: bold;
font-size: 18px;
left:0;
opacity:1!important;
border-radius: 3px;
z-index:999!important;
}

/* Position the "next button" to the right */
.next3 {
cursor: pointer;
position: absolute;
top: 22%;
overflow:hidden;
width: auto;
padding: 0px;
margin-top: 0px;
margin-right:10px!important;
font-weight: bold;
font-size: 18px;
border-radius: 3px;
right: 0;
opacity:1!important;
z-index:999!important;
}
.next3,.prev3,.next3:hover,.prev3:hover,.next3:active,.prev3:active {
text-decoration:none!important;
}


.serv img {
opacity:1!important;
display:inline-block;
margin:0 auto!important;
}

/*Burger menu*/
.menu .menu-btn {
right:5%;
top:50%!important;
position:absolute;
}
.menu-btn {
position: absolute;
display: block;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
cursor: pointer;
transition: all .5s ease-in-out;
  /* border: 3px solid #fff; */
}
.menu-btn__burger {
width: 25px;
height: 2px;
background: #fff;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(255,101,47,.2);
transition: all .5s ease-in-out;
top:50%;
}
.menu-btn__burger::before,
.menu-btn__burger::after {
content: '';
position: absolute;
width: 25px;
height: 2px;
left:0px;
background: #fff;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(255,101,47,.2);
transition: all .5s ease-in-out;
}
.menu-btn__burger::before {
transform: translateY(-10px);
}
.menu-btn__burger::after {
transform: translateY(10px);
}
/* ANIMATION */
.menu-btn.open .menu-btn__burger {
transform: translateX(-50px);
background: transparent;
box-shadow: none;
top:50%!important;
}
.menu-btn.open .menu-btn__burger::before {
transform: rotate(45deg) translate(35px, -35px);
}
.menu-btn.open .menu-btn__burger::after {
transform: rotate(-45deg) translate(35px, 35px);
}

.container-white {
top:0!important;
color:#363F49;
text-align:center;
background:#ffffff;
padding:100px 280px;
}
.container-white7 {
top:0!important;
color:#363F49;
text-align:center;
background:#ffffff;
padding:100px 280px 120px 280px;
}
.container-white6 {
top:0!important;
color:#363F49;
text-align:center;
background:#ffffff;
padding:100px 200px;
}
.container-grey6 {
top:0!important;
color:#ffffff;
text-align:center;
background:#363F49;
padding:100px 200px;
}
.container-grey8 {
top:0!important;
color:#ffffff;
text-align:center;
background:#363F49;
padding:100px 200px;
}

.container-white1 {
top:0!important;
color:#363F49;
background:#ffffff;
width:100%!important;
text-align:left!important;
margin:0;
padding:0px!important;
}
.container-white2 {
top:0!important;
color:#363F49;
background:#ffffff;
width:100%!important;
text-align:left!important;
margin:0;
padding:100px 200px;
}
.container-white9 {
top:0!important;
color:#363F49;
background:#ffffff;
width:100%!important;
text-align:left!important;
margin:0;
padding:100px 200px;
}
.container-white8 {
top:0!important;
color:#363F49;
background:#ffffff;
width:100%!important;
text-align:left!important;
margin:0;
padding:100px 390px;
}
.container-white3, .container-white4, .container-white5 {
top:0!important;
color:#363F49;
background:#ffffff;
width:100%!important;
text-align:left!important;
padding:100px 200px 100px 200px;
margin:0px;
}
.container-grey3 {
background: #363F49;
top:0!important;
color:#ffffff;
width:100%!important;
text-align:left!important;
padding:100px 200px 100px 200px;
margin:0px;
}
.container-grey {
background: #363F49;
top:0!important;
color:#ffffff;
text-align:center!important;
padding:100px 210px;
}
.text-grey {
font-family:'Quicksand', sans-serif;
font-size:24px;
font-weight: 500;
font-style: normal;
}
.text-grey1,.text-white1 {
font-family:'Quicksand', sans-serif;
font-size:21px;
font-weight: 500;
font-style: normal;
}
.header-grey {
font-family:'Oswald', sans-serif;
font-size:34px;
text-transform:uppercase;
}
.header-orange {
font-family:'Oswald', sans-serif;
font-size:28px;
text-transform:uppercase;
color:#E8610C;
}
.text-white {
font-family:'Quicksand', sans-serif;
font-size:24px;
font-weight: 500;
font-style: normal;
color:#ffffff;
}
.header-white {
font-family:'Oswald', sans-serif;
font-size:34px;
text-transform:uppercase;
color:#ffffff;
}
.logos {
display:inline-block;
margin-top:60px;
}

.logos img{
width:100%;
height:auto;
max-width:230px;
margin:10px!important;
}
.logobreak {
vertical-align:middle;
border-right:2px solid #E8610C;
border-radius:50px;
font-size:100px;
margin:50px;
cursor:none;
position:relative;
}
.cta-gallery {
margin-top:50px;
}

div#cta-cafe {
background: url("../images/Cafe.png");
width:350px;
height:350px;
background-size:cover;
z-index:999999!important;
}

div#cta, div#cta1,div#cta2, div#cta3, div#cta4,div#cta5 {
position: relative;
background:transparent;
color:transparent;
width:350px;
opacity:0;
height:350px;
transition:all .5s;
-moz-transition:all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari i Chrome */
-o-transition:all .5s; /* Opera */
}

div#cta:hover,div#cta1:hover,div#cta2:hover, div#cta3:hover, div#cta4:hover,div#cta5:hover {
position: relative;
transition:all .5s;
-moz-transition:all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari i Chrome */
-o-transition:all .5s; /* Opera */
background:RGBa(54,63,73,0.7);
color:black;
width:350px;
opacity:1;
height:350px;
}
div#cta-beach {
background: url("../images/Beach.png");
width:350px;
height:350px;
background-size:cover;
z-index:999999!important;
}

div#cta-deli {
background: url("../images/Deli.png");
width:350px;
height:350px;
background-size:cover;
z-index:999999!important;
}


div#cta-events {
background: url("../images/Events.png");
width:350px;
height:350px;
background-size:cover;
z-index:999999!important;
}


div#cta-catering {
background: url("../images/Catering.png");
width:350px;
height:350px;
background-size:cover;
z-index:999999!important;
}


div#cta-about {
background: url("../images/About.png");
width:350px;
height:350px;
background-size:cover;
z-index:999999!important;
}

div#cta-cafe, div#cta-beach, div#cta-deli, div#cta-events, div#cta-catering, div#cta-about {
margin-top:15px!important;	
}

.cta {
vertical-align:middle!important;
position:relative;
height:auto;
top:47%;
width:auto;
padding:3px 25px!important;
background: #E8610C!important;
color:#ffffff!important;
font-family:'Oswald',sans-serif;
font-size:18px;
margin:0 auto!important;
text-transform:uppercase;
border-radius:50px;
text-decoration:none!important;
}
.cta a,.cta a:hover, .cta a:active, .cta:hover {
color:#ffffff!important;
text-decoration: none!important;
background:#363F49!important;
}
.cta4{
vertical-align:middle!important;
position:relative;
width:auto;
padding:3px 25px!important;
background: #E8610C!important;
color:#ffffff!important;
font-family:'Oswald',sans-serif;
font-size:18px;
margin:30px auto!important;
text-transform:uppercase;
border-radius:50px;
text-decoration:none!important;
}
.cta4 a,.cta4 a:hover, .cta4 a:active, .cta4:hover {
color:#ffffff!important;
text-decoration: none!important;
background:#363F49!important;
}
.cta1 {
vertical-align:middle!important;
position:relative!important;
height:auto;
width:auto;
padding:3px 40px!important;
background: #E8610C!important;
color:#ffffff!important;
font-family:'Oswald',sans-serif;
font-size:18px;
margin-top:40px;
display:inline-block;
text-transform:uppercase;
border-radius:50px;
text-decoration:none!important;
}
.cta1 a,.cta1 a:hover, .cta1 a:active, .cta1:hover {
color:#ffffff!important;
text-decoration: none!important;
background:#363F49!important;
}
.cta2 {
vertical-align:middle!important;
position:relative!important;
height:auto;
width:auto;
padding:3px 40px!important;
background: #E8610C!important;
color:#ffffff!important;
font-family:'Oswald',sans-serif;
font-size:18px;
margin-top:40px;
display:inline-block;
text-transform:uppercase;
border-radius:50px;
text-decoration:none!important;
}
.cta2 a,.cta2 a:hover, .cta2 a:active, .cta2:hover {
color:#363F49!important;
text-decoration: none!important;
background:#ffffff!important;
}
.cta3 {
vertical-align:middle!important;
position:relative!important;
height:auto;
width:auto;
padding:3px 40px!important;
background: #E8610C!important;
color:#ffffff!important;
font-family:'Oswald',sans-serif;
font-size:18px;
margin-top:20px;
margin-bottom:20px;
display:inline-block;
text-transform:uppercase;
border-radius:50px;
text-decoration:none!important;
}
.cta3 a,.cta3 a:hover, .cta3 a:active, .cta3:hover {
color:#363F49!important;
text-decoration: none!important;
background:#ffffff!important;
}
.services {
display:inline-block;
font-family:'Oswald',sans-serif;
font-size:24px;
text-transform:uppercase;
color:#ffffff;
width:350px;
font-weight:400;
margin:15px;
text-align:center;
vertical-align:middle;
border-top:1px solid #ffffff;
padding-top:10px;
}

.services1 {
display:inline-block;
font-family:'Oswald',sans-serif;
font-size:24px;
text-transform:uppercase;
color:#ffffff;
width:315px;
margin:15px auto;
text-align:center;
vertical-align:middle;
border-top:1px solid #ffffff;
padding-top:10px;
}

.quotes-container {
width:70%;
display:block;
text-align:center;
height:224px;
max-height:300px;
margin:30px auto;
font-family:'Quicksand',sans-serif;
font-size:40px;
font-weight:500;
vertical-align:middle!important;
}
.quotes-container li {
z-index:9999!important;
}
.open-quote {
top:0!important;
margin-left:-30px;
text-align:left;
display:block;
}
.close-quote {
margin-right:-30px;
text-align:right;
display:block;
bottom:0!important;
}
#quotesdots {
margin-bottom:-30px;
}
footer {
margin:auto!important;
font-family:'Quicksand', sans-serif;
font-weight:500;
font-size:18px;
clear: both;
position: relative;
padding:40px 0px 20px 0px;
text-align:center;
}
.hide-footer img {
margin:0 40px;
}
.show-footer img {
margin-bottom:20px!important;
}
footer a {
color:#ffffff!important;
}
.hide-footer {
display:block;
}
.show-footer {
display:none;
}

/* Carousel */
.carousel-indicators li {
width:10px!important;
height:10px!important;
border-radius:100%!important;
margin: 0 7px!important;
background-color:#DAD9DD;
}
#carouselIndicators-computer .carousel-indicators li,
#carouselIndicators-mobile .carousel-indicators li,
#carouselExampleIndicators .carousel-indicators li{
background-color:#DAD9DD!important;
width:10px!important;
height:10px!important;
border-radius:100%!important;
margin: 0 7px!important;
}

#carouselExampleIndicators1 .carousel-indicators li {
width:10px!important;
height:10px!important;
border-radius:100%!important;
margin: 0 5px!important;
background-color:#ffffff!important;
opacity:1;
}

#carouselIndicators-mobile .carousel-indicators li {
	width:7px!important;
	height:7px!important;
}
#carouselIndicators-computer .carousel-indicators li.active,#carouselIndicators-mobile .carousel-indicators li.active,#carouselExampleIndicators1 .carousel-indicators li.active,#carouselExampleIndicators .carousel-indicators li.active {
background-color: #E8610C!important;
}

.carousel-indicators li.active {
background-color: #E8610C!important;
}

.carousel-item {
width: 100%;
max-height: auto;
background:transparent;
}

.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
z-index: 1;
opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: opacity 1s 0.3s!important;
}
.how-img {
text-align: center;
}
.how-img img{
width: 100%;
}

.container-paddings {
padding:100px 100px 100px 200px;
margin:0px;
}
.container-paddings3 {
padding:100px 100px 100px 200px;
margin:0px;
}
.container-white1 hr, .container-paddings1 hr,.container-white4 hr, .container-grey3 hr {
margin-top:30px;
margin-bottom:30px;
margin-left:0!important;
margin-right:0!important;
}
.container-hr {
margin-top:50px;
margin-bottom:50px;
margin-left:auto!important;
margin-right:auto!important;
}
.container-grey1 hr {
margin-top:30px;
margin-bottom:60px!important;
margin-left:auto!important;
margin-right:auto!important;
}

.container-grey1 {
background: #363F49;
top:0!important;
color:#ffffff;
text-align:center!important;
padding:100px 200px 80px 200px;
}
.container-grey7 hr {
margin-top:30px;
margin-bottom:60px!important;
margin-left:auto!important;
margin-right:auto!important;
}

.container-grey7 {
background: #363F49;
top:0!important;
color:#ffffff;
text-align:center!important;
padding:100px 200px 100px 200px;
}
/*FOOD MENU*/
.menu-column {
text-align:left!important;
margin:0px 20px;
}
.catering-padding {
margin-left:-20px!important;
margin-right:-20px!important;
}
.catering-column {
text-align:center!important;
margin:0px 20px;
}
.catering-column img {
object-fit:cover;
width:100%;
height:auto;
}

.menupics-column {
text-align:center!important;
}
.cateringpics {
text-align:center!important;
} 

.menu-header {
font-family:'oswald', sans-serif;
font-size:28px;
font-weight:400;
border-top:2px solid #E8610C;
text-transform:uppercase;
padding:10px 0px;
	margin:10px 0px 0px 0px;
}
.menu-header .col {
	
display:inline-block;	
}
.item-name {
font-family:'Quicksand', sans-serif;
font-size:21px;
font-weight:500;
}
.item-price {
font-family:'Quicksand', sans-serif;
font-size:21px;
font-weight:500;
}

.item-name1 {
font-family:'Quicksand', sans-serif;
font-size:21px;
font-weight:500;
padding-bottom:10px!important;
}
.item-text1 {
font-family:'Quicksand', sans-serif;
font-size:17px;
font-weight:500;
padding:3px 0px!important;
}
.item-text {
font-family:'Quicksand', sans-serif;
font-size:17px;
font-weight:500;
padding:10px 0px 20px 0px;
}
.subitem-desc {
font-family:'Quicksand', sans-serif;
font-size:18px;
font-weight:400;
padding:5px 0px 5px 0px;
letter-spacing: -0.3px;
}
.subitem-text{
font-family:'Quicksand', sans-serif;
font-size:16px;
font-weight:500;
padding:5px 0px!important;
	letter-spacing:-.2px;
}
.subitem-price {
font-family:'Quicksand', sans-serif;
font-size:16px;
font-weight:500;
padding:5px 0px!important;
}
.menu-description {
font-family:'Quicksand', sans-serif;
font-size:18px;
font-weight:600;
	padding-bottom:5px!important;
}
.events-header {
font-family:'Quicksand', sans-serif;
font-size:24px;
font-weight:600;
padding-bottom:10px!important;
}
.container-white2 hr {
margin:110px auto 100px auto;
}
.container-white8 hr {
margin:20px auto 20px auto;
}
.container-break hr {
margin:100px auto 100px auto;
}
.show-about .menu-header {
margin-top:40px!important;
}
.locname {
font-family:'Oswald', sans-serif;
font-size:28px;
font-weight: 400;
text-transform:uppercase;
}
.locmap {
font-family:'quicksand', sans-serif;
font-size:21px;
font-weight:500;
line-height:40px;
}
.locmap img {
position:relative;
top:-3px;
padding-right:5px;
}
.news-date {
font-family:'Quicksand',sans-serif;
font-size:18px;
font-weight:600;
margin-bottom:10px;
}
.news-header {
font-family:'oswald', sans-serif;
font-size:28px;
font-weight:400;
text-transform:uppercase;
padding:10px 0px 10px 0px;
text-align:left!important;
}
.news-text {
font-family:'Quicksand',sans-serif;
font-size:18px;
font-weight:500;
}
.text-grey1 a {
color: #363F49!important;
}
.text-grey1 a:hover, .text-grey1 a:active {
color:#363F49!important;
}
.locmap a{
color:#ffffff!important;
}
.locmap a:hover, .locmap a:active {
color:#ffffff!important;
}

.item-border {
padding:10px;
margin:10px 0px 30px 0px;
border:1px solid #fff;
}

.orange {
	
color:#E8610C;
}

.small {
	display:inline-block;
font-size:14px!important;
}
.hide-footer img {
    padding-bottom: 10px;
}

#accordion .card-header {
    border-radius: 0;
    background-color: #ffffff;
    color: #363F49;
    border: none;
}
#accordion .card-header .btn {
    color: #363F49;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1.5rem;
    padding: 0;
    text-align: left;
    display: inline-block;
    width: 100%;
}
#accordion .card-header .btn:hover { 
    text-decoration: none;
    color: #E8610C;
}

#accordion .card-header .btn:focus {
    box-shadow: none;
    text-decoration: none;
}
#accordion .card {
    margin: 0.5rem 0;
    border-radius:  0;
}

.carousel-item .image.square img {
	aspect-ratio: 1/1;
	object-fit: cover;
	width: 100%;
	height: auto;
}