@charset "utf-8";
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


#slider-loc {
	margin: 0 0 30px;
	padding: 0;
}
#slider-loc,
#slider-loc .item {
	height: 320px;
}
#slider-loc .item {
	/*background-size: contain;*/
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}


#extra-section,
#menu-section {
	padding: 15px 0;
	width: 100%;
	float: left;
}
.extra-row {
	margin: 0 -15px;
}
.extra-banner,
.extra-info {
	min-height: 240px;
	background-position: center;
	background-size: cover;
	background-color: #26cab3;
	color: #fff;
}
.extra-info {
	padding: 30px;
}
.extra-info h3 {
	margin-top: 0;
	font-family: 'MarkPro-Book';
	font-weight: 100;
	font-size: 24px;
}
.extra-info p {
	font-family: 'MarkPro-Book';
	font-size:14px;
	margin-bottom: 15px;
}


.loc-header,
.right-banner {
	height: 100px;
}
.loc-header {
	display: flex;
	align-items: center;
	padding: 0 30px;
}
.loc-header h1 {
	color: #fff;
	margin: 0;
	font-size: 20px;
}
.right-banner {
	background-repeat: no-repeat;
	background-position: center;
	background-color: #7a4088;
}
.right-wrap {
	background-color: #e9e9e9;
	min-height: 480px;
	margin-bottom: 30px;
	padding: 15px 15px;
	display: flex; 
	align-items: center;
	justify-content: center;
}
.right-wrap img {
	max-height: 440px;
}
.open-hours {
	background-color: #6f3b7b;
	position: relative;
	height: auto;
	margin-bottom: 30px;
}
.open-hours:before {
	content: '';
	position: absolute;
	top: 50%;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #7a4088;
}

