@media (hover:hover) {}

@media (hover:none) {}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/*
font-family: 'Alice', serif;
font-family: 'Lato', sans-serif;
*/
/* */
html,
body,
h1,
h2,
h3 {
	margin: 0;
	padding: 0;
}

html {}

html.home {
	overflow-x: visible;
}

body {
	color: #525252;
	font-family: 'Lato', sans-serif;
	font-size: 1.25em;
	background: #ffffff;
}

img {
	border: none;
}

a {
	border: none;
	text-decoration: none;
	outline: none;
	font-weight: normal;
	color: black;
}

h1 {
	display: block;
	color: #353535;
	font-size: 2.3em;
	font-family: 'Alice', serif;
	line-height: 32px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px 0 38px 0;
	text-align: center;
	/* text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.22); */
}

.home h1 {
	max-width: 565px;
	margin: 0 auto 0.9em;
	line-height: 1em;
}

h2 {
	color: #44a5c2;
	color: #64725e;
	font-family: 'Alice', serif;
	font-size: 2.2em;
	font-size: 1.8em;
	line-height: 0.8em;
	margin: 25px 0 0px 0;
	text-align: left;
	font-weight: normal;
}

.home h2 {
	font-size: 30px;
	margin: 25px 0 10px 0;
	text-align: center;
	font-weight: normal;
}

h3 {
	font-size: 19px;
	margin: 17px 0 0 0;
	line-height: 25px;
	/* font-weight:normal; */
}

p {
	margin: 12px 0 27px 0;
}

@media (max-width:730px) {
	h1 {
		font-size: 2em;
	}

	.content p {
		font-size: 18px;
		line-height: 25px;
	}
}

table {
	font-size: 16px;
}

hr {
	border: none;
	margin: 30px 0;
	border-bottom: 2px solid #2ea4a5;
}

input {
	outline: none;
}

.clearfix:before {
	content: " ";
	display: table;
}

.clearfix:after {
	content: " ";
	display: table;
	clear: both;
}

.clickable,
.clickable2 {
	cursor: pointer;
}

::selection {
	background: #8c9c85;
	color: #292929;
}

::-moz-selection {
	background: #8c9c85;
	color: #292929;
}

::-webkit-selection {
	background: #8c9c85;
	color: #292929;
}

.clear {
	clear: both;
}

.tel,
.tel:hover {
	text-decoration: none !important;
	cursor: default;
	color: white;
}

a.button {
	position: relative;
	padding: 13px 20px 13px 20px;
	font-size: 18px;
	background: #303736;
	color: white !important;
	border-radius: 3px;
	font-weight: normal !important;
	text-decoration: none !important;
	text-transform: uppercase;
	margin: 10px 2%;
	box-shadow: 0px 8px 10px -10px rgba(0, 0, 0, 0.36);
	transition: 0.3s;
}

a.button:hover {
	padding-right: 45px;
}

a.button:hover:before {
	opacity: 1;
}



/*HEADER===================================================*/

header {
	position: relative;
	width: 100%;
	display: block;
	z-index: 100;
	width: 100%;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.23);
	background: #303736;
	transition: background 0.3s;
}

.top {
	background: #64735e;
}

.top .center {
	display: flex;
	max-width: 1400px;
	margin: 0 auto;
}

header .top {
	box-shadow: inset 0px -9px 11px -10px rgba(0, 0, 0, 0.42);
}


.header-inner {
	z-index: 10;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin: 0 auto;
	padding: 0px 2%;
	max-width: 1400px;
}

/*.logo {display:block; position:absolute; z-index: 10; top:-6px; left:4px;  width:289px; height:87px; background:url(../images/commanders-palace-logo.png) no-repeat 9px 15px;  transition:0.3s;}*/
.logo {
	position: relative;
	z-index: 1000;
	display: inline-block;
	padding: 0 0 0 12px;
	transition: 0.3s;
}

