@font-face {
	font-family: Cleargothic;
	src: url(/fonts/Cleargothic-Bold.ttf);
	font-weight: 700
}

img {
	max-width: 100%
}

a,
h1 {
	color: #568283
}

a:hover {
	color: #000
}

body {
	font-family: "PT Sans", sans-serif
}

h1,
h2,
h3 {
	font-family: Cleargothic, "PT Sans", sans-serif
}

.button {
	background-color: #568283;
	color: #fff;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
	text-decoration: none
}

button.toggleMenu {
	color: #c3dae0;
	padding: 0 7px;
	border: none;
	border-radius: 2px;
	background: 0 0
}

button.toggleMenu span.icon {
	height: 40px;
	position: relative;
	display: inline-block;
	line-height: 0;
	width: 40px
}

button.toggleMenu span.icon:before {
	border-top: 2px solid;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	backface-visibility: hidden;
	transition: background .25s ease 0s, border-color .25s ease 0s, color .25s ease 0s, height .25s ease 0s, opacity .25s ease 0s;
	width: 40px
}

button.toggleMenu span.icon:after {
	border-top: 2px solid;
	border-bottom: 2px solid;
	content: "";
	display: block;
	height: 18px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px
}

#header {
	background: #568283
}

#header .header-wrapper .container {
	display: flex;
	flex-wrap: wrap
}

#header .header-wrapper .container .toggleMenu {
	position: absolute;
	top: 18px;
	left: 18px
}

#header .header-wrapper .container #logo {
	width: 179px;
	margin: 0 auto;
	padding: 10px 0
}

#header .header-wrapper .container .top-nav {
	display: none
}

#header .header-wrapper .container .right-btns {
	flex-basis: 100%;
	display: flex
}

#header .header-wrapper .container .order-online {
	padding-left: 5px
}

#header .header-wrapper .container .bookings {
	padding-right: 5px
}

#header .header-wrapper .container .bookings,
#header .header-wrapper .container .order-online {
	flex: 1;
	margin-bottom: 10px
}

#header .header-wrapper .container .bookings a,
#header .header-wrapper .container .order-online a {
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	text-align: center;
	border: 3px solid #bfdddb;
	border-radius: 40px;
	background: #bfdddb;
	color: #000;
	padding: 7px 10px;
	font-size: 14px
}

#header .header-wrapper .container .bookings a:hover,
#header .header-wrapper .container .order-online a:hover {
	background: #1d4745;
	border-color: #1d4745;
	color: #fff
}

body.home .swiper-backface-hidden .swiper-slide {
	height: calc(100vh - 250.5px)
}

#ommenu ul {
	list-style: none;
	padding: 0
}

#ommenu ul li {
	padding: 0;
	display: block;
	position: relative
}

#ommenu ul li a {
	padding: 10px;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	border-bottom: 1px solid #efefef;
	text-decoration: none;
	color: #000
}

#ommenu ul li a:hover {
	color: #568283
}

#ommenu ul li.has-sub:hover ul {
	display: block
}

#ommenu ul li ul {
	display: none;
	width: 200px;
	position: absolute;
	top: 68px;
	z-index: 20;
	background: #000
}

#ommenu ul li ul li {
	display: block;
	width: 100%
}

#ommenu ul li ul li a {
	color: #fff
}

#ommenu ul li ul li:hover a {
	background: #fff6e4;
	color: #260d05
}

#mMenu.modal .modal-dialog {
	margin: 0
}

#mMenu.modal .modal-dialog .modal-header {
	background: #568283
}

#mMenu.modal .modal-dialog .modal-header .modal-title {
	max-width: 140px
}

#mMenu.modal .modal-dialog .modal-footer .button {
	display: block;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	font-weight: 700
}

.ptb-20 {
	padding: 20px 0
}

.ptb-30 {
	padding: 30px 0
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
	color: #fff
}

.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #568283
}

#pageContainer .page-content {
	padding: 35px 0
}

.menu-wrapper {
	margin-bottom: 35px;
	padding: 0 15px
}

.menu-wrapper .menu-row {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #c2c1c1;
	display: flex
}

.menu-wrapper .menu-row .om-image {
	width: 100px
}

.menu-wrapper .menu-row .heading {
	flex: 1;
	font-weight: 700;
	font-size: 16px;
	width: auto
}

.menu-wrapper .menu-row .heading .teaser {
	font-weight: 400;
	color: #222
}

.menu-wrapper .menu-row .price {
	font-weight: 700;
	font-size: 16px;
	text-align: right;
	width: auto
}

