/* ==================================================== */
/* ====================== Fonts ======================== */
/* ==================================================== */

@font-face {
	font-family: "Intro Bold";
	src: url("../webfonts/Intro/intro-bold-webfont.eot");
	src: 
	url("../webfonts/Intro/intro-bold-webfont.woff") format("woff"),
	url("../webfonts/Intro/intro-bold-webfont.woff2") format("woff2"),
	url("../webfonts/Intro/intro-bold-webfont.ttf") format("ttf"),
	url("../webfonts/Intro/intro-bold-webfont.svg#intro-bold-webfont") format("svg");
}

@font-face {
	font-family: "Avenir";
	src: url("../webfonts/Avenir/Avenir-Roman.eot");
	src: 
	url("../webfonts/Avenir/Avenir-Roman.woff") format("woff"),
	url("../webfonts/Avenir/Avenir-Roman.woff2") format("woff2"),
	url("../webfonts/Avenir/Avenir-Roman.ttf") format("ttf"),
	url("../webfonts/Avenir/Avenir-Roman.svg#Avenir-Roman") format("svg");
}
@font-face {
	font-family: "Avenir Medium";
	src: url("../webfonts/Avenir/Avenir-Medium.eot");
	src: 
	url("../webfonts/Avenir/Avenir-Medium.woff") format("woff"),
	url("../webfonts/Avenir/Avenir-Medium.woff2") format("woff2"),
	url("../webfonts/Avenir/Avenir-Medium.ttf") format("ttf"),
	url("../webfonts/Avenir/Avenir-Medium.svg#Avenir-Medium") format("svg");
}

@font-face {
	font-family: "Avenir Heavy";
	src: url("../webfonts/Avenir/Avenir-Heavy.eot");
	src: 
	url("../webfonts/Avenir/Avenir-Heavy.woff") format("woff"),
	url("../webfonts/Avenir/Avenir-Heavy.woff2") format("woff2"),
	url("../webfonts/Avenir/Avenir-Heavy.ttf") format("ttf"),
	url("../webfonts/Avenir/Avenir-Heavy.svg#Avenir-Heavy") format("svg");
}

@font-face {
	font-family: "Thirsty";
	src: url("../webfonts/newFonts/ThirstyRoughRegTwo/ThirstyRoughRegTwo.eot");
	src: 
	url("../webfonts/newFonts/ThirstyRoughRegTwo/ThirstyRoughRegTwo.woff") format("woff"),
	url("../webfonts/newFonts/ThirstyRoughRegTwo/ThirstyRoughRegTwo.woff2") format("woff2"),
	url("../webfonts/newFonts/ThirstyRoughRegTwo/ThirstyRoughRegTwo.ttf") format("ttf"),
	url("../webfonts/newFonts/ThirstyRoughRegTwo/ThirstyRoughRegTwo.svg#ThirstyRoughRegTwo") format("svg");
}

@font-face {
	font-family: "Thirsty Lite";
	src: url("../webfonts/newFonts/ThirstyRoughLtTwo/ThirstyRoughLtTwo.eot");
	src: 
	url("../webfonts/newFonts/ThirstyRoughLtTwo/ThirstyRoughLtTwo.woff") format("woff"),
	url("../webfonts/newFonts/ThirstyRoughLtTwo/ThirstyRoughLtTwo.woff2") format("woff2"),
	url("../webfonts/newFonts/ThirstyRoughLtTwo/ThirstyRoughLtTwo.ttf") format("ttf"),
	url("../webfonts/newFonts/ThirstyRoughLtTwo/ThirstyRoughLtTwo.svg#ThirstyRoughLtTwo") format("svg");
}

@font-face {
	font-family: "Thirsty Bold";
	src: url("../webfonts/newFonts/ThirstyRoughBolTwo/ThirstyRoughBolTwo.eot");
	src: 
	url("../webfonts/newFonts/ThirstyRoughBolTwo/ThirstyRoughBolTwo.woff") format("woff"),
	url("../webfonts/newFonts/ThirstyRoughBolTwo/ThirstyRoughBolTwo.woff2") format("woff2"),
	url("../webfonts/newFonts/ThirstyRoughBolTwo/ThirstyRoughBolTwo.ttf") format("ttf"),
	url("../webfonts/newFonts/ThirstyRoughBolTwo/ThirstyRoughBolTwo.svg#ThirstyRoughBolTwo") format("svg");
}

@font-face {
	font-family: "Brandon Printed Two";
	src: url("../webfonts/newFonts/BrandonPrintedTwo/BrandonPrinted-Two.eot");
	src: 
	url("../webfonts/newFonts/BrandonPrintedTwo/BrandonPrinted-Two.woff") format("woff"),
	url("../webfonts/newFonts/BrandonPrintedTwo/BrandonPrinted-Two.woff2") format("woff2"),
	url("../webfonts/newFonts/BrandonPrintedTwo/BrandonPrinted-Two.ttf") format("ttf"),
	url("../webfonts/newFonts/BrandonPrintedTwo/BrandonPrinted-Two.svg#BrandonPrinted-Two") format("svg");
}

@font-face {
	font-family: "Intro";
	src: url("../webfonts/newFonts/IntroHeadR-Base/IntroHeadR-Base.eot");
	src: 
	url("../webfonts/newFonts/IntroHeadR-Base/IntroHeadR-Base.woff") format("woff"),
	url("../webfonts/newFonts/IntroHeadR-Base/IntroHeadR-Base.woff2") format("woff2"),
	url("../webfonts/newFonts/IntroHeadR-Base/IntroHeadR-Base.ttf") format("ttf"),
	url("../webfonts/newFonts/IntroHeadR-Base/IntroHeadR-Base.svg#intro-webfont") format("svg");
}


/* ==================================================== */
/* ===================== Global ======================= */
/* ==================================================== */

*{
	-webkit-font-smoothing: antialiased;
}

body{
	font-family: "Avenir";
	color: #520975;
	-webkit-font-smoothing: antialiased;
}

body, html{
	height: 100%;
}

table{
	width: 100%;
}
img{
	max-width: 100%;
	width: 100%;
	height: auto;
}
iframe{
	max-width: 100%;
}
ul{
	padding-left: 20px;
}

.sm-show{
	display: none !important;
}

.container-sm{
	max-width: 940px !important;
	margin: auto;
}

.header_spacer{
	width: 100%;
	height: 120px;
	background: #520975;
}

.menu-download{
    color: #520975 !important;
}

.menu-download:hover{
    color: #FFC600 !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #60106A;
    background-color: #FFC600;
    border-color: #FFC600;
}

.btn-primary.focus, .btn-primary:focus{
     color: #60106A;
    background-color: #FFC600;
    border-color: #FFC600;
}

/* ==================================================== */
/* ====================== Type ======================== */
/* ==================================================== */

h1{
	font-family: "Brandon Printed Two";
	font-weight: normal;
	font-size: 48px;
	line-height: 48px;
}

h2{
	font-family: "Brandon Printed Two";
	font-weight: normal;
	font-size: 32px;
	line-height: 36px;
	margin: 0;
}

h3{
	font-family: "Brandon Printed Two";
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
}


h4:not(.p1){
	font-family: "Brandon Printed Two";
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
}

h4.p1{
	font-family: "Brandon Printed Two";
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
}

h6{
	font-family: "Thirsty";
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
}