.logo img {
	width: 343px;
	height: auto;
}



@media (max-width:1020px) {
	.header-inner {
		height: 95px;
	}
}

@media (max-width:540px) {
	.header-inner {
		display: block;
		padding: 10px;
		height: 155px;
	}

	.logo {
		display: block;
		text-align: center;
	}

	.logo img {
		max-width: 343px;
		width: 100%;
	}
}

/* Nav======================= */
nav {
	position: relative;
	float: right;
	z-index: 110;
	text-transform: uppercase;
}

nav .mobileMenu {
	display: none;
	position: absolute;
	bottom: 0px;
	right: 2.5%;
	width: 90px;
	height: 100%;
}

nav>.mobileMenu:before {
	position: absolute;
	content: "MENU";
	right: 28px;
	top: 0px;
	display: block;
	cursor: pointer;
	font-weight: bold;
	line-height: 64px;
	font-size: 17px;
	color: #dbd6bb;
	letter-spacing: 1px;
	transition: 0.3s line-height;
}

nav>.mobileMenu:after {
	position: absolute;
	content: "\f0c9";
	right: 0px;
	top: 0px;
	font-family: Font Awesome\ 5 Pro;
	display: block;
	cursor: pointer;
	line-height: 63px;
	font-size: 21px;
	color: #dbd6bb;
	transition: 0.3s line-height;
}

nav>ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav>ul>li {
	position: relative;
	z-index: 10;
	float: left;
	font-weight: bold;
}

li.reserve {
	background: black;
}

li.hasChildren:before {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 34px;
	margin-left: -8px;
	content: '';
	width: 0px;
	height: 0px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #f5f5f5;
	transition: 0.3s;
}

nav>ul>li>a {
	display: block;
	text-align: center;
	padding: 25px 15px 25px 15px;
	line-height: 45px;
	color: #dbd6bb;
	/* background:white; */
	font-size: 0.9em;
	transition: 0.3s;
}

nav>ul>li:first-child>a {
	/* border-left: 1px solid #262626; */
}

nav>ul>li:hover {}

li.hasChildren:hover:before {
	border-top: 8px solid #000000;
}

nav>ul>li:hover a {}

nav>ul>li ul {
	height: 0;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 6px 0 1px 0;
	/*width: 210px;*/
	left: 0;
	top: 90px;
	overflow: hidden;
	transition: 0.2s;
}

nav>ul>li ul.ourRestaurants {
	left: inherit;
	right: 0px;
}

nav>ul>li ul li {
	position: relative;
	margin: 0;
	float: left;
	box-sizing: border-box;
	margin: 1px 1% 1px 0px;
	width: 100%;
	box-shadow: 1px 5px 5px -3px rgba(0, 0, 0, 0.3);
}

nav>ul>li ul li a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 0;
	letter-spacing: -3px;
	font-size: 17px;
	font-size: 0.85em;
	text-align: right;
	color: #dbd6bb;
	transition: 0.3s;
}

nav>ul>li:hover ul li a {
	background: #64735e;
	letter-spacing: 0;
	transition: 0.3s;
}

nav>ul>li ul li:first-child:before {
	border: none !important
}

nav>ul>li ul li:hover:before {
	background: white;
	background: rgba(255, 255, 255, 1);
	transition: 0.2s;
}

nav>ul>li:hover ul li:before {}

nav>ul>li ul li:hover a {
	background: #4a5843;
	/* color:#ffffff !important; */
}

nav>ul>li ul li:hover a.pdf:before {
	/*background:url(../images/pdf2.png) center -23px no-repeat;*/
}

nav>ul>li:hover ul {
	height: 405px;
	transition: 0.4s;
}


nav>ul>li:first-child:hover ul {
	height: 230px !important;
}

nav>ul>li:hover ul li a {
	padding: 13px;
}

@media (max-width:1220px) {
	nav>ul>li>a {
		font-size: 0.7em;
	}
}