#footer {
	z-index: 1;
	position: relative;
	margin-top: 0;
	background-size: cover;
	padding-top: 20px;
	color: #000
}

#footer a {
	color: #000
}

#footer a:hover {
	color: #568283
}

#footer p {
	margin-bottom: 0
}

#footer .fb {
	display: flex;
	align-content: center;
	align-items: center
}

#footer .fb h3 {
	flex: 0 0 80px
}

#footer .social-media {
	width: 100px;
	margin: 10px auto
}

#footer .social-media ul {
	list-style: none;
	display: flex;
	padding: 0;
	margin: 0
}

#footer .social-media ul li {
	flex: 1;
	margin: 10px
}

#footer .footer-top {
	padding: 40px 20px
}

#footer .footer-top .footer-rname {
	color: #000
}

#footer .footer-top .footer-rname h2 {
	color: #000;
	text-align: left;
	font-size: 25px
}

#footer .footer-top .om-column {
	margin-bottom: 25px;
	flex-flow: column
}

#footer .footer-top .om-column h3 {
	display: block;
	color: #000;
	border-bottom: 1px solid #000;
	text-align: left;
	padding-bottom: 10px
}

#footer .footer-top .om-column p {
	display: block;
	text-align: left;
	margin-bottom: 25px
}

#footer .footer-top .social-media-links ul {
	display: flex;
	padding: 0;
	margin: 0 0 30px;
	list-style: none
}

#footer .footer-top .social-media-links ul li {
	margin-right: 15px
}

#footer .container {
	padding: 0
}

#footer .container .contact-item {
	margin-bottom: 30px
}

#footer .container .design-by {
	margin-top: 20px;
	color: #000;
	font-size: 12px
}

#footer .container .design-by a {
	color: #000
}

.location-wrapper h2 {
	text-transform: uppercase
}

.location-wrapper a {
	color: #000
}

.swiper-slide-logo {
	position: absolute;
	top: auto;
	z-index: 40;
	left: 0;
	bottom: 0;
	right: 0
}

.swiper-slide-logo .slide-logo-wrapper {
	width: 180px
}

div.about-us {
	background: #fff;
	padding: 0
}

div.about-us .container {
	padding: 0
}

div.about-us .about-main {
	color: #000;
	background: #bfdddb;
	text-align: center;
	padding: 45px 30px;
	font-size: 18px
}

div.our-services {
	background: #fff;
	padding: 45px 0
}

div.our-services .our-services-header {
	text-align: center
}

div.our-services .our-services-header h2 {
	color: #000;
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 20px
}

div.our-services .our-services-header p {
	font-size: 22px
}

div.our-services .column-text {
	padding: 30px
}

div.our-services .column-strip .column {
	text-align: center;
	margin-bottom: 20px
}

div.our-services .column-strip .column .btn a {
	background: #1f170f;
	color: #fff;
	border: 2px solid #fff;
	padding: 8px 25px;
	text-decoration: none;
	text-transform: uppercase
}

div.our-services .column-strip .column-1 {
	background: #568283;
	color: #fff
}

div.our-services .column-strip .column-1 h3,
div.our-services .column-strip .column-2 h3 {
	color: #fff
}

div.our-services .column-strip .column-2 {
	background: #035966;
	color: #fff
}

div.our-services .column-strip .column-3 {
	background: #bbdfdf;
	color: #000
}

div.our-services .column-strip .column-3 h3 {
	color: #000
}

div.our-services .column-strip .column-4 {
	background: #000;
	color: #fff
}

div.our-services .column-strip .column-4 h3 {
	color: #fff
}

div.upstair-lounge {
	background: #568283
}

div.upstair-lounge .column-text {
	padding: 30px;
	font-size: 16px;
	color: #fff
}

div.upstair-lounge .column-text h4 {
	color: #fff;
	font-size: 34px
}

div.discover {
	padding: 0;
	background: #fff;
	color: #000
}

div.discover .container {
	padding: 0
}

div.discover .discover-text {
	padding: 30px;
	color: #000;
	font-size: 16px
}

div.contact-section {
    padding: 40px 0;
    background: url(/media/qh0otuzv/lamb-m.jpg) no-repeat fixed
}

div.contact-section .container {
    background: rgba(0,0,0,.75);
    padding: 50px 35px;
    color: #fff;
    font-size: 18px
}

@media screen and (min-width:760px) {
	.om-categories .categories-wrapper {
		display: flex;
		flex-wrap: wrap
	}

	.om-categories .categories-wrapper .om-category {
		width: 50%;
		padding: 10px
	}

	#footer .footer-locations-wrapper {
		display: flex
	}

	#footer .footer-locations-wrapper .footer-location {
		margin-bottom: 0;
		flex: 1;
		padding: 25px
	}

	#footer .footer-locations-wrapper .fb-wrapper {
		max-width: 200px
	}
}