p{
	font-family: "Intro";
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

label{
	font-family: "Intro";
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

li{
	font-family: "Intro";
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

p.intro-small{
	font-family: "Intro";
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	margin: 0;
}

p.intro{
	font-family: "Intro";
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	margin: 0;
}


a, button{
	font-family: "Avenir Heavy";
	font-weight: normal;
	font-size: 16px;
}
a:hover,
a:active,
a:focus{
	color: #fff;
	text-decoration: none;
	outline: none;
}

p a{
	color: #520975;
}

p a:hover,
p a:active,
p a:focus{
	color: #60106A !important;
}

footer a:hover,
footer a:active,
footer a:focus{
	color: #FFC600 !important;
}

strong{
	font-family: "Intro Bold";
}



input,
select,
textarea{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	/* -webkit-appearance: none; */
	padding: 5px 20px 4px 20px;
	line-height: 31px;
	border: solid thin #AAAAAA;
	outline: none;
	width: 100%;
	color: #9B9B9B;
	border-radius: 3px;
}

input[type="submit"]{
	font-family: "Avenir Heavy";
	background-color: #60106A;
	text-align: center;
	width: 100%;
	display: inline-block;
	padding: 0px 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 40px;
	color: #fff !important;
	color: #9B9B9B;
	-webkit-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
	border: none;
}

input[type="submit"]:hover{
	-webkit-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
	background-color: #FFC600;
	color: #60106A !important;
}

input[type=checkbox]{
	width: 12px !important;
	height: 12px !important;
}

select{
	height: 42px;
	background: white;
	/* text-indent: 16px; */
	margin: 0 0 10px 0;
	background: url(../images/icons/select-down.png) no-repeat white;
	background-position: 98% 50%;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

select option{
	margin: 20px;
	padding: 20px;
	
}

textarea{
	width: 100%;
	-webkit-appearance: none;
	resize: none;
	outline: none;
	/* border: none; */
}

#recaptcha{
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	display: inline-block;
	margin: auto;
}


.btn{
	border:solid thin #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 10px 20px;
}

.btn-primary{
	font-family: "Avenir Heavy";
	background-color: #60106A;
	text-align: center;
	width: 100%;
	display: inline-block;
	padding: 0px 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 40px;
	color: #fff !important;
	-webkit-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
	/* max-width: 300px; */
}

.btn-primary:hover{
	-webkit-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
	background-color: #FFC600;
	color: #60106A !important;
}

.image--container .btn-primary{
	max-width: 300px;
	padding: 0;
}

/* ====================== BOOTSTRAP RESETS ======================== */
.container{max-width: 1000px;}
.Pie_Filters .container{max-width: 820px;}

/* ====================== MIXITUP RESETS ======================== */
.filter{margin: 0;color: white;border-radius: 40px !important;width: 100%;max-width: 320px}
.filter.active{border: none; background: #FFC600;color: #520975}

/* ====================== Direction ======================== */
.text-right{
	text-align: right;
}

.text-left{
	text-align: right;
}

.text-center{
	text-align: center;
}



/* ====================== Color ======================== */
.white{
	color: #fff;
}

.yellow{
	color: #FFC600;
}

.cream{
	color: #E6E0D7;
}
.purple{
	color: #520975;
}



/* ==================================================== */
/* ===================== Helpers ====================== */
/* ==================================================== */


.bg-brown{
	background-color: #520975;
}
.bg-yellow{
	background-color: #FFC600;
}
.bg-purple{
	/* background-color: #60106A; */
	background-color: #520975;
}


.mb-1{
	margin-bottom: 1rem;
}
.mb-2{
	margin-bottom: 2rem;
}
.mb-3{
	margin-bottom: 3rem;
}
.mb-4{
	margin-bottom: 4rem;
}
.mb-5{
	margin-bottom: 5rem;
}






.diamond {
	width: 0;
	height: 0;
	border: 24px solid transparent;
	border-bottom: 40px solid rgba(230, 224, 215, 0.2);
	position: relative;
	top: -30px;
}
.diamond:after {
	content: '';
	position: absolute;
	left: -24px; 
	top: 40px;
	width: 0;
	height: 0;
	border: 24px solid transparent;
	border-top: 40px solid rgba(230, 224, 215, 0.2);
}

.diamond:hover{
	border-bottom: 40px solid #FFC600;
}
.diamond:hover:after{
	border-top: 40px solid #FFC600;
}

.bg_image{
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	height: 100%;
}
.bg_contain{
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
}



/* ========================================================= */
/* ==================== Accordions ========================= */
/* ========================================================= */


.acc-container .selected {
	color: #60106A;
}

.acc-content {
	height:0px;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

.acc-content>div{
	padding: 20px 35px;
}

.open {
	height: auto;
}

.acc-title{
	font-size: 22px;
	position: relative;
	padding: 20px 40px 20px 20px;
	border-bottom: solid thin #ccc;
	margin: 0;
}


.acc-title:after,
.acc-title:before{
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 10px;
	height: 2px;
	background-color: #520975;
}

.acc-title:after{
	-webkit-transform: rotate(-270deg);
	-moz-transform: rotate(-270deg);
	-ms-transform: rotate(-270deg);
	-o-transform: rotate(-270deg);
	transform: rotate(-270deg);
	-webkit-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.selected.acc-title:after{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}


/* ==================================================== */
/* ===================== 404 ========================= */
/* ==================================================== */


main section.Error{
	margin-top: 200px;
	display: flex;
    align-items: center;
	justify-content: center;
	text-align: center;
	padding: 15vh 0;
}

main section.Error h1{
	margin-bottom: 2rem;
}
main section.Error p{
	font-size: 1.5rem;
    line-height: 1.5;
}

/* ==================================================== */
/* ===================== Page ========================= */
/* ==================================================== */

main{
	overflow-y: hidden;
	position: relative;
}


section{
	padding: 50px 0;
	position: relative;
    z-index: 5;
}

.bg-pattern{
	background: url(../images/Jesters-Shapes-Pattern-BKG-transparent.png);
	/* background-color: #ffffff; */
	padding: 0px 0 0 0;
	background-position: 50% 0px;
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}

main section{
	position: relative !important;
	z-index: 10 !important;
}
main:not(.HomePage) footer{
	margin-top: 0;
}


.HomePage footer{
	margin-top: -60px;
}

main:not(.HomePage) #slider ul li .bg-image{
	height: 480px;
}

main.MenuPage .hero_section.hero_size_md{
	height: 40vw;
    max-height: 40vw;
}
main.MenuPage #slider ul li .bg-image{
	height: 40vw;
    max-height: 40vw;
}


main.MenuPage .Pie_List{
	margin-top: -25px;
	padding-top: 0;
}


main.MenuPage .Pie_List .bg-purple{
	border-radius: 6px;
}

.filter{
	border: none;
}

section.people{
	padding-bottom: 0;
	padding-top: 0;
}

section.people .people--container{
	background: rgba(220, 205, 227, 0.5);
	padding-bottom: 150px;
}

section.people .bg{
	background: url('../images/bg/single-wave.png');
	width: 100%;
	position: relative;
	height: 100px;
	background-repeat: no-repeat;
	background-size: cover;
}

section.faq{
	padding-bottom: 0;
	padding-top: 0;
	
}

section.faq h4, section.faq p{
	padding: 0 15px;
}

section.faq .faq--container{
	background: rgba(250, 236, 200, 0.5);
}

section.faq .faq--container .content{
	position: relative;
    top: -150px;
}



section.faq .bg{
	background: url('../images/bg/double-wave.png');
	width: 100%;
	position: relative;
	height: 100px;
	background-repeat: no-repeat;
	background-size: cover;
}

section.form{
	background: url('../images/bg/franchise-footer.png');
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(250, 236, 200, 0.5);
}

section.form .form--container{
	position: relative;
    top: -150px;
}

.FranchaisePage footer{
	background: #520975;
}

.FundraisePage .fundraise .content--container{
	padding: 0 35px;
}

.FundraisePage .fundraise .text h4{
	margin-top: 30px;
    margin-bottom: 20px;
	color: #520975;
}

.FundraisePage .fundraise .text p{
    margin-bottom: 20px;
}

.FundraisePage .fundraise .content--container ol, .FundraisePage .fundraise .text ul{
	list-style-position: inside;
	padding: 0;
}

.FundraisePage .fundraise .content--container ol li p, .FundraisePage .fundraise .text ul li p{
	display: inline;
}

.FundraisePage .fundraise .img-inline img{
	width: initial;
}

/* ==================================================== */
/* ==================== Components ==================== */
/* ==================================================== */

.Home_Intro{
	margin-top: 80px;
}

@media (max-width: 767px) {
	.Home_Intro{
		margin-top: 20px;
	}
}

.Home_Intro h1{
	display: block;
}

.Home_Intro .image--container > .image{
	position: relative;
	display: flex; 
	justify-content: center;
	align-items: center;
	max-width: 180px;
	margin: 0 auto;
	height:210px;
}

.Home_Intro .image--container .image img{
	z-index: 2;
	width: auto;
	height: auto;
}

.Home_Intro .image--container .image svg{
	position: absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	z-index: 1;
}

.Home_Intro .image--container .content{
	padding: 0 40px;
}

@media (max-width: 900px) {
	.Home_Intro .image--container .content{
		padding: 0 10px;
	}
}

.Home_Intro .image--container .content p{
	font-family: "Intro";
	min-height: 50px;
}

.Home_Intro .image--container .content h2{
	color: #520975;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 36px;
}

.Home_Intro .image--container .content .cta{
	border: 1px solid transparent;
}

.Home_Intro .image--container .content .cta:hover{
	border: 1px solid transparent;
	color: #520975;
}


.menu-items .image--container{
	padding: 16px;
	min-height: 460px;
	overflow: hidden;
	/* display: flex;
    flex-direction: column;
    justify-content: space-between; */
}

.menu-items .content{
	height: 100%;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.menu-items .image--container .image-svg{
	position: relative;
	display: flex; 
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.menu-items .image--container .svg{
	position: absolute;
    margin-left: auto;
    margin-right: auto;
	width: 100%;
	max-width: 170px;
    height: 100%;
}

.menu-items .image--container h2{
	color: #520975;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 36px;
}

.menu-items .image--container .cta{
	/* background-color: #520975; */
	color: #783CBD;
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	/* padding: 6px 12px; */
	border-radius: 4px;
	/* line-height: 36px; */
	font-family: 'Avenir Heavy';
}

.menu-items .image--container{
	background: #ffffff;
	transition: 0.3s all;
}

.menu-items .selectedPie .image--container{
	background: #DCCDE3;
	transition: 0.3s all;
}

.tags{
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	justify-content: center;
	margin: auto
}

.tag{
	background: #ffffff;
	color: white;
	font-size: 12px;
	display: inline-block;
	padding: 2px 8px;
	border-radius: 4px;
	margin: 0;
	font-family: 'Avenir Heavy';
	border: 1px solid #520975;
	color: #520975;
	align-self: center;
	margin: 0 3px;
}

.tag.Chicken{
	background: #F3781F;
	border: none;
	color: #fff;
}

.tag.Seaonsal.Special{
	background: #520975;
	border: none;
	color: #fff;
}

.tag.Beef{
	background: #4B3412;
	border: none;
	color: #fff;
}

.tag.Pork{
	background: #F6997A;
	border: none;
	color: #fff;
}

.tag.Lamb{
	background: #E2B522;
	border: none;
	color: #fff;
}

.tag.Fish{
	background: #85D2E0;
	border: none;
	color: #fff;
}

.tag.Vegetarian{
	background: #9CD19B;
	border: none;
	color: #fff;
}

.tag.Gluten.Free{
	background: #B674B0;
	border: none;
	color: #fff;
}

.tag.Meat-Free{
	background: #FFF;
	border: 1px solid #520975;
	color: #520975;
}

/* ==================================================== */
/* ==================== Hero BG ======================= */
/* ==================================================== */



.hide-text .bg_content h1,
.hide-text .bg_content h4{
	display: none;
}

.hero_image{
	position: relative;
}


.hero_section{
	/* margin-top: 120px; */
    position: relative;
    z-index: 1;
    padding: 0;
    height: 100%;
    /* padding-top: 40vw; */
    /* overflow-x: hidden; */
    /* overflow-y: visible; */
    /* background: none; */
    height: 40vw;
    max-height: 600px;
}

.hero_section_default{
	/* margin-top: 120px; */
	height: 25vw;
}

.hero_section.hero_size_md{
	height: 600px;
}

@media (max-width: 768px) {
	.hero_section.hero_size_md{
		height: 330px;
		position: relative !important;
		z-index: 11 !important;
	}
}


.hero_section .bg_image{
	position: relative;
	max-width: 1440px;
	max-width: 100%;
	margin: auto;
}

.hero_size_full{
	min-height: 800px;
	height: -webkit-calc(100vh - 32px - 246px);
	height: -moz-calc(100vh - 32px - 246px);
	height: calc(100vh - 32px - 246px);
}	


.hero_section .left{
	position:absolute;
	left: -20px;
	top: 0;
	height: 100%;
}

.hero_section .left .bg_image{
	height: 102%;
	width: 100%;
	width: 225px;
}

.hero_section .left .bg_image:before{
	content: '';
	width: 500%;
	/*background-color: #edece7;*/
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -400%;
}

.hero_section .bg_content{
	display: inline-block;
	position: absolute;
	z-index: 6;
	top: 14vw;
	padding: 0 15px;
	width: 960px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.hero_section_default .bg_content{
	top: 10vw;
}

.hero_section .bg_content .content{
	max-width:590px;
}

.content-color-normal h1{
	color: #520975;
	position: relative;
	margin-top: 30px;
	line-height: 62px;
	/* margin-left: 13px; */
}

.content-color-normal h1 span{
	background-color: #FFC600;
    text-shadow: 0px 0 0 10px #FFC600;
    display: inline;
	/* box-shadow: 0px 0px 0px 4px rgba(255,198,0,1), -3px 0px 0px 10px rgba(255,198,0,1), 4px 0px 0px 10px rgba(255,198,0,1); */
	padding: 3px 12px;
}

.content-color-normal h6{
	color: #520975;
	position: relative;
}

.content-color-normal h6 span{
	background-color: #F8DFA3;
	padding: 12px 20px;
}

.content-color-inverted h1{
	color: #FFC600;
	position: relative;
	margin-top: 30px;
	line-height: 62px;
	/* margin-left: 13px; */
}

.content-color-inverted h1 span{
	background-color: #520975;
    text-shadow: 0px 0 0 10px #520975;
    display: inline;
	/* box-shadow: 0px 0px 0px 4px rgba(255,198,0,1), -3px 0px 0px 10px rgba(255,198,0,1), 4px 0px 0px 10px rgba(255,198,0,1); */
	padding: 3px 12px;
}

.content-color-inverted h6{
	color: #520975;
	position: relative;
}

.content-color-inverted h6 span{
	background-color: #F8DFA3;
	padding: 12px 20px;
}

.hero_section .right{
	position:absolute;
	right: -20px;
	top: 0;
	height: 102%;
}
.hero_section .right .bg_image{
	height: 100%;
	width: 100%;
	width: 225px;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.hero_section .right .bg_image:before{
	content: '';
	width: 500%;
	/*	background-color: #3b1d00;*/
	height: 100%;
	position: absolute;
	z-index: -1;
}

.StoryPage .hero_section{
	z-index: 3 !important;
}


/* ==================================================== */
/* ===================== Slider ========================= */
/* ==================================================== */
.slider{

}


.slider .container_lg{
	height: 100%;
}
.slider .content{
	height: 100%;
	width: 100%;
}

.slick-next::before{
	content: url('../images/icons/slider-arrow-right.png') !important;
}

.slick-prev::before{
	content: url('../images/icons/slider-arrow-left.png') !important;
}


#slider {
	height: 100%;
	width: 100%;
	/* max-width: 1440px; */
	position: relative;
	/* overflow: hidden; */
	margin: 0px auto 0 auto;
	visibility: hidden
}

.slick-initialized{ visibility: visible; }

#slider ul li .bg-image{
	height: 690px;
	width: 100%;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

#slider .slick-slider{
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}

#slider .slick-dots{
	z-index: 5;
	bottom: 50px;
}
#slider .slick-dots li button:before{
	opacity: 1 !important;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	margin: 0 10px;
	height: 16px;
	width: 16px;
	border: solid thin #F5F3E8;
	color: transparent !important;
}

#slider .slick-dots li.slick-active button:before{
	background-color: #FFC600;
}

#slider .slider_content{
	display: inline-block;
	position: relative;
	left: 50%;
	top: 160px;
	width: 100%;
	max-width: 960px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 0 15px;
}

.slider_content h1{
	text-shadow: 1px 1px 2px #444;
}

.hero_section h4,
.slider_content h4{
	text-shadow: 1px 1px 2px #444;
}
.slick-next:before, .slick-prev:before{opacity: 1 !important;}
.slick-next, .slick-prev{color: inherit !important;}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{color: inherit !important;}

.slick-next{
	right: 14vw !important;
    /* background: red !important; */
    height: 40px !important;
    width: 40px !important;
}

.slick-prev{
	left: 14vw !important;
    /* background: red !important; */
    height: 40px !important;
    width: 40px !important;
}
/* 
.slick-prev:before{
	content: url();

} */

a{
	transition: all 0.3s;
}

a:hover{
	color: #FFC600 !important;
}



/* ==================================================== */
/* ===================== Top Bar ====================== */
/* ==================================================== */

.top_bar{
	padding: 10px 0 0 0;
    height: 30px;
}

.top_bar ul{
	list-style: none;
}

.top_bar ul li{
	display: inline-block;
}

.top_bar ul li a{
	font-size: 14px;
	padding: 10px;
	color: #F8DFA3;
	font-family: "Avenir" !important;
}






/* ==================================================== */
/* ===================== Header ======================= */
/* ==================================================== */
/* .desktop_menu li:last-child{
	display: none;
} */

/* .mobile_menu li:last-child{
	display: none;
} */


.fixed-header{
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 0;
}

.fixed-header.small header{
	-webkit-transition: padding ease 0.3s;
	-o-transition: padding ease 0.3s;
	-moz-transition: padding ease 0.3s;
	transition: padding ease 0.3s;
	padding: 10px 0;
}
.fixed-header.small header .logo img{
	-webkit-transition: width ease 0.3s;
	-o-transition: width ease 0.3s;
	-moz-transition: width ease 0.3s;
	transition: width ease 0.3s;
	width: 180px;
}
.fixed-header.small header:after{
	-webkit-transition: background-color ease 0.3s;
	-o-transition: background-color ease 0.3s;
	-moz-transition: background-color ease 0.3s;
	transition: background-color ease 0.3s;
	background-color: rgba(40, 22, 1, 0.9);
}

nav{
	padding-bottom: 20px;
}

header{
	-webkit-transition: padding ease 0.3s;
	-o-transition: padding ease 0.3s;
	-moz-transition: padding ease 0.3s;
	transition: padding ease 0.3s;
	position: absolute;
	width: 100%;
	z-index: 10;
	padding: 20px 0;
	background: url('../images/paths/header.png');
	background-size: cover;
	background-position: bottom center;
}
header:after{
	-webkit-transition: background-color ease 0.3s;
	-o-transition: background-color ease 0.3s;
	-moz-transition: background-color ease 0.3s;
	transition: background-color ease 0.3s;
	/* content: '';
	position: absolute; */
	/* background-color: rgba(40, 22, 1, 0.8); */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-blend-mode: multiply;
	mix-blend-mode: multiply;
}

header .logo img{
	-webkit-transition: width ease 0.3s;
	-o-transition: width ease 0.3s;
	-moz-transition: width ease 0.3s;
	transition: width ease 0.3s;
	width: 240px;
}

header ul{
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

header ul li{
	display: inline-block;
	margin-left: 15px;
}

header ul li a{
	font-size: 16px;
	line-height: 22px;
	padding: 10px;
	color: white;
}

/* header ul li:last-child a{
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 10px 20px;
	background-color: #FFC600;
	font-family: 'Thirsty';
	color: #60106A;

} */

/* header ul li:last-child a:hover{
	
	color: #60106A;
} */


.burger_menu,
.mobile_menu{
	display: none;
}





/* ==================================================== */
/* ================== Become Vip Pie ================== */
/* ==================================================== */


.Become_Vip .info_box{
	padding: 0 40px;

}

/* ===================== Royal Treatment ======================= */

.royal_treatment .bg_image{
	height: auto;
}
.Become_Vip .royal_treatment h4{
	font-size: 24px;
	margin: 50px 0 5px 0;

}
.Become_Vip .royal_treatment h2{
	font-size: 36px;
	line-height: 52px;
	margin: 10px 0 20px 0;

}

.Become_Vip .royal_treatment ul{
	margin-bottom: 50px;
	padding-right: 40px;
}

.Become_Vip .royal_treatment ul li{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 5px;
}


.vip_actions{
	display: block;
	max-width: 200px;
	text-align: center;
	margin-bottom: 40px;
}
.Become_Vip .royal_treatment .btn-primary{
	margin-bottom: 10px;
}

.Become_Vip .royal_treatment a:not(.btn-primary) {
	color: #000;
}





/* =========================================================== */
/* ===================== Bottom Banner ======================= */
/* =========================================================== */

.bottom_info .col-xs-12 {
	margin-bottom: 20px;
}
.bottom_info h4{
	font-size: 24px;
	margin: 20px 0 5px 0;

}
.bottom_info h3{
	line-height: 32px;
	margin: 10px 0 20px 0;
	max-width: 100%;
}
.bottom_info a{
	font-size: 16px;
	margin-bottom: 20px;
	display: inline-block;
}

.bottom_info .padding_none{
	text-align: right;
}

.bottom_info .bottom_image{
	position: relative;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	overflow: hidden;
}

.bottom_info .bottom_image:after{
	content: '';
	width: 100%;
	position: absolute;
	height: 30%;
	background-color: #600f69;
	left: -46%;
	top: 0px;
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.bottom_info .bottom_image:before{
	content: '';
	width: 100%;
	position: absolute;
	height: 30%;
	background-color: #600f69;
	left: -46%;
	bottom: 0px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
}

/* =========================================================== */
/* ================== Franchise Opportunity ================== */
/* =========================================================== */

.franchise_opportunity{

}

/* .franchise_opportunity--container{
	width: 100%;
	position:relative;
} */

.franchise_opportunity h6{
	margin: 40px 0 0 0;

}

.franchise_opportunity h3{
	margin: 10px 0 30px 0;
	padding-right: 40px;
}

.franchise_opportunity .info_box{
	padding: 0 40px 40px 40px;

}

.franchise_opportunity p{
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 20px;
}

.franchise_opportunity .bg_image{
	height: auto;
}

.franchise_opportunity .btn-primary{
	width: auto;
	background-color: #FFC600;
	color: #60106A !important;
	padding: 0 30px;
}

.franchise_opportunity .btn-primary:hover{
	width: auto;
	background-color: #FFC600;
	color: #60106A !important;
}









/* ==================================================== */
/* =================== Pie Menu ======================= */
/* ==================================================== */

.jestersCaltex_view_value{
	display: none;
}
.jestersStore_view_value{
	display: block;
}

/* =================== Location Filter ===================== */
.store_switcher{
	position: relative;
	z-index: 2;
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.store_switcher button{
	display: inline-block;
	width: 45%;
	font-size: 16px;
	background: #520975;
	color: #fff;
	line-height: 30px;
	padding: 5px 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	margin: 10px 10px 10px 0;
	outline: none;

}

.store_switcher button.active{
	color: #FFC600;
	background: #60106a;
}

.store_switcher button svg{
	margin-right: 10px;
}


.pie_item{
	text-align: center;
	cursor: pointer;
}

.selectedPie{
	background-color: rgba(255, 221, 0, 0.25);
}

.pie_item .pie{
	position: relative;
	min-width: 150%;
	max-width: initial;
}

.pie_item .pie_labels{
	position: relative;
	top: 20px;
	right: 60px;
	display: inline-block;
	z-index: 0;
	height: 0;
	float: right;
}

.pie_item .pie_labels img{
	display: inline-block;
	width: 30px;
}

.pieDetails h5{
	margin-top: -35px;
	margin-bottom: 30px;
	color: #5f106a;
	font-size: 1.2rem;
}

.pieDetails .pie_labels{
	position: absolute;
	right: 20px;
	top: -40px;

}

.pieDetails-info{
	padding-left: 80px;
}


.pieDetails{
	border: 6px solid #DCCDE3;
	text-align: left;
	position: absolute;
	left: 0;
	left: -50px;
    width: calc(100% + 100px);
	height: 0;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 4px;
    display: flex;
    justify-content: center;
	align-items: center;
	opacity: 0;
}

/* .pieDetails--inner{
	background-color: #fff;
	width: 99%;
    margin: 0 auto;
    padding: 45px 0;
} */

.pieDetails .spacing{
	padding: 0px 0px;
	height: 100%;
	width: 100%;
	/* background-color: #dbccb0; */
}

.pieDetails .col-xs-5{
	padding: 0 60px;
}

.pieDetails .pie_slider{
	height: 100%;
	/* background-color: #ffffff;
	padding: 10px 20px 10px 10px; */
	position: relative;
}

.pieDetails .pie_slider .bg{
	position: absolute;
	left: 47%;
    top: 16%;
 	transform: translate(-50%);
}

.pieDetails .pie_slider .bg .svg{
	width: 432px;
	height: auto;
}

.pie_slider .close{
	position: absolute;
	top: 40px;
    right: 90px;
	z-index: 2000;
	font-size: 30px;
}


.PieSlider {
	
	height: 100%;
	/* height: 400px; */
	width: 100%;
}

.PieSlider .slick-next:before, 
.PieSlider .slick-prev:before{
	color: #FFC600;
}

.PieSlider .bg-image{
	height: 100%;
	width: 100%;
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
}




.pie_slider .slick-dots{
	bottom: 25px
}
.pie_slider .slick-dots li.slick-active button:before{
	background-color: #FFC600;
	color: #FFC600;
}

.pie_slider .slick-dots li button:before{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border-color: #dbccb0;
	background-color: rgba(222,222,222,0.8);
	color: rgba(222,222,222,0.8);
	width: 15px;
	height: 15px;
	display: inline-block;
	margin: 0 5px;
}


.pie_slider .slick-list,
.pie_slider .slick-track{
	height: 100%;
}

.pieDetails .pie_slider img{
	margin: 0;
}


.pieDetails .pie_nutrition_table{
	background-color: rgba(255, 198, 0, 0.2);
	padding: 16px;
	border-radius: 8px;
	margin-top: 12px;
}

.pieDetails .pie_nutrition_table table th,
.pieDetails .pie_nutrition_table table td{
	font-size: 14px;
	font-weight: normal;
	padding: 2px 8px;
}

.pieDetails .pie_nutrition_table table th{
	margin-top: 8px;
	color: #520975;
	font-size: 12px;
}

.pieDetails h2{
	font-size: 24px;
	line-height: 36px;
}

.pieDetails .desc{
	font-size: 20px;
	line-height: 24px;
}

.pieDetails .left{
	display: flex;
    align-items: center;
}


/* svg:not(:root).svg-inline--fa path{
	fill: #520975;
} */

/* ==================================================== */
/* ================= Our Story  ======================= */
/* ==================================================== */

.pie-overlay{
	position: absolute;
	top: 0;
	left: 0;
	height: 40vw;
	max-height: 600px;
	width: 100%;
	background: url('../images/hero/story/pie-overlay.png');
	background-size: cover;
}



/* =================== SVG ======================= */
.line-group{
	position: absolute;
	height: 2800px;
	width: 100%;
	left: 45%;
	right: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%); 
	overflow: visible;
}

.line-group svg{
	width: 120%;
	position: relative;
	left: 50%;
	right: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%); 
}



.story{
	overflow: hidden;
	margin-top: -110px;
}


/* =================== Text ======================= */
.story .content h3{
	font-size: 24px;
}
.story .content p{
	font-size: 24px;
	line-height: 32px;
}



/* =================== 1 ======================= */
.story .content .first_div{
	min-height: 450px;
}

.story .content .first_div div:last-child{
	background-color: transparent;
}

.story .content .first_div img{
	position: relative;
	z-index: 2;
}

.story .content .first_div div:first-child{
	display: flex;
    flex-direction: column;
    justify-content: center;
}


/* =================== 2 ======================= */
.story .second_div{
	position: relative;
	margin-top: 40px;
	margin-bottom: 110px;
	border-radius: 14px;
}
.story .content .second_div>div{
	background-color: transparent;
	min-height: 240px;
}
.story .content .second_div>div .row{
	min-height: 240px;
}
.story .content .second_div .inline-image{
	position: absolute;
	/* height: 300px;
	width: 100%; */
	top: -270px;
}

.story .content .second_div .row_center_v{
	display: flex;
    align-items: center;
}

.story .content .second_div .bg_image{
	background-size: contain !important;
}

.story h4{
	font-family: "Avenir Medium";
	font-size: 24px;
	line-height: 36px;
	margin: 0;
}

/* =================== 3 ======================= */
.story .content .third_div{
	margin-bottom: 70px;
}

.story .content .third_div div:first-child{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.story .content .third_div div:first-child p{
	font-size: 24px;
}


/* =================== 4 ======================= */
.story .content .forth_div div:last-child,
.story .content .sixth_div div:last-child,
.story .content .eight_div div:last-child{
	padding-left: 70px;
}

.story .content .forth_div div:last-child{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.story .content .forth_div div:last-child p{
	font-size: 24px;
}


/* =================== 5 ======================= */
.story .content .fifth_div{
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 40px;
    border-radius: 14px;
}

.story .content .fifth_div .bg_image{
	position: absolute;
	height: 200px;
	width: 100%;
	top: -40px;
	right: 0;
}

/* =================== 6 ======================= */
.story .sixth_div{
	margin-bottom: 20px;
}

.story .sixth_div #beep_item{
	opacity: 0;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0px;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

.story .sixth_div #beep_item svg{
	width: 100%;
}


/* =================== 7 ======================= */
.story .seventh_div{
	margin-bottom: 20px;
}

.story .seventh_div div:first-child{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.story .eight_div div:last-child{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}


/* =================== Find Your Store ======================= */
.find_your_store{
	margin-top: 85px;
}


.find_your_store .btn-primary{
	width: auto;
}



/* ==================================================== */
/* ================== Fundraise Page ==================== */
/* ==================================================== */
.fundraise{
	margin-top: 50px;
}


/* =================== Text ======================= */

.fundraise .content h2{
	font-size: 24px;
	margin: 0px 0 24px;
}

.fundraise p a{
	font-family: "Intro";
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.fundraise p a:hover, .location p a:hover{
	color: #60106A !important;
}


/* =================== 1 ======================= */
.fundraise .content .first_div{
	min-height: 450px;
}

.fundraise .content .first_div div:last-child{
	background-color: transparent;
}

.fundraise .content .first_div img{
	position: relative;
	z-index: 2;
}

/* =================== 2 ======================= */

.fundraise .content .second_div h1{
	font-size: 32px;
	line-height: 36px;
}



.fundraise .content .second_div .icon-box{
	min-height: 90px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 10px;
}
.fundraise .content .second_div .icon-box img{
	height: auto;
	width: 25%;
}

/* =================== 3 ======================= */

.fundraise .content .third_div .icon-box img{
	width: 100%;
}
.fundraise .content .third_div img{
	width: auto;
	height: auto;
}





/* ==================================================== */
/* ================== VIP Pie Page ==================== */
/* ==================================================== */
.vip-pie-page h2,
.vip-pie-page h3{
	font-size: 24px;
	margin: 24px 0;
}


.vip-form iframe{

}

.first_div h3{
	/* font-family: "Avenir Heavy";
	color: #60106A; */
	margin: 24px 0 0px;
}

.first_div p{
	margin: 5px 0 10px;
}

.vip-pie-page .first_div img{
	width: 120px;
}

.vip-pie-page .first_div{
	position: relative;
	z-index: 2;
	padding: 10px 0 10px;
}

.vip-pie-page .first_div iframe{
	background-color: #fff;
	border: solid thin #60106A;
	padding: 80px 0 10px 0;
	height: 530px;
	width: 100%;
}


.vip_icons{
	margin-top: 40px;
}



/* =================== 2 ======================= */
.vip-pie-page .second_div{

}
.vip-pie-page .second_div{
	margin: 100px auto;
}


.vip-pie-page .vip_icons .col-xs-12{
	margin-bottom: 30px;
}

.vip-pie-page .icon-box,
.vip-pie-page h2{
	display: inline-block;
	margin-bottom: 10px;
}
.vip-pie-page .icon-box img{
	width:85%;
	height: auto;
}


/* =================== 3 ======================= */
.vip-pie-page .third_div{
	margin: 100px 0;
}


.vip-pie-page .third_div h3{
	font-size: 20px;
}


.vip-pie-page .third_div img{
	height: 100%;
	width: 100%;
}





/* ==================================================== */
/* ================== Catering Page ==================== */
/* ==================================================== */
.catering{
	margin-top: 50px;
}

.catering .content p{
	margin: 0;
	color: #000000;
}

.catering .content{
	border: 1px solid #783CBD;
	border-radius: 4px;
	display: block;
	padding: 20px;
	background: white;
	min-height: 500px;
	height: 100%;
	display: flex;
	flex-direction: column;
	-webkit-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
	/* justify-content: space-between; */
}

.catering .content.active{
	border: 6px solid #783CBD;
	transform: scale(1.05);
}

.catering .content.active .btn-primary.btn-active{
	color: #FFC600 !important;
}

.catering .content.active .btn-primary.btn-active:hover{
	color: #783CBD !important;
}

.catering .content .content--container{
	background: url('../images/paths/oval1.svg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	
	flex: 0 0 58%;
	/* display: flex;
    flex-direction: column;
	justify-content: space-between; */
	/* padding: 5px 20px 0 20px; */
	align-self: flex-start;
	margin: 0 auto;
}

.catering .content .includes{
	/* flex: 0 0 20%;
	display: flex;
    flex-direction: column;
	justify-content: center; */
	flex: 1;
}

/* .catering .content .cta{
	flex: 0 0 20%;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
} */

.catering .content .content--container .package{
	color: #FFC600;
	font-family: "Thirsty";
	margin: 0;
}

.catering .content .content--container .title{
	margin: 0;
	margin-top: 10px;
}

.catering .content .content--container .price{
	margin: 10px 0 0 0;
	font-size: 56px;
	line-height: 1;

	display: flex;
    justify-content: center;
    align-items: flex-start;
}

.catering .content .content--container .price span{
	font-size: 28px;
	margin-top: 6px;
}

.catering .content .content--container .serving{
	margin: 16px 0 0 0;
	font-size: 20px;
}

.catering .content .content--container .pieces{
	margin: 20px 0 0 0;
}

.catering .content .cta .btn-primary{
	margin: 0 auto;
	padding: 8px;
	line-height: 26px;
}

.includes .purple{
	color: #520975 !important;
	font-family: "Avenir Heavy";
}

.catering .content-four .small-title{
	margin: 10px 0 0 0;
	color: #520975 !important;
	font-family: "Brandon Printed Two";
	text-transform: uppercase;
}

.catering .content-four .price{
	margin: 0;
	color: #520975 !important;
	font-family: "Brandon Printed Two";
	text-transform: uppercase;
    font-size: 56px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}


/* =================== Text ======================= */

.catering .content h2,
.catering .content h3{
	font-size: 24px;
	margin: 24px 0;
}




/* =================== 1 ======================= */
.catering .content .first_div{
	position: relative;
	z-index: 2;
}


.catering .content .first_div .btn-primary{
	width: auto;
}

.catering .content .first_div .row{
	padding: 40px 0;
}
.catering .content .first_div img{
	position: absolute;
	top: -65px
}


/* =================== 2 ======================= */

.catering .content .second_div{
	margin-top: 80px;
	text-align: center;
}

.catering .content .second_div h1{
	font-size: 36px;
	line-height: 48px;
}


.catering .content .third_div{

}


/* =================== Form ======================= */

.catering #Enquire{
	margin: 0 auto 0 auto;
}

.catering #Enquire h2{
	text-align: center;
}
.catering #Enquire p{
	text-align: center;
}
.catering form{
	background-color: #dbccb0;
	padding: 40px;
}

fieldset{
	border: none;
	padding: 0;
	margin: 0;
}

fieldset .field{
	margin: 10px 0;
}

fieldset div.half-field{
	display: inline-block;
	width: 49%;
	/* width: calc(50% - 3px); */
}

fieldset div.quarter-field{
	display: inline-block;
	width: 24%;
	margin-left: 10px;
}

fieldset div.right{
	float: right;
}

.catering #Form_Form_Day_Holder .middleColumn{
	display: inline-block;
}

.catering fieldset label{
	display: inline-block;
	margin-right: 10px;
}

.catering fieldset div.date-field{
	display: inline-block;
}

.catering fieldset input.date-field{
	display: inline-block;
	width: 99px;
	padding: 5px 20px 4px 20px;
}

.btn-toolbar{
	margin-top: 20px;
	text-align: center;
}

.catering input[type="submit"]{
	width: auto;
}





.testimonial{
	display: none;
}

.catering .testimonial blockquote h3{
	font-size: 30px;
	line-height: 42px;
}

.testimonial blockquote p{
	margin-top: 5px;
}


/* ==================================================== */
/* =================== Store Page ===================== */
/* ==================================================== */
.Enquire h3{
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 30px;
}

.Enquire .info_box .btn-primary{
	width: auto;
}

/* ==================================================== */
/* =================== Store Page ===================== */
/* ==================================================== */

.stores{
	margin-top: -110px;
}

.stores .bg-purple{
	border-radius: 4px;
}

#searchQuery{
	border-radius: 4px;
}

/* =================== Store Search ===================== */

.stores .bg-brown{
	position: relative;
	z-index: 2;
}

.store_search{
	padding: 20px 0;
}




#Suburb{
	display: none;
	position: relative;
	background: url(../img/select_arrow.png) no-repeat center right;
	background-position: 95%;
	background-color: white;
}


.search--container{
	display: flex;
	background: white;
	border-radius: 4px;
	align-items: center;
}

.search--container i, .search--container svg{
	color: #AAAAAA;
	border: none;
	margin-right: 20px;
}

#searchQuery{
	position: relative;
	/* background: url(../img/search_bg.png) no-repeat center right;
	background-position: 95%; */
	background-color: white;
	border: none;
}