@media (max-width:1020px) {

	nav {
		/* float:none; */
		position: absolute;
		width: 100%;
		min-height: 60px;
		left: 0%;
	}

	nav .mobileMenu {
		display: block;
		z-index: 1000;
	}

	nav>ul {
		padding: 0px 0 0 0;
	}

	nav>ul.selected {
		position: absolute;
		border-bottom: solid 5px #303736;
		right: 0px;
		top: 76px;
		width: 100%;
		background: #64735e;
	}

	nav>ul.selected>li {
		width: 100%;
	}

	nav>ul.selected>li a {
		font-size: 1em;
		line-height: 50px;
		text-align: right;
		color: black !importnat;
	}

	nav>ul>li.highlight2:before {
		background: rgba(255, 255, 255, 1) !important;
	}

	nav>ul.selected>li {
		display: block;
		margin-top: 1px;
	}

	nav>ul>li:before {
		display: none;
	}

	nav>ul>li {
		display: none;
		margin-top: 0px !important;
		border-top: 2px solid rgba(68, 68, 68, 0.27) !important;
	}

	nav>ul>li>a {
		position: relative;
		padding: 0 15px 0 0;
		color: #494747 !important;
		color: #dbd6bb !important;
		ont-size: 0.9em;
	}

	nav>ul>li.hasChildren>a:before {
		/* display:none; */
		position: absolute;
		content: "\f0d8";
		font-family: Font Awesome\ 5 Pro;
		right: 17px;
		bottom: -21px;
		font-size: 31px;
		font-weight: bold;
		color: #4c5a45;
	}

	nav>ul>li ul {
		width: 100%;
		/* display: none; */
		height: inherit !important;
		position: relative;
		top: 0px !important;
		padding: 0px;
		background: #4a5843;
	}

	nav>ul>li:first-child:hover ul {
		height: inherit !important;
	}

	nav>ul>li:hover ul,
	nav>ul>li.opened ul {
		display: block;
	}

	nav>ul>li:hover a:before,
	nav>ul>li.opened a:before {}

	nav>ul>li ul li {
		/*width: 50%;*/
		width: 100%;
		margin: 0;
		box-shadow: none;
	}

	nav>ul>li ul li a,
	nav>ul>li ul li:hover a {
		padding: 0px 15px 0px 0 !important;
		letter-spacing: 0px;
		background: none !important;
		/* line-height: 49px !important; */
		border-bottom: 1px solid rgba(0, 0, 0, 0.19);
		border-right: 1px solid rgba(0, 0, 0, 0.19);
	}
}

@media (max-width:540px) {
	nav {
		background: #65745f;
		bottom: 0px;
	}

	nav .mobileMenu {
		margin-left: -52px;
		right: inherit;
		left: 50%;
	}

	nav>ul.selected {
		top: 60px;
	}
}

@media (max-width:200px) {
	.header-inner {
		height: inherit;
	}

	.logo {
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0 auto;
		max-width: 275px;
		min-width: 248px
	}

	nav>ul {
		padding: 53px 0 0 0;
	}

	nav>ul>li ul li {
		width: 100%;
	}

	nav .mobileMenu {
		right: 50%;
		margin: 0 -58px 0 0;
	}

	nav>.mobileMenu:before,
	nav>.mobileMenu:after {
		top: 0px;
	}
}

@media (max-width:370px) {
	/*	nav > .mobileMenu:before {display:none;}*/
}


/*BANNER IMAGES============================*/
.dynamic-headers {
	position: relative;
}

.rslides {
	margin: 0 auto !important;
}

.rslides li {
	background-size: cover;
	background-position: center center;
}

.rslides img {
	object-fit: cover;
	min-height: 200px;
	max-height: 440px;
}

.home_slides li {
	/*opacity: 0; */
	/*transform: scale(1,1); transition: transform 10s linear , opacity 3s !important; */
}