.open-title {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 130px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.open-title h2,
.open-title img {
	margin: 0 15px;
	color: #fff;
}
.open-title.magic-css h2 {
	font-size:20px;
}
.open-text {
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-height: 130px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.open-text p {
	display: inline-block;
	margin: 0 15px;
}

.open-hours .open-text {
    background-color: #7a4088;
}
.open-hours.magic-css .open-text {
    background-color: transparent;
}
.these-boxes {
	margin-bottom: 30px;
}
.these-boxes .these-header {
	background-color: #53bb55;
	height: 80px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	color: #fff;
}
.these-boxes:nth-child(2) .these-header {
	background-color: #31bea9;
}
.these-boxes:nth-child(3) .these-header {
	background-color: #5eb68c;
}
.these-boxes .these-header img {
	margin: 0 15px;
}
.these-boxes .these-wrap {
	background-color: #56c658;
	min-height: 300px;
	display: block;
    float: left;
	width: 100%;
    height: 100%;
}
.these-boxes:nth-child(2) .these-wrap {
	background-color: #33c9b3;
}
.these-boxes:nth-child(3) .these-wrap {
	background-color: #64c195;
}
.these-boxes .these-text {
	padding: 20px 45px;
	color: #fff;
}
.these-wrap.these-grey {
	background-color: #fff !important;
	border: 2px solid #e9e9e9;
}
.these-wrap.these-grey {
	padding: 30px;
	min-height: 160px;
}
.these-wrap.these-grey img {
	max-height: 300px;
}
.text-box,
.advert-space {
	margin-bottom: 30px;
}
.text-box .text-circles {
	background: #ebebeb;
	padding: 30px;
	min-height:580px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.text-box .text-circles h2:first-child {
	margin-top: 0;
	text-transform: uppercase;
}
.advert-space .text-circles {
	background-color: #b7b7b7;
	min-height:580px;
}

/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

.extra-banner,
.extra-info {
	min-height: 340px;
	background-position: center;
	background-size: cover;
	background-color: #26cab3;
	color: #fff;
}
.extra-info {
	padding: 30px;
}
	
.loc-header,
.right-banner {
	height: 100px;
}
.loc-header {
	display: flex;
	align-items: center;
	padding: 0 30px;
}
.loc-header h1 {
	color: #fff;
	margin: 0;
	width: 70%;
	font-size: 20px;
}
.right-banner {
	background-repeat: no-repeat;
	background-position: center;
	background-color: #7a4088;
}
.right-wrap {
	background-color: #e9e9e9;
	min-height: 480px;
	margin-bottom: 30px;
	padding: 15px 15px;
	display: flex; 
	align-items: center;
	justify-content: center;
}
.right-wrap img {
	max-height: 440px;
}
.open-hours {
	background-color: #6f3b7b;
	position: relative;
	min-height: 70px;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.open-hours:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
	background-color: #7a4088;
}

.open-title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 130px;
}
.open-title h2,
.open-title img {
	margin: 0 15px;
	color: #fff;
}
.open-text {
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 130px;
}
.open-text p {
	display: inline-block;
	margin: 0 15px;
}

.these-boxes {
	margin-bottom: 30px;
}
.these-boxes .these-header {
	background-color: #53bb55;
	height: 80px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	color: #fff;
}
.these-boxes:nth-child(2) .these-header {
	background-color: #31bea9;
}
.these-boxes .these-header img {
	margin: 0 15px;
}
.these-boxes .these-wrap {
	background-color: #56c658;
	min-height: 300px;
	display: block;
    float: left;
}
.these-boxes:nth-child(2) .these-wrap {
	background-color: #33c9b3;
}
.these-boxes .these-text {
	padding: 20px 45px;
	color: #fff;
}
.these-wrap.these-grey {
	padding: 30px;
	min-height: 360px;
	background-color: #fff;
}
.these-wrap.these-grey img {
	max-height: 300px;
}
.text-box,
.advert-space {
	margin-bottom: 30px;
}
.text-box .text-circles {
	background: #ebebeb;
	padding: 60px;
	min-height:580px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.text-box .text-circles h2:first-child {
	margin-top: 0;
	text-transform: uppercase;
}
.advert-space .text-circles {
	background-color: #b7b7b7;
	min-height:580px;
}
	
	
}
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.open-title.magic-css h2 {
	font-size:18px;
}

#extra-section {
	padding: 4% 15px;
}
.extra-wrap {
	/*display: table;*/
	display: inline-block;
	width: 100%;	
	overflow:hidden;
	border-collapse: collapse;
	
}
.extra-row {
	display: table-row;
}
.extra-height {
	display: table-cell;
	height: 100%;
	float: none;
}
.open-hours {
	background-color: #6f3b7b;
	position: relative;
	margin-bottom: 30px;
}
.open-hours:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
	background-color: #7a4088;
}

}
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.open-title.magic-css h2 {
	font-size:20px;
}

#extra-section {
	padding: 4% 30px;
}
#menu-section {
	padding: 0 15px;
}
.extra-info h3 {
	margin-top: 0;
	font-family: 'MarkPro-Book';
	font-weight: 100;
	font-size: 31px;
}
.extra-info p {
	font-family: 'MarkPro-Book';
	font-size:14px;
	margin-bottom: 15px;
}
	
.loc-header,
.right-banner {
	height: 110px;
}
.loc-header {
	display: flex;
	align-items: center;
	padding: 0 30px;
}
.loc-header h1 {
	color: #fff;
	margin: 0;
	width: 50%;
	font-size: 20px;
}
.right-banner {
	background-repeat: no-repeat;
	background-position: center;
	background-color: #7a4088;
}
.right-wrap {
	background-color: #e9e9e9;
	min-height: 480px;
	margin-bottom: 30px;
	padding: 30px 15px;
	display: flex; 
	align-items: center;
	justify-content: center;
}
.right-wrap img {
	max-height: 415px;
}
.open-hours {
	background-color: #6f3b7b;
	position: relative;
	margin-bottom: 30px;
}
.open-hours:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
	background-color: #7a4088;
}

.open-title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 130px;
}
.open-title h2,
.open-title img {
	margin: 0 15px;
	color: #fff;
}
.open-text {
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 130px;
}
.open-text p {
	display: inline-block;
	margin: 0 15px;
}