#searchQuery::placeholder{
	color: #9B9B9B;
	font-size: 14px;
}



/* =================== Location Filter ===================== */
.location_switcher{
	position: relative;
	z-index: 2;
}
.location_switcher button{
	font-size: 16px;
	background: #520975;
	color: #fff;
	line-height: 30px;
	padding: 5px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	margin: 0 10px 0 0;
	outline: none;
	
}



.location_switcher button svg{
	margin-right: 10px;
}

.location{
	font-family: "Intro";
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
}

.location p{
	font-family: "Intro";
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
}

.location a{
	display: block;
	font-family: "Intro";
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
}

.location_switcher button{
	color: #FFC600;
	background: #520975;
}

.location_switcher button svg{
	color: #FFFFFF;
	background: #520975;
}

.location_switcher button.active{
	color: #FFC600;
	background: #520975;
}

.location_switcher button.active svg{
	fill: #FFC600;
	color: #FFC600;
}

.location_switcher .mapbutton{color: white;}
.location_switcher .mapbutton i{}
.location_switcher .listbutton{color: white;}
.location_switcher .listbutton i{}

/* =================== Store List ===================== */

.map_view{
	display: none;
}
.list_view{
	display: block;
}



.store_list{
	margin-top: 50px;
}

.store_list>div{
	display: none;
	margin-bottom: 50px;
}