.home_slides li.rslides1_on {
	opacity: 1;
	/*transform: scale(1.2,1.2); transition: transform 10s linear ,  opacity 2s !important; */
}

.home_slides img {
	min-height: 350px;
	max-height: 600px;
}

#map {
	height: 550px;
}

/*overlay*/
.overlay {
	position: absolute;
	width: 100%;
	z-index: 10;
	left: 0px;
	bottom: 20%;
	margin-top: -2.5em;
	text-align: center;
	color: #ece8d0;
	padding: 10px 3% 22px;
	background: rgba(49, 56, 55, 0.78);
	transition: 0.3s;
}

.overlay span {
	font-size: 2em;
	letter-spacing: 0.05em;
	font-family: 'Dancing Script', cursive;
	text-shadow: 0px 0px 2px black, 1px 1px 10px rgba(0, 0, 0, 0.28);
	line-height: 1.2em;
}

@media (max-width:1050px) {
	.overlay span {
		line-height: 1em;
		font-size: 1.6em;
	}
}


/*CTA SLIDES========================================*/
.CTAslider {
	position: relative;
}

.cta_slides {
	list-style: none;
}

.cta_slides li {
	padding: 0px;
	background-size: cover;
	background-position: center center;
	padding: 50px 3.5%;
	box-shadow: inset 0px 11px 12px -10px rgba(0, 0, 0, 0.52), inset 0px -11px 12px -10px rgba(0, 0, 0, 0.52);
}

.cta_slides li .box {
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
	/* background: rgba(0, 0, 0, 0.66); */
	padding: 40px 60px 28px;
	color: white !important;
	text-align: center;
	border-radius: 3px;
}

.cta_slides li .box h2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 19px;
	margin: 0px;
	padding: 8px 10px;
	background: rgba(0, 0, 0, 0.66);
	color: #d9b885;
	color: #d9b885;
	border-radius: 3px 3px 0 0;
}

.cta_slides li .box p.text {
	margin: 40px auto 20px auto;
	padding: 18px 5%;
	font-size: 1.1em;
	max-width: 800px;
	background: rgba(49, 56, 55, 0.78);
}

.cta_slides li .box img {
	display: none;
}

.cta_slides li .box h2 a {
	color: #ebc572;
	color: #d9b885;
	background: transparent !important;
	font-weight: bold;
}

.cta_slides li .box h3 {
	display: block;
	color: #f1eedc;
	font-size: 2.3em;
	font-weight: normal;
	font-family: 'Alice', serif;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.67);
}

.cta_slides li .box p {
	margin: 0px 0 9px 0;
	color: rgb(255, 255, 255);
}

.cta_slides li .box p strong {
	color: white;
}

.cta_slides li .box>p>a {
	display: inline-block;
	background: #dbd7bb;
	color: #2e2d2d;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	margin-top: 19px;
	padding: 9px 29px;
	border-radius: 2px;
	box-shadow: 0px 11px 7px -10px rgba(0, 0, 0, 0.47);
	transition: 0.3s;
}

.cta_slides li .box a:hover {
	background: #ffffff;
}

.cta_slides_nav {
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -36px;
	width: 25px;
	height: 90px;
	font-size: 37px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	overflow: hidden;
	text-indent: 1000px;
	transition: 0.0s;
}

.cta_slides_nav.next {
	right: 5%;
	background-image: url(../images/arrow2.png);
}

.cta_slides_nav.prev {
	left: 5%;
	background-image: url(../images/arrow1.png);
}

.cta_slides_tabs {
	position: absolute;
	z-index: 100;
	list-style: none;
	padding: 0px;
	left: 0px;
	bottom: -1px;
	width: 100%;
	text-align: center;
}

.cta_slides_tabs li {
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.55);
	margin: 0px 5px;
	overflow: hidden;
	text-indent: 100px;
}

.cta_slides_tabs li.cta_slides_here {
	background: rgba(255, 255, 255, 1);
}