@media screen and (min-width:980px) {
	#header {
		padding: 0;
		width: 100%;
		z-index: 100
	}

	#header .header-wrapper .container .toggleMenu {
		display: none
	}

	#header .header-wrapper .container #logo {
		margin: 0;
		padding: 10px;
		width: 235px;
		z-index: 100
	}

	#header .header-wrapper .container .top-nav {
		display: flex;
		flex: 1;
		align-items: center;
		justify-content: end;
		padding-right: 25px
	}

	#header .header-wrapper .container .top-nav .navbar {
		padding: 0
	}

	#header .header-wrapper .container .top-nav #ommenu ul {
		list-style: none;
		padding: 0;
		margin: 0
	}

	#header .header-wrapper .container .top-nav #ommenu ul li {
		padding: 0;
		display: inline-block
	}

	#header .header-wrapper .container .top-nav #ommenu ul li a {
		padding: 25px 10px;
		font-size: 17px;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
		line-height: 18px;
		text-decoration: none;
		color: #fff;
		border-bottom: none
	}

	#header .header-wrapper .container .top-nav #ommenu ul li a:hover {
		color: #1d4745
	}

	#header .header-wrapper .container .top-nav #ommenu ul li ul li a {
		padding: 10px;
		color: #fff
	}

	#header .header-wrapper .container .right-btns {
		flex-basis: auto;
		align-items: center;
		justify-content: center
	}

	#header .header-wrapper .container .right-btns .bookings,
	#header .header-wrapper .container .right-btns .order-online {
		flex: auto;
		margin-bottom: 0
	}

	#header .header-wrapper .container .right-btns .bookings a,
	#header .header-wrapper .container .right-btns .order-online a {
		padding-left: 15px;
		padding-right: 15px
	}

	body.home .swiper-backface-hidden .swiper-slide {
		height: calc(100vh - 104.5px)
	}

	div.about-us {
		padding: 40px
	}

	div.about-us .container {
		width: calc(100% - 10px - 10px);
		max-width: 100%
	}

	div.about-us .container .about-main {
		height: 100%;
		font-size: 20px;
		padding-left: 50px;
		padding-right: 50px
	}

	div.our-services .column-strip {
		display: flex;
		margin-left: auto;
		margin-right: auto;
		width: calc(100% - 35px - 35px)
	}

	div.our-services .column-strip .columns {
		display: flex
	}

	div.our-services .column-strip .column {
		margin: 14px;
		width: 25%;
		display: flex;
		flex-direction: column
	}

	div.our-services .column-strip .column .column-text {
		display: flex;
		flex-direction: column;
		height: 100%
	}

	div.our-services .column-strip .column .btn {
		align-items: flex-end;
		margin-top: auto
	}

	div.upstair-lounge .column-strip .columns {
		display: flex
	}

	div.upstair-lounge .column-strip .column {
		flex: 1;
		display: flex
	}

	div.upstair-lounge .column-strip .column .column-img,
	div.upstair-lounge .column-strip .column .column-text {
		flex: 1
	}

	div.upstair-lounge .column-strip .column .column-img img {
		height: 100%
	}

	div.discover {
		padding: 40px 0
	}

	div.discover .container {
		width: calc(100% - 40px - 40px);
		max-width: 100%;
		margin: 0 auto
	}

	div.discover .discover-wrapper {
		display: flex
	}

	div.discover .discover-wrapper .discover-text {
		width: 50%;
		order: 0
	}

	div.discover .discover-wrapper .discover-img {
		width: 50%;
		order: 1
	}

	div.contact-section .container {
		width: calc(100% - 80px - 80px);
		max-width: 100%;
		margin: 0 auto;
		font-size: 20px
	}

	div.contact-section .container .col-md-6 {
		padding: 0 15px
	}

	div.home-gallery {
		padding: 0 20px
	}

	.dright-border {
		border-right: 1px solid #efefef
	}

	#footer .footer-top .om-container {
		display: flex
	}

	#footer .footer-top .om-container .om-column {
		flex: 1;
		justify-content: normal;
		margin-right: 35px
	}

	#footer .footer-top .footer-rname h2 {
		font-size: 20px
	}

	.swiper-slide-logo .slide-logo-wrapper {
		width: 280px
	}
}

@media screen and (min-width:1200px) {

	.h3,
	h3 {
		font-size: 25px
	}
}