.store_list .bg_image{
	padding-top: 100%;
	height: auto;
}

.store_list h2{
	margin-top: 5px;
}

.store_list p,
.store_list a,
.map_view p,
.map_view a{
	margin: 0;
	color: #000000;
}

.store_list span{
	font-family: "Avenir Heavy";
	text-transform: uppercase;
	margin-top: 10px;
	font-size: 12px;
}


.store_list .btn-primary{
	width: auto;
	margin-bottom: 20px;
	padding: 0px 25px;
	font-size: 14px;
	font-family: "Avenir Heavy";
	line-height: 34px;
}


.map_view .btn-primary{
	margin-top: 20px;
	padding: 0px 20px;
}







/* ==================================================== */
/* ================== Contact Page ==================== */
/* ==================================================== */

.ContactPage{
	padding: 0;
}

.contact_info>div.bg-purple{
	background-color: rgba(96, 16, 106, 1);
}

.contact_info{
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.25);
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
	background-color: rgba(255, 255, 255, 0.9);
}

.contact_section .bg_image{
	max-width: 100%;
}

.contact_section .bg_content h1{
	margin: 10px 0 0px 0;
}

.contact_section .bg_content h2{
	margin: 0px 0 10px 0;
}

.contact_section .bg_content h4{
	margin: 0px 0 5px 0;
}