.cta_slides_tabs li a {
	text-decoration: none;
	display: block;
}


@media only screen and (max-width: 660px) {
	.cta_slides2 li {
		/* background: #4a4a4a !important; */
		background: rgba(49, 56, 55, 1) !important;
		padding: 0px 0px 5px 0px;
	}

	.cta_slides2 li .box {
		padding-top: 1px;
		background: none;
		max-width: 100%;
		padding: 1px 0% 35px;
	}

	.cta_slides2 li .box img {
		width: 100%;
		height: auto;
		border-radius: 3px;
		display: block;
	}

	.cta_slides2 li .box h2 {
		position: relative;
		background: none;
		padding-bottom: 20px;
	}

	.cta_slides2 li .box h3 {
		position: relative;
		margin: 17px 3% 47px 3%;
		top: 29px;
		font-size: 2em;
	}

	.cta_slides2 li .box p {
		padding: 0px 3% 20px 3%;
		background: transparent !important;
	}

	.CTAslider2 .cta_slides_nav {
		top: 10%;
		display: none;
		z-index: 150;
	}

	.CTAslider2 .cta_slides_tabs {
		bottom: 0px;
	}

	.cta_slides_nav.next {
		left: inherit;
		right: 28px;
		margin-left: 0px;
	}

	.cta_slides_nav.prev {
		left: 28px;
		margin-left: 0px;
	}
}



/* CTAs  ============================================ */
.ctas {
	position: relative;
	z-index: 10;
	background-size: cover;
	overflow: hidden;
	box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.47);
	background: #313837;
	background: #f6efe6 url(../images/content.png) repeat center;
	/* background: #f6efe6; */
}

.ctas .centerTop {
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	padding: 25px 3%;
}

. .ctas .socialLogos {
	background: rgba(255, 255, 255, 0.28);
}

.ctas .socialLogos div {
	display: flex;
	justify-content: space-between;
	max-width: 1400px;
	padding: 10px 3%;
	border-radius: 3px;
	margin: 30px auto;
	/* background: #fbf9eb; */
}

.ctas .socialLogos div img {
	max-width: 100%;
	height: auto;
}

@media (max-width:1100px) {

	.ctas .socialLogos div {
		display: block;
	}

	.ctas .socialLogos div img {
		float: left;
		width: 23%;
		margin: 0 1%;
	}
}


@media (max-width:540px) {
	.ctas .socialLogos div {
		max-width: 400px;
	}

	.ctas .socialLogos div img {
		float: left;
		width: 48%;
		margin: 0 1%;
	}

}

/*Main Content ============================================ */
.content {
	position: relative;
	z-index: 9;
	min-height: 200px;
	padding: 0px 4%;
	box-shadow: 0px -3px 14px -6px rgba(0, 0, 0, 0.42);
	background: #d1ceb4 url(../images/content.png) repeat center;
}

.content article {
	position: relative;
	max-width: 940px;
	padding: 0px;
	margin: 85px auto 91px auto;
}

.home .content article {
	margin: 67px auto 71px auto;
}

.content article h3 {
	margin-bottom: 10px;
}

.default .content article>div {
	background: #2ea4a5;
	color: white;
	padding: 5px 2% 14px;
	box-shadow: 0px 11px 10px -10px rgba(0, 0, 0, 0.48);
}

.default .content article>div h2 {
	margin: 0 0 5px;
	color: white;
	font-weight: normal;
}

.default .content article>div h3 {
	margin: 0 0 5px;
	color: white;
	font-weight: normal;
	margin-top: 10px;
}

.content article p {
	width: 100%;
}

.content article p.gray {
	background: rgba(211, 211, 211, 0.56) !important;
	padding: 4px 2%;
}

.content article img {
	display: block;
	max-width: 50%;
	height: auto;
	border-radius: 2px;
	margin-bottom: 20px;
}