.these-boxes {
	margin-bottom: 30px;
}
.these-boxes .these-header {
	background-color: #53bb55;
	height: 80px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	color: #fff;
}
.these-boxes:nth-child(2) .these-header {
	background-color: #31bea9;
}
.these-boxes .these-header img {
	margin: 0 15px;
}
.these-boxes .these-wrap {
	background-color: #56c658;
	min-height: 300px;
	display: block;
    float: left;
}
.these-boxes:nth-child(2) .these-wrap {
	background-color: #33c9b3;
}
.these-boxes .these-text {
	padding: 20px 45px;
	color: #fff;
}
.these-wrap.these-grey {
	padding: 30px;
	min-height: 280px;
	background-color: #fff;
}
.these-wrap.these-grey img {
	max-height: 240px;
}
.text-box,
.advert-space {
	margin-bottom: 30px;
}
.text-box .text-circles {
	background: #ebebeb;
	padding: 60px;
	min-height:580px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.text-box .text-circles h2:first-child {
	margin-top: 0;
	text-transform: uppercase;
}
.advert-space .text-circles {
	background-color: #b7b7b7;
	min-height:580px;
}
	
}

/* Large devices (xlarge desktops, 1200px and up) */
@media (min-width: 1600px) {
.open-title.magic-css h2 {
	font-size:30px;
}
#extra-section,
	#menu-section {
	padding: 0 8.3333%;
}
.extra-info {
	padding: 60px;
}	

#slider-loc,
#slider-loc .item {
	height: 460px;
}
.loc-header,
.right-banner {
	height: 130px;
}
.loc-header {
	display: flex;
	align-items: center;
	padding: 0 30px;
}
.loc-header h1 {
	color: #fff;
	margin: 0;
	width: 50%;
	font-size: 20px;
}
.right-banner {
	background-repeat: no-repeat;
	background-position: center;
	background-color: #7a4088;
}
.right-wrap {
	background-color: #e9e9e9;
	min-height: 620px;
	margin-bottom: 30px;
	padding: 30px 15px;
	display: flex; 
	align-items: center;
	justify-content: center;
}
.right-wrap img {
	max-height: 560px;
}
.open-hours {
	background-color: #6f3b7b;
	position: relative;
	margin-bottom: 30px;
}
.open-hours:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
	background-color: #7a4088;
}

.open-title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 130px;
}
.open-title h2,
.open-title img {
	margin: 0 15px;
	color: #fff;
}
.open-text {
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 130px;
}
.open-text p {
	display: inline-block;
	margin: 0 15px;
}

.these-boxes {
	margin-bottom: 30px;
}
.these-boxes .these-header {
	background-color: #53bb55;
	height: 80px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	color: #fff;
}
.these-boxes:nth-child(2) .these-header {
	background-color: #31bea9;
}
.these-boxes .these-header img {
	margin: 0 15px;
}
.these-boxes .these-wrap {
	background-color: #56c658;
	min-height: 260px;
	display: block;
    float: left;
}
.these-boxes:nth-child(2) .these-wrap {
	background-color: #33c9b3;
}
.these-boxes .these-text {
	padding: 20px 45px;
	color: #fff;
}
.these-wrap.these-grey {
	padding: 30px;
	background-color: #fff;
}
.these-wrap.these-grey img {
	max-height: 210px;
}
.text-box,
.advert-space {
	margin-bottom: 30px;
}
.text-box .text-circles {
	background: #ebebeb;
	padding: 60px;
	min-height:510px;
}
.text-box .text-circles h2:first-child {
	margin-top: 0;
	text-transform: uppercase;
}
.advert-space .text-circles {
	background-color: #b7b7b7;
	min-height:510px;
}
.right-wrap {
	background-color: #e9e9e9;
	min-height: 620px;
	margin-bottom: 30px;
	padding: 30px 15px;
	display: flex; 
	align-items: center;
	justify-content: center;
}
.right-wrap img {
	max-height: 540px;
}
}