.contact_info>div{
	padding: 40px;
}


.contact_section .container{
	height: 100vh;
}

.contact_section .bg_content{
	top: 48%;
	left: 0 !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 500px;
	z-index: 1;
}

.contact_section .left{
	left: 0 !important;
}
.contact_section .right{
	right: 0 !important;
}

.contact_info p{
	line-height: 24px;
}
.contact_info a{
	color: inherit;
}







/* ==================================================== */
/* ===================== News ======================= */
/* ==================================================== */

.news{
	margin-top: -170px;
}

.news .container{
	position: relative;
	z-index: 2;
}

.news_list{
	margin-top: 10px;
}


.news_list>div{
	margin-bottom: 50px;
}
.news_list>div>div{
	height: 100%;
	background-color: #fff;
}

.news_list .news_container div:last-child{
	background-color: #fff;
	padding: 20px 40px 40px 40px;
}
.news_list .news_container div h2{
	font-size: 24px;
	line-height: 32px;
	margin-top: 0;
	letter-spacing: 0;
}

.news_list p,
.news_list a{
	margin: 0;
	color: #520975;
}

.news_list .date{
	margin: 10px 0;
}

.news_list .news_container div .readmore{
	display: block;
	margin-top: 40px;
	position: absolute;
	bottom: 20px;
}