.content article a {
	/*display: block;*/
	position: relative;
	text-decoration: underline;
	color: #2f8da9;
	font-weight: bold;
	transition: 0.3s;
}

.content article a:hover {}

.content article a:after {
	position: absolute;
	content: '';
}

.content article a.button:after,
.centerTop a.button:after {
	position: absolute;
	content: '\f105';
	font-family: Font Awesome\ 5 Pro;
	right: 9%;
	top: 50%;
	font-size: 32px;
	margin-top: -17px;
	color: white;
	opacity: 0;
	transition: 0.3s;
}

.content article a.button:hover,
.centerTop a.button:hover {
	background: #64735e;
}

.content article a.button:hover:after,
.centerTop a.button:hover:after {
	opacity: 1;
	right: 6%;
}

.content article .box {
	background: rgba(0, 0, 0, 0.06);
	padding: 25px 2%;
}

.content article ul {
	list-style: none;
	padding: 0px;
}

.content article ul li {
	position: relative;
	background: rgba(27, 27, 27, 0.08);
	padding: 2px 10px 2px 30px;
	margin: 3px 0px;
	font-size: 0.95em;
}

.content article ul li:before {
	position: absolute;
	content: '';
	left: 10px;
	top: 11px;
	border-radius: 14px;
	width: 8px;
	height: 8px;
	background: #44a5c2;
}


/*Home Content area ============================================*/
.home .content {
	text-align: center;
}

.home .content article {
	line-height: 1.3em;
}

.home .content p {
	color: #3a3a3a;
	text-align: left;
}

.home .content .button {
	display: inline-block;
	margin-top: 30px;
	background: white;
	color: #9c9c9c;
	text-decoration: none;
	box-shadow: 0px 9px 11px -10px rgba(0, 0, 0, 0.28);
}

.home .content .button:hover {
	background: #000000;
	color: #9c9c9c;
}



@media (max-width:700px) {
	.content article img {
		width: 50%;
		max-width: 100%;
	}
}

@media (max-width:450px) {
	.content article img {
		width: inherit;
		max-width: 100%;
	}
}


/*Our Techniques Page=================================*/
.techniques {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.techniques p {
	position: relative;
	display: flex;
	align-items: center;
	width: 32% !important;
	border-radius: 10px;
	margin: 1% 0%;
	padding: 0px;
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.28);
	overflow: hidden;
}

.techniques p:nth-child(5n+4) {}

.techniques p:nth-child(5n+0) {}

.techniques p img {
	display: block;
	object-fit: cover;
	height: auto;
	height: 100%;
	width: 100%;
	max-width: 100%;
	margin: 0px;
	padding: 0px;
}

.techniques p strong {
	position: absolute;
	z-index: 10;
	left: 10%;
	top: 50%;
	width: 80%;
	margin-top: -20px;
	text-align: center;
	color: white;
	color: black;
	background: rgba(67, 165, 194, 0.82);
	background: rgba(255, 255, 255, 0.77);
	font-size: 1.2em;
	line-height: 0.9em;
	padding: 7px 2% 11px;
	/* border-bottom: 2px solid #43a5c2; */
	border-radius: 3px;
}

@media screen and (max-width: 800px) {
	.techniques p {
		width: 48% !important;
		margin: 2% 0%;
	}
}

@media screen and (max-width: 500px) {
	.techniques {
		display: block;
		text-align: center;
	}

	.techniques p {
		display: inline-block;
		width: 100% !important;
		max-width: 300px;
		margin: 2.5% 0%;
	}
}




/*Social*/
.social {
	display: flex;
	justify-content: flex-end;
	justify-content: flex-end;
	position: relative;
	text-align: center;
	width: 100%;
	padding: 0px 2.5% 0px;
	margin: 0px auto 0px auto;
	color: rgba(255, 255, 255, 0.78);
}

.social .connect {
	font-size: 13px;
	color: #2c2c2c;
	display: block;
}

.social .icon {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	color: rgba(219, 214, 187, 0.83);
	text-indent: -300px;
	overflow: hidden;
	margin: 0 1px 0px 1px;
	font-size: 1.2em;
	text-align: center;
	transition: 0.3s;
}

.twiter {
	/*font-size: 26px !important;*/
}

.youtube {
	width: 48px !important;
}

.social .fab {
	text-indent: 300px;
	line-height: 38px;
}

.social .fab span {
	font-size: 16px;
	padding: 0 4px;
}

.social a:hover {
	color: rgba(255, 255, 255, 1);
}

.social span {
	position: relative;
	padding-left: 42px;
	margin-left: 10px;
	line-height: 38px;
	font-size: 0.9em;
	color: rgba(219, 214, 187, 0.83);
	border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.social span:before {
	position: absolute;
	content: '\f095';
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	left: 14px;
	top: 1px;
	color: #212524;
}

.compucast-stamp {
	display: none !important;
}

footer .compucast-stamp {
	display: inline-block !important;
	width: 250px;
	line-height: 26px;
	margin-left: 2.5%;
}

@media (max-width:1100px) {
	footer .compucast-stamp {
		display: none !important;
	}
}




/* Gallery============================ */
#gallery-categories {
	list-style: none !important;
	padding: 0;
	margin: 0 0 70px 0;
}

#gallery-categories li {
	position: relative;
	width: 25%;
	width: 48%;
	float: left;
	margin: 10px 1%;
	border: solid 8px #f6f4f1 !important;
	padding: 0px 0px 0px 0px;
	border-radius: 4px;
	box-sizing: border-box;
}

#gallery-categories li:before {
	display: none;
}

#gallery-categories li a {
	position: relative;
	display: block;
}

#gallery-categories li a span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 280px;
	margin: -22px 0 0 -140px;
	background: rgba(255, 255, 255, 0.86);
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);
	text-align: center;
	font-size: 24px;
	letter-spacing: 1px;
	font-size: 27px;
	border-radius: 3px;
	padding: 11px 20px 11px 20px;
	color: black;
	box-sizing: border-box;
	border-radius: 4px;
	transition: 0.3s;
}

#gallery-categories li:hover a span {
	color: white;
	background: rgba(0, 0, 0, 0.9);
}

#gallery-categories li a img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	margin-bottom: 0px;
}

@media screen and (max-width: 700px) {
	#gallery-categories li {
		float: none;
		display: block;
		margin: 0px auto 40px auto;
		width: 100% !important;
		max-width: 410px;
	}
}


/* Aligned Gallery*/
.aligned-gallery {
	list-style: none;
	columns: 1;
	padding: 0px 0px 0px 15px;
}

.aligned-gallery li {
	display: block;
	float: left;
	margin: 5px !important;
	width: inherit !important;
	padding: 0px !important;
	box-;
	box-shadow: 0px 0px 11px -8px rgba(0, 0, 0, 0.0);
	sition: 0.3s;
}

.aligned-gallery li:hover {
	/* box-shadow: 0px 10px 11px -8px rgba(0, 0, 0, 0.41); */
}

.aligned-gallery li:before {
	display: none;
}

.aligned-gallery li a {
	display: block;
	cursor: zoom-in
}

.aligned-gallery li a img {
	display: block;
	margin: 0px !important;
	border-radius: 3px;
	max-width: 100%;
}


@media screen and (max-width: 780px) {
	#gallery-categories li {
		display: block;
		margin: 0px auto 10px auto;
		width: 50%;
		max-width: 400px;
	}
}

@media screen and (max-width: 550px) {
	#gallery-categories li {
		float: none;
		display: block;
		margin: 0px auto 0px auto;
		width: 100%;
		max-width: 300px;
	}
}