.news_list .bg_image{
	padding-top: 100%;
	height: auto;
	display: block;
}



#Form_search{
	position: relative;
}

#Form_search fieldset{
	border: none;
	padding: 0;
}


#Form_search .btn-toolbar{
	width: 50px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/search_bg.png) no-repeat center center;
}

#Form_search input[type="submit"]{
	background-color: inherit;
	opacity: 0;
}

.more_news{
	width: auto;
	float: right;
}


/* ==================================================== */
/* ===================== Single News ======================= */
/* ==================================================== */


.single_news{

}

.single_news .bg_image{
	padding-top: 75%;
	height: auto;
	margin-bottom: 20px;
}


.single_news .news_content{
	position: relative;
	margin-top: -150px;
	z-index: 2;
}

.single_news .news_content p,
.single_news .news_content a{
	line-height: 24px;
	font-size: 16px;
}

.single_news .news_content .date{
	font-size: 12px;
}

.single_news .news_content h2{
	font-size: 36px;
	line-height: 42px;
	letter-spacing: 0;
}


.latest_news .bg_image{
	padding-top: 42%;
	display: inline-block;
	width: 120px;
	margin-bottom: 0;

}

.latest_news .news_item{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.latest_news .latest_content{
	padding: 20px;
	background-color: #fff;
	display: inline-block;
	vertical-align: top;
	width: -webkit-calc(100% - 120px);
	width: -moz-calc(100% - 120px);
	width: calc(100% - 120px);
}


.latest_content .date{
	font-size: 11px;
	margin: 0;
}

.latest_news .latest_content h2{
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0;
	margin: 10px 0 0 0 ;
	color: #520975;
}


/* ==================================================== */
/* =================== Footer Top ===================== */
/* ==================================================== */

.Footer_Top--container{
	position: relative;
	width: 100%;
}

.Footer_Top--bg{
	background: url(../images/paths/footer-top.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	width: 100%;
	min-height: 570px;
	mix-blend-mode: multiply;
	z-index: 3 !important;
	position: absolute;
	top: 0;
	left: 0;
}

.Footer_Top{
	/* position: absolute !important; */
	z-index: 20;
	display: block;
	/* top: -400px; */
	width: 100%;
}

.Footer_Top .girl-image{
	width: auto;
	z-index: 21;
	position: relative;
	/* height: 364px; */
}

.Footer_Top .text-image{
	width: 460px;
	z-index: 21;
	position: relative;
}

/* ==================================================== */
/* ===================== Footer ======================= */
/* ==================================================== */

footer{
	padding-top: 80px;
	background: url(../images/footer/footer-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
	z-index: 10;
}

footer a{
	display: block;
	color: white;
}

footer .footer-badge{
	width: 200px;
	height: auto;
	padding: 15px;
}

footer .copyright{
	font-family: "Avenir" !important;
	font-size: 13px;
	color: rgba(255,255,255,0.5);
}

footer .copyright a{
	display: inline;
	font-size: 13px;
	font-family: "Avenir" !important;
	color: rgba(255,255,255,0.5);
}

footer .terms{
	display: flex;
	justify-content: space-around;
}

footer .terms a{
	font-size: 13px;
	font-family: "Avenir" !important;
	color: rgba(255,255,255,0.5);
}

footer .links a{
	margin-top: 6px;
}

/* .social_icons{
	margin-top: 30px;
	margin-bottom: 60px;
	text-align: center;
}
.social_icons .diamond{
	position: relative;
}
.social_icons a{
	display: inline-block;
}

.social_icon{
	width: 25px;
	height: 25px;
	max-width: 25px;
	position: absolute;
	top: 28px;
	left: -13px;
	z-index: 2;
} */

footer .text-right a{
	margin-left: 20px;
}

.social-icons img{
	width: 32px;
	height: 32px;

}


/* ========================================================= */
/* ===================== Franchisee ======================== */
/* ========================================================= */
.franchisee_intro{
	padding: 50px 0 0 0;
}

.franchisee_intro h3{ 
	margin-bottom: 25px;
}

.franchisee_intro img{ 
	max-width: 180px;
	padding: 15px;
}


.franchisee_intro .btn-primary{
	width: auto;
	margin: 20px 0 40px 0;
}

.franchisee_intro .intro p, .people .intro p{
	font-size: 24px;
	line-height: 36px;
	margin-top: 20px;
}

#franchiseeForm p{
	font-size: 24px;
	line-height: 36px;
	margin-top: 20px;
	padding: 0 20px;
}

.franchisee_intro h3{
	font-size: 24px;
	line-height: 28px;
	margin-top: 20px;
	color: #520975;
}

/* ========================================== */
/* ============ Privary / Terms ============= */
/* ========================================== */

.Page ol{
	padding: 0;
	padding:0;
	counter-reset:item;
}

.Page ol > li {
	margin:20px 0 0 0;
	padding:0 0 0 2em;
	text-indent:-2em;
	list-style-type:none;
	counter-increment:item;
}

.Page ol > li:before {
	display:inline-block;
	width:1.5em;
	padding-right:0.5em;
	font-weight:bold;
	text-align:right;
	content:counter(item) ".";
}

.Page ol li h4{
	margin: 0;
	display: inline;
}

.Page ol li h5{
	margin: 10px 0 0 0;
	padding-left: 30px;
	font-family: "Intro";
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

.Page ol li h6{
	/* margin: 10px 0 0 0; */
	font-family: "Intro";
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    display: inline;
}

.Page ol li p{
	margin: 5px 0 0 0;
	padding-left: 60px;
}



/* =================== Form ======================= */

.Form_FranchiseeForm{
	margin-top: 100px;
}

#Form_FranchiseeForm,
#Form_FundraiseForm,
#Form_Form{
	background-color: #ffffff;
	padding: 40px;
	border-radius: 14px;
}

#Form_FranchiseeForm fieldset,
#Form_FundraiseForm fieldset{
	border: none;
	padding: 0;
	margin: 0;
}

#Form_FranchiseeForm fieldset .field{
	margin: 10px 0;
}

#Form_FranchiseeForm fieldset div.half-field{
	display: inline-block;
	width: 49%;
	/* width: calc(50% - 3px); */
}


#Form_FranchiseeForm fieldset div.right{
	float: right;
}


#Form_FranchiseeForm fieldset label{
	display: inline-block;
	margin-right: 10px;
}


#Form_FranchiseeForm .btn-toolbar,
#Form_FranchiseeForm .btn-toolbar{
	text-align: center;
}

#Form_FranchiseeForm input[type="submit"],
#Form_FundraiseForm input[type="submit"],
#Form_Form input[type="submit"]{
	width: auto;
	margin: auto;
}

/* adding checkboxes */

#Form_FranchiseeForm input[type=checkbox], #Form_FranchiseeForm input[type=checkbox]{
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: checkbox;
    padding: 0;
    line-height: 0;
    border: solid thin #D8D8D8;
    outline: none;
    width: 14px;
    color: #9B9B9B;
}

/* extras */

#Form_FranchiseeForm input{
	font-size: 14px;
}

#Form_FranchiseeForm input::placeholder{
	font-family: 'Avenir';
	color: #9B9B9B;
}


#Form_FranchiseeForm ul{
	list-style-type: none;
	padding: 0;
	display: flex;
    flex-wrap: wrap;
}

#Form_FranchiseeForm ul li{
	flex: 0 0 50%;
}

#Form_FranchiseeForm label{
	font-family: 'Intro';
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

.FranchiseePage footer{
	background: #520975;
}

.FranchiseePage .form{
	margin-bottom: -150px;
}



/* ==================================================== */
/* ===================== 1199px ======================== */
/* ==================================================== */
@media (max-width: 1199px) {




	/* ==================================================== */
	/* ===================== Story  ======================= */
	/* ==================================================== */

	.story{
		margin-top: -50px;
	}

	.line-group{
		display: none;
	}


	.story .content .second_div .padding_none{
		padding: 0 15px;
	}

	

	.story .col-xs-up-2{
		margin-top: 0;
	}



	/* ================================================== */
	/* ===================== Menu ======================= */
	/* ================================================== */

	.controls{
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.controls .filter{
		text-align: center;
		display: inline-block;
		min-width: 25%;
		font-size: 14px;
		margin-bottom: 20px;
	}



}







/* ==================================================== */
/* ===================== 992px ======================== */
/* ==================================================== */
@media (max-width: 992px) {

	.hero_section{
		height: 300px;
		/* margin-top: 150px; */
	}

	.hero_section .bg_content{
		padding: 0 20px;
	}

	body:not(.StoryPage) .hero_section .bg_content h1{
		font-size: 22px;
		line-height: 46px;
	}

	.hero_section .hero_image .main-image{
		display: none;
	}

	h1{
		font-size: 38px;
		line-height: 45px;
	}

	h2{
		font-size: 24px;
		line-height: 35px;
	}

	h3{
		font-size: 24px;
		line-height: 35px;
	}


	.slider_content,
	.hero_section .bg_content{
		padding: 0 50px;
		width: 100%;
	}

	.hero_section .right{
		right: -100px;
	}
	.hero_section .left{
		left: -100px;
	}





	/* ================================================== */
	/* ===================== Menu ======================= */
	/* ================================================== */

	.controls .filter{
		font-size: 14px;
	}

	

	/* ================================================== */
	/* ===================== Catering ======================= */
	/* ================================================== */

	.catering fieldset div.date-field{
		width:32.9%;
	}
	.catering #Form_Form_Day_Holder .middleColumn{
		display: block;
	}
	.catering fieldset input.date-field{
		display: inline-block;
		width: 100%;
		padding: 5px 20px 4px 20px;
	}
	.catering fieldset div.quarter-field{
		width: 49%;
	}
	#Form_Form_Guests_Holder{
		float: right;
	}
	.catering fieldset div.quarter-field.right{
		float: none;
		margin-left: 0px;
	}

	



	/* =========================================================== */
	/* ===================== Bottom Banner ======================= */
	/* =========================================================== */
	.Become_Vip .info_box{
		padding: 0 20px;
	}

	.Become_Vip .royal_treatment h2{
		font-size: 28px;
		line-height: 40px;
	}




}