/*Footer & Map  ============================================ */
footer {
	position: relative;
	z-index: 1;
	color: #2e3131;
	padding: 0px 0px;
	text-align: center;
	font-size: 18px;
	font-size: 0.9em;
	background-size: cover;
}

.ctaMap {
	position: relative;
	height: 380px;
	background: url(../images/map.png) 29% center;
	background-size: cover;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.42);
	overflow: hidden;
}

.ctaMap .left {
	position: absolute;
	display: flex;
	align-items: center;
	left: 0px;
	top: 0px;
	height: 100%;
	color: #5f5f5f;
	background: white;
	box-shadow: 0px 0px 80px white, 0px 0px 50px white, 0px 0px 110px white;
}

.ctaMap .left .center {
	min-width: 370px;
	padding: 47px 13% 47px 23%;
	text-align: left;
}

.ctaMap .left .center h2 {
	color: #313837;
	font-family: 'Alice', serif;
	font-size: 1.8em;
	line-height: 0.8em;
	margin: 0px 0 0px 0;
	max-width: 270px;
	text-align: left;
}

.ctaMap .left .center h2 span {
	color: #64735e;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
}

.ctaMap .left .center h3 {
	color: black;
	font-weight: normal;
}

.ctaMap a {
	text-decoration: none !important;
	color: #5f5f5f !important;
}

.map-link {
	position: absolute;
	top: 46%;
	margin-top: -78px;
	left: 48%;
	width: 150px;
	height: 150px;
	background: red;
	opacity: 0;
}

/*Location Map edits====*/
#location-page .ctaMap {
	height: 550px;
	background: url(../images/map2.jpg) right center;
	background-size: cover;
}


@media (max-width:1100px) {
	.ctaMap {
		background: #fff url(../images/map.png) 20% center;
		background-size: auto;
	}

	.map-link {
		left: 64%;
	}
}

@media (max-width:850px) {
	.ctaMap {
		background: #fff url(../images/map.png) 39% center !important;
	}

	.ctaMap .left .center {
		min-width: 33%;
		padding: 47px 7% 47px 13%;
	}

	.ctaMap .left .center h2 {
		max-width: 230px;
		margin: 0px 0 10px 0;
	}

	.map-link {
		left: 54%;
	}




}

@media (max-width:660px) {
	.map-link {
		left: 65%;
	}
}

@media (max-width:420px) {
	.ctaMap .left {
		position: relative;
	}

	.map-link {
		display: none;
	}
}

/* ResponsiveSlides */
ul.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

ul.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

ul.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

ul.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}


ul.cta_slides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

ul.cta_slides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

ul.cta_slides li:first-child {
	position: relative;
	display: block;
	float: left;
}

ul.cta_slides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

/* Renovation banner */
.renovation {
	/* display: none; */
}

.renovation .block {
	margin: 0 auto;
	max-width: 940px;
	background: #fff url(/uploads/headers/renovatons.jpg);
	background-size: 400px;
	background-position: bottom left;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-color: #64735e;
	border-radius: 6px;
	padding: 10px 23px 10px 250px;
	border: 2px solid #64735e;
	margin-bottom: 30px;
	box-shadow: 0px 16px 10px -10px #00000021;
}

.renovation .block img {
	height: auto;
}

.renovation .renovation-text {
	text-align: center;
	font-size: 1.2em;
	color: #2e3131;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.renovation .renovation-text h3 {
	position: relative;
	color: white;
	font-size: 1.1em;
}

.renovation .renovation-text p {
	position: relative;
	color: white;
	margin: 12px 0 17px 0;
}

.renovation .renovation-text p strong {
	position: relative;

}

@media (max-width:610px) {
	.renovation .block {
		margin: 0 auto;
		max-width: 940px;
		background: #fff url(/uploads/headers/renovatons.jpg);
		background-size: 210px;
		background-position: bottom left;
		background-repeat: no-repeat;
		background-color: #64735e;
		border-radius: 6px;
		padding: 10px 10px 181px 10px;
	}

}