/* ==================================================== */
/* ===================== 768px ======================== */
/* ==================================================== */
@media (max-width: 768px) {

	main:not(.HomePage) #slider ul li .bg-image{
		height: 320px;
	}

	main.MenuPage .hero_section.hero_size_md{
		height: 320px;;
		max-height: 320px;;
	}
	main.MenuPage #slider ul li .bg-image{
		height: 320px;;
		max-height: 320px;;
	}

	main.MenuPage #slider .slick-dots{
		bottom: 25px;
	}

	.header_spacer{
		height: 90px;
	}

	.signoff{
		display: block;
	}

	footer .copyright{
		margin: 0 auto;
	}

	main.MenuPage .Pie_List{
		margin-top: 25px;
	}
	.hero_section{
		height: 300px;
	}


	h1 {
		font-size: 35px;
		line-height: 38px;
	}


	header{
		padding: 10px 0;
	}


	form fieldset div.half-field,
	form fieldset div.quarter-field{
		width: 100% !important;
	}




	.order-sm-1{
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-moz-box-ordinal-group: 2;
		order: 1;
	}
	.order-sm-2{
		-ms-flex-order: 2;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-moz-box-ordinal-group: 3;
		order: 2;
	}
	.order-sm-3{
		-ms-flex-order: 3;
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-moz-box-ordinal-group: 4;
		order: 3;
	}
	.order-sm-4{
		-ms-flex-order: 4;
		-webkit-box-ordinal-group: 5;
		-webkit-order: 4;
		-moz-box-ordinal-group: 5;
		order: 4;
	}



	.sm-show{
		display: inline-block !important;
	}
	.text-right{
		text-align: left;
	}

	

	.top_bar{
		display: none;
	}


	.container{
		padding: 0 15px;
	}

	.container_md .container{
		padding: 0;
	}

	.logo{
		display: block;
		margin-top: 15px;
	}



	/* ==================================================== */
	/* ================== Mobile Menu ===================== */
	/* ==================================================== */

	.desktop_menu{
		display: none;
	}

	.burger_menu{
		display: block;
		color: #fff;
		font-size: 25px;
		float: right;
		margin: 25px 0 15px 0;
		cursor: pointer;
	}

	.mobile_menu{
		display: block;
		position: fixed;
		top: 0;
		right: -350px;
		max-width: 350px;
		width: 100%;
		height: 100vh;
		background-color: #FFC600;
		padding: 0;
		overflow-y: scroll;
		-webkit-transition: all ease 0.8s;
		-o-transition: all ease 0.8s;
		-moz-transition: all ease 0.8s;
		transition: all ease 0.8s;


	}
	.mobile_menu.open{
		-webkit-transition: all ease 0.8s;
		-o-transition: all ease 0.8s;
		-moz-transition: all ease 0.8s;
		transition: all ease 0.8s;
		right: 0;
	}

	.close{
		display: inline-block;
		cursor: pointer;
		position: absolute;
		color: #fff;
		right: 25px;
		top: 45px;
		font-size: 25px;
	}


	header .mobile_menu  ul{
		padding: 80px 20px 20px 20px;
		height: 50vh;
		margin: 0;
	}
	header .mobile_menu ul:last-child{
		padding: 20px 20px 20px 20px;
	}
	header .mobile_menu ul li{
		display: block;
		margin-left: 0;
	}	

	header .mobile_menu ul li a{
		display: inline-block;
		font-size: 18px;
		line-height: 26px;
		color:#520975;
	}


	header .mobile_menu .mobile_child_menu li a{
		color:#ffffff;
	}

	

	header .mobile_menu ul li a.btn{
		border: none;
		padding: 10px;
	}

	header .logo img{
		width: 180px;
	}

	/* ========================================== */
	/* ================== Forms ================== */
	/* ========================================== */

	.catering fieldset div.half-field{
		width: 100%;
	}


	/* ========================================== */
	/* ================== Hero ================== */
	/* ========================================== */

	body:not(.StoryPage) .hero_section .bg_content{
		display: none;
	}

	.StoryPage .hero_section .bg_content{
		text-align: center;
	}

	.StoryPage .hero_section .bg_content .content{
		max-width: 100%;
	}

	.StoryPage .hero_section .bg_content{
		padding: 0 20px;
		top: 30vw;
	}

	.contact_section .bg_content{
		top: 150px;
		-webkit-transform: translateY(-0%);
		-moz-transform: translateY(-0%);
		-ms-transform: translateY(-0%);
		-o-transform: translateY(-0%);
		transform: translateY(-0%);
		padding: 0 20px;
	}
	.hero_section .right,
	.hero_section .left{
		display: none;
	}


	/* ========================================== */
	/* ================== Home ================== */
	/* ========================================== */

	.Home_Intro .IntroImage{
		display: none;
	}

	

	/* ========================================== */
	/* ============== Vip Banner ================ */
	/* ========================================== */

	.Become_Vip .royal_treatment{
		margin-bottom: 40px;
	}


	.Become_Vip .royal_treatment .info_box{
		text-align: center;
	}
	.Become_Vip .royal_treatment ul{
		list-style: none;
		padding-right: 20px;
		padding-left: 20px;
	}
	.Become_Vip .royal_treatment .vip_actions{
		margin: 0 auto 40px;
	}

	.bottom_info .bottom_image{
		display: none;
	}
	.Become_Vip .info_box{
		text-align: center;
	}

	/* ================================================= */
	/* ================== VIP pie page ================== */
	/* ================================================= */
	.vip-pie-page .third_div img{
		position: static;
		margin-top: 24px;
	}


	.vip-pie-page .second_div .col-xs-12{
		margin-bottom: 40px;
	}

	.vip-pie-page .second_div img{
		width: 20%;
	}




	/* ========================================== */
	/* ================== Home ================== */
	/* ========================================== */
	#slider .slider_content{
		position: absolute;
		padding-left: 30px;
		top: 100px;
		bottom: 0;
	}
	#slider ul li .bg-image,
	.hero_section{
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
		background-position: top !important;
		height: 395px;
	}

	.hero_section h4, 
	.slider_content h4{
		margin-top: 20px;
		margin-bottom: 20px;
	}




	/* ========================================== */
	/* ================== Catering ================== */
	/* ========================================== */


	.catering .content .second_div h1{
		font-size: 32px;
		line-height: 38px;
	}
	.catering .content .first_div img{
		position: static;
	}

	.catering fieldset div.date-field{
		width: 100%;
	}
	.catering fieldset label{
		margin-bottom: 10px;
	}

	.catering #Enquire{
		margin: 20px auto 0 auto;
	}

	.catering form{
		padding: 10px;
	}


	/* ==================================================== */
	/* ================== Become Vip Pie ================== */
	/* ==================================================== */
	.royal_treatment .bg_image {
		height: 400px;
	}




	/* ===================================================== */
	/* ======================= Story ======================= */
	/* ===================================================== */

	.story .content .forth_div div:last-child, 
	.story .content .sixth_div div:last-child, .story .content 
	.eight_div div:last-child{
		padding-left: 15px;
	}

	.story .content .first_div{
		margin: 40px 0;
	}

	.story .content .second_div .bg_image{
		-webkit-background-size: contain !important;
		-moz-background-size: contain !important;
		-o-background-size: contain !important;
		background-size: contain !important;
		position: static;
		margin-top: 24px;
	}

	.story .second_div .row{
		margin-left: 0px;
		margin-right: 0px;
	}

	.story .content .fifth_div{
		margin-top: 100px;
		margin-bottom: 100px;
	}


	.story .content .fifth_div .bg_image{
		background-position-x: right !important;
		top: -150px;
		width: 100px;
	}

	.story .seventh_div,
	.story .sixth_div{
		margin-bottom: 40px;
	}

	.story .seventh_div .padding_none{
		padding-left: 15px;
		padding-right: 15px;
	}







	/* =========================================================== */
	/* ================== franchise_opportunity ================== */
	/* =========================================================== */


	.franchise_opportunity .info_box{
		text-align: center;

	}


	.franchise_opportunity .bg_image{
		height: 400px;
	}

	#Form_FranchiseeForm, 
	#Form_FundraiseForm, 
	#Form_Form{
		padding: 0;
	}

	/* ==================================================== */
	/* ================== vip-pie-page ================== */
	/* ==================================================== */
	.vip-pie-page .first_div iframe{
		position: static;
		-webkit-transform: translate(0 ,0);
		-moz-transform: translate(0 ,0);
		-ms-transform: translate(0 ,0);
		-o-transform: translate(0 ,0);
		transform: translate(0 ,0);
	}

	.vip_icons{
		margin-bottom: 50px;
	}



	/* ==================================================== */
	/* ================== Franchisee Page ================== */
	/* ==================================================== */
	.acc-title{
		font-size: 18px;
		line-height: 25px;
	}

	.fundraise .content .third_div{
		margin-top: 40px;
	}

	.fundraise .content .first_div{
		margin: 40px 0;
	}
	.fundraise .content h2{
		margin-top: 20px;
	}





	/* ==================================================== */
	/* ================== fundraise ================== */
	/* ==================================================== */
	.fundraise{
		margin-top: 0;
	}
	.catering{
		margin-top: 0;
	}

	.news{
		margin-top: 0;
	}

	.catering .content .first_div{
		text-align: center;
	}


	/* ==================================================== */
	/* ================== Menu ================== */
	/* ==================================================== */
	
	.toggle-filter{
		display: block;
		width: 100%;
		padding: 20px 0;
		font-size: 16px;
		background: #520975;
		color: #fff;
		line-height: 30px;
		padding: 5px 40px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: none;
		margin: 10px 10px 10px 0;
		outline: none;
	}


	.store_switcher button{
		width: 100%;
	}


	.controls{
		display: none;
	}

	.pieDetails .spacing{
		padding: 20px 0;
	}

	.pieDetails .pie_nutrition_table{
		background: none;
		padding: 0;
	}

	.pieDetails{
		position: relative;
		width: 100%;
		left: 0;
	}


	.pieDetails .pie_labels{
		display: none;
	}

	.PieSlider .bg-image{
		height: 40%;
	}

	.pieDetails .pie_slider{
		display: none;
	}
	.pieDetails-info{
		padding-left: 0;
	}

	/* ===================================================== */
	/* ====================== Contact ====================== */
	/* ===================================================== */

	.contact_section .bg_content h2{
		font-size: 20px;
	}




	/* ==================================================== */
	/* ===================== Footer ======================= */
	/* ==================================================== */
	footer{
		text-align: center;
	}
	footer .text-right{
		text-align: center;
	}
	footer .text-right a{
		margin-left: 10px;
		margin-right: 10px;
	}

	.HomePage footer{
		margin-top: -140px;
	}

	.Footer_Top--bg{
		min-height: 700px;
	}

	footer .terms{
		justify-content: space-around;
	}


	/* .stores{
		margin-top: 0;
	} */

	#recaptcha{
		-webkit-transform: translate(-0%, 0);
		-moz-transform: translate(-0%, 0);
		-ms-transform: translate(-0%, 0);
		-o-transform: translate(-0%, 0);
		transform: translate(-0%, 0);
		left: 0;
	}

}

/* ==================================================== */
/* =================== Story page ===================== */
/* ==================================================== */
@media (max-width: 575px) {
	.story .content .first_div img{margin-top: 20px;}
	.story .content .second_div .inline-image{position: relative;top: 0;max-width: 40%;padding-bottom: 20px;}
	.story .second_div{padding: 20px 0; text-align: center;}
	.story .content .fifth_div .bg_image {right: 38%;top: -40px;}
	.story .btn-primary{line-height: 2;padding: 20px;}
	.franchise_opportunity h3{padding: 0;}
	section.franchise_opportunity{padding-bottom: 0;}
	.FranchiseePage footer{padding-top: 0;}
	section.form{padding-bottom:0;}
	#Form_FranchiseeForm .btn-toolbar{margin-bottom:20px;}
}

/* ==================================================== */
/* ===================== 448px ======================== */
/* ==================================================== */
@media (max-width: 448px) {

	#slider ul li .bg-image,
	.hero_section{
		height: 395px;
	}

	
	


}


/* ==================================================== */
/* ===================== 380px ======================== */
/* ==================================================== */
@media (max-width: 380px) {


	.bottom_info .bottom_image:before,
	.bottom_info .bottom_image:after{
		display: none;
	}

}

@media (max-width: 350px) {

	form #recaptcha{
		width: 235px;
		overflow: hidden;
	}
	form #recaptcha>div{
		max-width: 100%;
	}


}

.online-link{
    transition: 0.5s all;
}

.online-link:hover{
    background: #520975;
    color: #520975 !important;
}