/*COLOUR SHORTCODES
btn up #b5985a
btn over #ef8027

BLUE: 015ba9
ORANGE: f68121

PINK: #b10860
PURPLE: #6B254A;
*/

body {
	height: 100%;
	background: #fff;
	background-size: cover;
	color: #484848;
}
h1 {
	font-size: 30px;
	line-height: 16px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif!important;
	color: #515151;
	letter-spacing: -1px;
	margin-bottom: 15px;
}
h2 {
	font-size: 18px;
	line-height: 16px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	color: #515151;
}
h3 {
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	color: #515151;
	text-align: left;
}
h5 {
	font-size: 16px;
	line-height: 20px;
	margin-top: 3px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	letter-spacing: -1px;
	color: #515151 !important;
}
h6 {
	font-size: 19px;
	line-height: 16px;
	margin-top: 3px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	width: 100%;
	color: #515151;
}

.popup-content h2 {
	font-size: 28px;
	line-height: 28px;	
}



.decorative-font {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
}

.decorative-font-strike {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
/*	text-decoration: line-through!important;*/
	opacity: 0.3 	
}
p {
	color: #222;
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 13px;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
}
a {
	color: #222222;
}
#button-large-centre a {
	color: #fff;
}
a:hover {
	color: #98b1aa
}
.gbtext {
	color: #000 !important;
	font-family: arial !important;
	font-size: 12px !important;
	line-height: 16px !important;
}
.bucketdesctext {
	color: #000 !important;
	margin: 0 !important;
	font-family: arial !important;
	font-size: 12px !important;
	line-height: 15px !important;
}
label {
	color: #000 !important;
	margin: 0 !important;
	font-family: arial !important;
	font-size: 12px !important;
	line-height: 16px !important;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
}
ul {
	font-size: 14px;
	margin-left: 0px!important;
}
hr {
	margin-bottom: 20px !important;
}
hr {
	padding-top: 4px;
	margin: 0;
}
#left-content-wrapper {
	float: left;
	margin-top: 50px;
	margin-bottom: 40px;
}
#right-content-wrapper {
	float: left;
	padding-left: 30px;
	margin-top: 50px;
	margin-bottom: 40px;
}
#full-content-wrapper {
	margin: 0px;
}
/*BUTTON-ADDITIONAL-CLASSES*/
.bg-grey {
	background: #999 !important
}
.bigtext {
	font-size: 22px !important;
}


#button-float {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif !important;
    background: #42454b;
    padding: 5px;
    font-size: 13px;
    color: #fff;
    margin-top: 40px;
    float: left;
    border: 1px solid #fff;
    width: 21%;
    left: 20px;
    position: fixed;
    text-align: center;
    bottom: 20px;
    z-index: 2000;
}
#button-float:hover {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	background: #999;
	padding: 5px;
	color: #fff;
	border: 1px solid #fff
}
#button-float a {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	font-size: 20px;
}






#button-general {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	display: table;
	background: #575757;
	padding: 5px;
	font-size: 13px;
	color: #fff;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
	border: 1px solid #fff
}
#button-general:hover {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	display: table;
	background: #999;
	padding: 5px;
	color: #fff;
	border: 1px solid #fff
}
#button-general a {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	font-size: 13px;
}
#button-small-centre {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	background: #575757;
	padding: 5px;
	font-size: 13px;
	color: #fff;
	margin-top: 40px;
	float: left;
	border: 1px solid #fff;
	width: 20%;
	left: 40%;
	position: relative;
	text-align: center;
}
#button-small-centre:hover {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	background: #999;
	padding: 5px;
	color: #fff;
	border: 1px solid #fff
}
#button-small-centre a {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	font-size: 13px;
}
#button-medium-centre {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	background: #575757;
	padding: 5px;
	font-size: 13px;
	color: #fff;
	margin-top: 40px;
	float: left;
	border: 1px solid #fff;
	width: 20%;
	left: 40%;
	position: relative;
	text-align: center;
}
#button-medium-centre:hover {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	background: #999;
	padding: 5px;
	color: #fff;
	border: 1px solid #fff
}
#button-medium-centre a {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	font-size: 13px;
}
#button-large-centre {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	background: #575757;
	padding: 5px;
	font-size: 13px;
	color: #fff;
	margin-top: 40px;
	float: left;
	border: 1px solid #fff;
	width: 40%;
	left: 30%;
	position: relative;
	text-align: center;
}
#button-large-centre:hover {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	background: #999;
	padding: 5px;
	color: #fff;
	border: 1px solid #fff
}
#button-large-centre a {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	font-size: 13px;
}
#button-stroke {
	border: 1px solid #fff;
	padding: 4px 15px;
}
.fleft {
	float: left
}
.tentre {
	text-align: center;
}
.fright {
	float: right
}
/*NAVIGATION*/
#navigation-wrapper {
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	position: fixed;
	top: 0px;
	height: 42px;
	z-index: 1163;
	text-align: center;
}
#navigation-container {
	padding: 0px;
}
#navigation-links a {
	width: 13%;
	float: left;
	font-weight: 500;
	-webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	transition: .5s all ease-out;
}
.well > .menu {
	list-style: none;
	padding: 0;
	text-align: left;
}
.well > .menu > li {
	display: inline-block;
/*	width: 11%*/
}
.well > .menu > li > a {
	line-height: 42px;
	text-transform: uppercase
}
.well > .custom > p > a {
	line-height: 42px;
	font-size: 1rem
}
.navContainer {
/*	max-width: 80.5em;*/
	width: 100%;
	padding: 10px 30px;
	margin: 0 auto
}
.customPage {
	margin-top: 0px
}
.customPage .header-logo-wrapper {
	position: inherit;
	top: 15px;
	left: 0;
	max-width: 1170px;
	padding: 0 15px;
	margin: 0 auto
}
.customPage .centerContent {
	position: inherit;
	top: 0;
	left: 0;
	max-width: 1170px;
	padding: 0 15px;
	margin: 0 auto
}
#navigation-links a.active {
	color: #c9d4c4;
}
#mob-navigation-wrapper {
	display: none;
}
/*HERO UNIT*/

#hero-unit-wrapper {
	position: relative;
}
#hero-unit-wrapper img {
	width: 100%;
}
.hero-title-light {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	font-weight: 100;
	font-size: 70px
}
.hero-title-heavy {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	font-weight: 300;
	font-size: 70px;
	margin-top: 14px;
	display: block;
}
.header-logo-wrapper {
    position: absolute;
    top: 32%;
    left: -0.10%;
    z-index: 10;
    width: 240px;
}
.hero-message-wrapper {
	padding: 74px 50px;
}
.hero-unit-message-wrapper {
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 330px;
	z-index: 200;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 0;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: transform .5s, opacity .5s, -webkit-transform .5s;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
	display: none;
}
.header-slider-white-wrapper {
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
	position: absolute;
	bottom: 0px;
	height: 330px;
	z-index: 200;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	display: none;
}
#left-arrow-wrapper {
	position: relative;
	height: 330px;
}
#left-arrow-image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#left-arrow-image img {
	width: auto;
}
#right-arrow-wrapper {
	position: relative;
	height: 330px;
}
#right-arrow-image {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(-50%, -50%);
}
#right-arrow-image img {
	width: auto;
}
/*GOOD FOOD WRAPPER*/

#good-food-wrapper {
    clear: both;
    min-height: 830px;
    background: url(../img/bg-good-food.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    text-align: center;
}


#good-food-text-wrapper {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
	margin-top: -90px;    
}
#good-food-text {
	color: #fff;
	padding: 45px;
}
#good-food-text p {
	line-height: 20px;
	color: #fff;
	line-height: 21px;
	font-size: 13px;
	margin-top: 41px;
}
#good-food-text h1 {
	color: #fff !important;
}
#good-food-pull-quote {
	width: 300px;
	font-weight: 300;
	font-size: 23px;
	line-height: 35px;
	position: absolute;
	top: 35%;
	right: 10%;
	background: url(../img/quote-mark.svg) no-repeat;
	padding: 20px 0 0 20px;
}
.good-food-contributor {
	opacity: 0.5;
}
/*APPROACH WRAPPER*/

#approach-wrapper {
	clear: both;
	min-height: 800px;
	background: url(../img/bg-approach.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
#approach-text-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#approach-text {
	background: rgba(255, 255, 255, 0.1);
	padding: 45px;
}
#approach-text p {
	line-height: 20px;
	color: #fff;
	line-height: 21px;
	font-size: 13px;
	margin-top: 41px;
}
#approach-text h1 {
	color: #fff !important;
}
#approach-pull-quote {
	width: 300px;
	font-weight: 300;
	font-size: 23px;
	line-height: 35px;
	position: absolute;
	top: 35%;
	right: 10%;
	background: url(../img/quote-mark.svg) no-repeat;
	padding: 20px 0 0 20px;
	color: #fff!important;
}



/*MASTERCLASS WRAPPER*/

#mc-wrapper {
	clear: both;
	min-height: 800px;
	background: url(../img/bg-mc.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	background-position: 60%;
}
/*#mc-text-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}*/

#mc-text-wrapper {
	position: absolute;
	bottom: 0px;
	left: 0px;/* transform: translate(-50%, -50%); */
}
#mc-text {
	background: rgba(0, 0, 0, 0.85);
	padding: 45px;
	z-index: 1162;
	position: relative;
}
#mc-text li {
	text-decoration: none;
	list-style: none;
	color: #fff;
	border-bottom: 1px solid #555;
	padding: 6px 0 6px 0;
}
#mcli {
	margin-top: 41px;
	color: #fff;
	list-style: none;
	line-height: 36px;
}
#mcli li {
	border-bottom: 1px solid #484444
}
#mc-text p {
	line-height: 20px;
	color: #fff;
	line-height: 21px;
	font-size: 13px;
	margin-top: 41px;
}
#mc-text h1 {
	color: #fff !important;
}
#mc-pull-quote {
	width: 300px;
	font-weight: 300;
	font-size: 23px;
	line-height: 35px;
	position: absolute;
	top: 35%;
	right: 10%;
	background: url(../img/quote-mark.svg) no-repeat;
	padding: 20px 0 0 20px;
}




/*GUESTCHEF WRAPPER*/

.gc-intro {
    text-align: center;
    width: 25%;
    position: absolute;
    margin-top: -53px;
    z-index: 1;
    left: 37.5%;
}

#gc-wrapper {
	clear: both;
	min-height: 800px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}


.chef-holder {
    min-height: 800px;
    float: left;
}


#chef-1 {
	min-height: 800px;
	background: url(../img/bg-ak.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	float: left;
	min-height: 485px;
}


#chef-2 {
	min-height: 800px;
	background: url(../img/bg-gg.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	float: left;
	min-height: 485px;
}


.gc-text {
    background: #000;
    width: 100%;
    min-height: 470px;
    /* padding: 41px!important; */
    clear: both;
    color: #fff!important;
    text-align: center;
    float: left;
    padding: 50px;
}

.gc2 {    background: #212121!important;}

.gc-text p {
    line-height: 16px;
    color: #fff;
    line-height: 20px;
    font-size: 15px;
    width: 70%;
    left: 15%;
    position: relative;
}







.gc-text h1 {
	color: #fff !important;
	font-size: 23px;
	line-height: 16px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif!important;
	letter-spacing: -1px;
	margin-bottom: 15px;
	text-align: center!important;
}


.gc-text h2 {
    font-size: 42px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    color: #ffffff;
    text-align: center!important;
    margin-bottom: 27px;
}


.gc-text h3 {
	color: #ccc !important;
	font-size: 19px;
	line-height: 16px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif!important;
	letter-spacing: -1px;
	margin-bottom: 15px;
	text-align: center!important;
}

.gc-text h4 {
    color: #ccc !important;
    font-size: 30px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif!important;
    letter-spacing: -1px;
    margin: 15px 0 5px;
    text-align: center!important;
}


































/*IMAGE SPLITTER*/

.image-splitter img {
	width: 100%
}
/*ROOM*/

#room-wrapper {
	clear: both;
	min-height: 800px;
	position: relative;
}
#room-wrapper img {
	width: 100%
}
#btn-room-prev {
	position: absolute;
	right: 120px;
	float: left;
	width: 20px;
	top: 40px;
	opacity: 0.4
}
#btn-room-next {
	position: absolute;
	right: 50px;
	float: left;
	width: 20px;
	top: 40px;
	opacity: 0.4
}
#room-text h1 {
	color: #fff !important;
}
#room-pull-quote {
	width: 300px;
	position: absolute;
	top: 15%;
	right: 10%;
	background: url(../img/quote-mark.svg) no-repeat;
	padding: 20px 0 0 20px;
	color: rgba(255, 255, 255, 0.9);
}
.quote {
	font-size: 30px;
	font-weight: 300;
	line-height: 29px;
	margin-bottom: 54px;
}
.quotee {
	font-size: 17px!important;
	line-height: 17px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	display: block;
	margin-bottom: -18px;
}
.quotee-credentials {
	font-size: 13px!important;
	line-height: -2px!important;
	font-style: italic;
	line-height: -15px!important;
	margin: 0px!important;
	letter-spacing: 1px;
	line-height: 4px!important;
}
/*MENUS*/

#menu-wrapper {
	background: #dce3d9
}
#menu-icon {
	width: 100%;
	text-align: center;
	margin-top: -50px;
	position: relative;
}
.menu-intro {
	font-weight: 300;
	font-size: 20px;
	clear: both;
	color: #848882;
	display: block;
	margin-top: 40px;
}
#menu-bucket-container {
	margin-top: 40px;
	padding: 0 5%;
}
.menu-bucket-light {
	background: #d5dcd2;
	padding: 20px;
	text-align: center;
	border: 4px solid #dce3d9;
	padding-bottom: 54px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .5s ease-in-out;
	height: 340px;
	position: relative;
}
.menu-bucket-dark {
	background: #ced6cb;
	padding: 20px;
	text-align: center;
	border: 4px solid #dce3d9;
	padding-bottom: 54px;
	height: 340px;
	position: relative;
}
.menu-image {
	z-index: 999;
	width: 140px;
	height: 140px;
	background: #FFF;
	border: 3px solid #FFF;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	top: 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-bottom: 30px;
}
a.menu-pic-btn {
	color: #fff;
}
.menu-name {
}
.menu-date a {
	font-size: 12px;
	color: #222;
}
#menu-reserve-wrapper {
	padding: 40px;
	display: block;
	clear: both;
	height: 190px;
}
.menu-link {
	text-align: center;
	width: 60%;
	height: 20px;
	position: absolute;
	bottom: 42px;
	display: table;
	left: 20%;
}
.menu-link a {
	color: white;
	margin-top: 23px;
	/* display: block; */
	font-size: 15px;
	font-weight: 700;
}
.menu-link a:hover {
	color: #81AB9E;
}
/*PROFILE WRAPPER*/

#profile-wrapper {
	padding: 90px 0 0px 0px;
}
.profile-bio-wrapper {
	padding: 0 30px;
	display: none;
}
.profile-bio-wrapper.selected {
	display: block;
	-webkit-animation: cd-fade-in 0.5s;
	-moz-animation: cd-fade-in 0.5s;
	animation: cd-fade-in 0.5s;/* margin-bottom: 110px; */
}
#profile-image-wrapper {
	float: right;
	margin-left: 20px;
	margin-bottom: 40px;
}
#profile-bio-wrapper p {
	line-height: 20px;
	color: #616161
}
#profile-links li {
	list-style: none;
	line-height: 30px;
}
#profile-links li a {
	color: #98b1aa;
	border-left: 2px solid transparent;
	padding: 0 5px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
#profile-links li a:hover, #profile-links li a.selected {
	color: #484848;
	border-left: 2px solid #484848;
}
#profile-links h1 {
	margin-bottom: 40px;
	color: #9BB1AA;
}
/*SOCIAL ROW*/

#blog-wrapper {
	background: #e6ebe5;
	position: relative;
	padding: 5%;
}
#blog-wrapper h1 {
	color: #729087;
	font-weight: 100;
	font-size: 50px;
}
#blog-dog-ear {
	position: absolute;
	right: 0px;
	top: 0px;
}
#blog-wrapper {
	background: #e6ebe5;
	position: relative;
	padding: 5%;
}
#blog-title {
	color: #729087;
	margin-top: 20px;
	font-size: 24px;
	font-weight: 300;
}
#blog-author-wrapper {
	margin: 20px 0px;
	line-height: 17px;
	color: #7292A4;
}
.blog-release-data {
	margin: 31px 0 0 10px;
}
#blog-content p {
	color: #6e7d78;
	font-size: 14px;
	line-height: 18px;
}
#blog-content a {
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	letter-spacing: -1px;
	color: #515151;
}
#blog-content a:hover {
	color: #729087 !important;
	font-size: 20px;
}
#fb-wrapper h1 {
	color: #729087;
	font-weight: 100;
	font-size: 50px;
}
#pull-quote-right {
	display: table;
	padding: 0px 20px 20px 20px;
	color: #809a97;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 30px;
	border-radius: 5px;
	float: right;
	margin-left: 15px;
	margin-bottom: 20px;
	width: 355px;
}
/*HOVER BLOCK UNIT*/

#hover-block-wrapper {
	clear: both;
}
.hover-block .hover-block-over {
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-box-shadow: inset 0 0 5px 10px rgba(23, 23, 23, 0.38);
	-moz-box-shadow: inset 0 0 5px 10px rgba(23, 23, 23, 0.38);
	box-shadow: inset 0 0 5px 10px rgba(23, 23, 23, 0.38);
}
.hover-block:hover .hover-block-over {
	opacity: 1;
	visibility: visible;
}
.hover-block:hover .hover-block-data {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
	visibility: visible;
}
.hover-block-data {
	position: absolute;
	top: 44%;
	color: rgba(255, 255, 255, 0.7);
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
	-webkit-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
	opacity: 0;
	display: block;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.hover-block:hover .hover-block-data {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.hover-block-1 {
	height: 400px;
	overflow: hidden;
	background: url(../img/hover-block-1.jpg) no-repeat;
	background-size: cover;
}
.hover-block-2 {
	height: 400px;
	overflow: hidden;
	background: url(../img/hover-block-2.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
.hover-block-3 {
	height: 400px;
	overflow: hidden;
	background: url(../img/hover-block-3.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
.hover-block-4 {
	height: 400px;
	overflow: hidden;
	background: url(../img/hover-block-4.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
.hover-block-5 {
	height: 400px;
	overflow: hidden;
	background: url(../img/hover-block-5.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
.hover-block-6 {
	height: 400px;
	overflow: hidden;
	background: url(../img/hover-block-6.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
#fb-wrapper {
	background: #fff;
	position: relative;
	padding: 5%;
	overflow: hidden;
}
/*PARTNER BLOCK*/

#partner-wrapper {
	clear: both;
	background: #222222;
	padding: 130px 0;
	position: relative;
}
#partner-wrapper p {
	color: #c1c1c1
}
#partner-container p {
	color: #c1c1c1
}
.supplier-heading {
	margin-top: -48px
}
#partner-wrapper {
	clear: both;
}
#partner-overview {
	padding-right: 20px;
}
#partner-overview p {
	color: #707070;
}
#partner-overview a {
	color: #A9A9A9;
}
#partner-overview a:hover {
	color: #9BB1AA;
}
#partner-bio-image {
	background: #4f4e4c;
	padding: 10px;
}
#partner-bio-name {
	font-size: 30px !important;
	margin-bottom: 20px;
	color: #B7B7B7;
}
#partner-bio-desc {
	padding-left: 30px;
}
#partner-bio-desc p {
	color: #c1c1c1;
	line-height: 20px;
}
#partner-website-link {
	position: absolute;
	bottom: 40px;
	right: 40px;
}
#partner-website-link a {
	color: #797979;
}
#partner-website-link a:hover {
	color: #9BB1AA;
}
/*CONTACT PANEL*/

#contact-details {
	padding: 30px;
}
.bucket-data {
	height: 398px;
}
/*CONTACT BLOCK*/

#contact-wrapper {
	padding-bottom: 85px;
	padding-top: 45px;
}
.contact-bucket {
	text-align: center;
}
.contact-bucket p {
	line-height: 19px;
	padding-top: 43px;
	color: #5b5b5b;
	font-size: 13px;
	font-family: arial;
	font-family: 'Open Sans', sans-serif;
}
/*FOOTER*/

#footer-wrapper {
    background-color: #353535;
    padding-top: 38px;
    clear: both;
    padding-bottom: 100px;
}


#footer-container {
	font-size: 12px;
	color: #ccc;
	line-height: 20px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
}
#footer-block-1 {
	font-size: 12px;
	padding-left: 0px;
	padding-bottom: 30px;
	text-align: center;
	margin: 0 auto;
	font-weight: normal;
}
#footer-block-1 a {
	color: #7B7B7B;
	margin-right: 8px;
}
#footer-block-1 a:hover {
	color: #fff;
}
#footer-block-2 {
	font-size: 11px;
	padding-left: 0px;
	float: left;
	margin-top: 10px;
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
}
#footer-block-3 {
	font-size: 11px;
	padding-left: 0px;
	float: right;
	margin-top: 10px;
	text-align: left;
	padding-left: 20px;
	font-weight: normal;
}
#footer-block-3 a {
	color: #ff52c0;
	text-decoration: none;
}
#footer-block-3 a:hover {
	color: #f68121;
	text-decoration: none;
}
#footer-block-last {
	padding-left: 0px;
	float: right !important;
	text-align: right;
	margin-top: 10px;
}
#footer-block-last li {
	list-style: none;
}
#social-button-wrapper {
	display: table;
	margin: 0 auto
}
#fb-link {
	background: url(../img/fb-up.svg);
	height: 62px;
	width: 62px;
	display: table;
	float: left;
}
#fb-link:hover {
	cursor: pointer;
	background: url(../img/fb-over.svg);
}
#twitter-link {
	background: url(../img/tw-up.svg);
	height: 62px;
	width: 62px;
	display: table;
	float: left;
}
#twitter-link:hover {
	cursor: pointer;
	background: url(../img/tw-over.svg);
}
#instagram-link {
	background: url(../img/insta-up.svg);
	height: 62px;
	width: 60px;
	display: table;
	float: left;
}
#instagram-link:hover {
	cursor: pointer;
	background: url(../img/insta-over.svg);
}
.slider {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	min-height: 100%;
}
.slider .slide-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	-moz-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
	opacity: 0;
}
.slider .slide-item.current {
	visibility: visible;
	opacity: 1;
}
.slider .hero-text {
	opacity: 0;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: transform .5s, opacity .5s, -webkit-transform .5s;
}
.slider .slide-item.current .hero-text {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.slider .slide-item.current .hero-unit-message-wrapper {
	visibility: visible;
	opacity: 1;
}
.menu-bucket-light .menu-image, .menu-bucket-dark .menu-image {
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.menu-bucket-light:hover, .menu-bucket-dark:hover {
	background: #c9d4c4;
}
.menu-bucket-light:hover .menu-image, .menu-bucket-dark:hover .menu-image {
	width: 180px;
	height: 180px;
}
 @-webkit-keyframes cd-fade-in {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-moz-keyframes cd-fade-in {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes cd-fade-in {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 100px;
	right: 10px;
	z-index: 10;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(47, 47, 54, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}
.no-touch .cd-top:hover {
	background-color: rgba(47, 47, 54, 1);
	opacity: 1;
}

@media only screen and (min-width: 768px) {
.cd-top {
	right: 20px;
	bottom: 20px;
}
}

@media only screen and (min-width: 1024px) {
.cd-top {
	height: 60px;
	width: 60px;
	right: 30px;
	bottom: 30px;
}
}
#mob-nav-toggle {
	display: none;
}
/*GALLERY*/



#visual2 {
	margin-top: 30px;
	padding: 100px 0 100px 0;
}
#gallery-project-table {
	margin-top: 30px;
	color: #897171;
	font-size: 12px;
	line-height: 15px;
}
#gallery-project-table li {
	list-style: none;
	border-top: 1px dotted #897171;
	padding: 4px 0 4px 0px;
	font-style: italic;
	font-family: times;
}
.gallery-thumbs-row {
	display: block;
	clear: both;
	height: 110px;
	overflow: hidden;
	margin-top: 0px!important;
}
.gallery-stone-desc {
	position: absolute;
	bottom: 0px;
	padding: 5px;
	background: rgba(64,31,73,0.8);
	width: 100%;
	text-align: left;
	color: #fff;
	line-height: 14px
}
#gallery-open-wrapper {
	background: rgba(0,0,0,0.7);
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	z-index: 1000;
}
#gallery-open-container {
	/*width: 800px;
height: 100%;*/
	display: table;
	margin: auto auto;
	text-align: center;
	padding: 5px;
	background: #fff;
}
.gallery-outer {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
}
.gallery-middle {
	display: table-cell;
	vertical-align: middle;
}
.gallery-inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 850px;
	background: #fff;
	border: 5px solid white;
	position: relative;
}
#gallery-caption {
	font-family: arial;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgba(0,0,0,0.7);
	padding: 6px 10px;
	color: #fff;
	font-size: 13px;
	line-height: 14px;
}
#gallery-controls-left {
	display: table;
	padding: 15px;/* background: #fff; */
	z-index: 1500;
	position: absolute;
	right: 90px;
	top: 300px;
	border-radius: 3px;
}
#gallery-controls-right {
	display: table;
	padding: 15px;/* background: #fff; */
	z-index: 1500;
	position: absolute;
	right: 40px;
	top: 300px;
	border-radius: 3px;
}
.gallery-thumbs-row {
	height: auto!important;
}
.gallery-thumb-wrapper {
	height: 120px;
	overflow: hidden;
	margin-bottom: 3px!important;
	text-align: center;
	position: relative;
	background-image: -moz-linear-gradient(45deg, #666 25%, transparent 25%), -moz-linear-gradient(-45deg, #666 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #666 75%), -moz-linear-gradient(-45deg, transparent 75%, #666 75%);
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #666), color-stop(.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #666), color-stop(.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #666)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #666));
	background-image: -webkit-linear-gradient(45deg, #666 25%, transparent 25%), -webkit-linear-gradient(-45deg, #666 25%, transparent 25%), -webkit-linear-gradient(45deg, transparent 75%, #666 75%), -webkit-linear-gradient(-45deg, transparent 75%, #666 75%);
	background-image: -o-linear-gradient(45deg, #666 25%, transparent 25%), -o-linear-gradient(-45deg, #666 25%, transparent 25%), -o-linear-gradient(45deg, transparent 75%, #666 75%), -o-linear-gradient(-45deg, transparent 75%, #666 75%);
	background-image: linear-gradient(45deg, #666 25%, transparent 25%), linear-gradient(-45deg, #666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666 75%), linear-gradient(-45deg, transparent 75%, #666 75%);
	-moz-background-size: 2px 2px;
	background-size: 2px 2px;
	-webkit-background-size: 2px 2.1px;
	background-position: 0 0, 1px 0, 1px -1px, 0px 1px;
}
.gallery-thumb-wrapper img {
	position: absolute;
	top: -100%;
	left: 0;
	right: 0;
	bottom: -100%;
	margin: auto;
}
.gallery-thumb-wrapper {
	height: 219px;
	overflow: hidden;
	/* background: #ccc; */
	position: relative;
	width: 19%;
	float: left;
	margin-right: 6.7px;
	margin-bottom: 9px!important;
}
.fullsize-img-outer, .caption-text {
	display: none
}

@media (max-width: 767px) {
#gallery-open-wrapper {
	margin-left: -20px;
}
}
#gallery-caption {
	text-align: left;
	display: none;
}
#gallery-button-clear {
	clear: both;
	padding-top: 40px;
	margin-bottom: 140px!important;
}
/* END SHOWCASE JQUERY GALLERY */





/*POPUP*/
#mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: #000;
	display: none;
}
#pop-clinger {
	position: absolute;
	right: -5px;
	top: -5px;
	display: none;
}
#boxes .window {
	position: absolute;
	/*left:0;
top:0;*/
/*  width:440px;
height:200px;*/
	display: none;
	z-index: 9999;
	padding: 20px;
	border-radius: 0px;
	text-align: center;
}
#boxes #dialog {
	width: 40%;
	height: auto;
	padding: 10px;
	font-family: 'Lato', sans-serif;
	font-size: 15pt;
	left: 30%;
	top: 20%;
	position: fixed;
}
.maintext {
	text-align: center;
	font-family: 'Lato', sans-serif;
	text-decoration: none;
}
body {
	background: url('bg.jpg');
}
#lorem {
	font-family: 'Lato', sans-serif;
	font-size: 12pt;
	text-align: left;
}
#popupfoot {
	font-family: 'Lato', sans-serif;
	font-size: 12pt;
	padding: 10px 20px;
}
#popupfoot a {
	text-decoration: none;
	color: #a0852e;
}
.agree:hover {
}
.popupoption:hover {
	color: green;
}
.popupoption2:hover {
	color: red;
}
#koCgcBox {
	width: 97%;
	margin: 0 6% 6% 0;
	float: left;
}
.cgc_box {
	width: 60%;
	left: 20%;
	position: relative;
	padding-top: 100px;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	background-color: white;
	font-family: inherit;
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.75);
	display: block;
	font-size: 0.875rem;
	margin: 0 0 1rem 0;
	padding: 0.5rem;
	height: 2.9125rem;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
	border-radius: 6px;
}
select {
	-webkit-appearance: none !important;
	-webkit-border-radius: 0px;
	background-color: #fafafa;
 background-image: url(data:image/svg+xml;
base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…J2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
	background-position: 100% center;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	padding: 0.5rem;
	font-size: 0.875rem;
	color: rgba(0, 0, 0, 0.75);
	line-height: normal;
	border-radius: 0;
	height: 2.3125rem;
	border-radius: 4px;
	height: 2.9125rem!important;
}
#cms-styler {
	padding: 0 20% 30% 20%;
}
/*.fine_print{
	width: 50%;
	position: relative;
	left: 25%
}
*/


#mj-FooterBtn {
	width: 60%;
	position: relative;
	left: 20%;
}
.control-group {
	width: 50%;
	position: relative;
	left: 25%
}
.voucher-mute {
	display: none;
}
.delivery-method {
	font-size: 18px;
	margin-bottom: 10px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
}
.voucher-wrapper {
	float: left;
	width: 48%;
	font-family: lato;
	line-height: 19px;
}
.voucher-preview {
	width: 200px;
	float: right;
	margin-left: 0px;
}
.voucher-controller {
	padding-top: 9px;
	clear: both;
}








.other-awards {clear: both; display: block; position: absolute; bottom: 0px; margin-top: 250px; margin-bottom: 120px;}

.oatitle {
    width: 20%;
    left: 40%;
    position: relative;
    margin-bottom: 50px;
}



.oaward {text-align: center; width: 100%!important; display: block;}
.title_box h3 {
	line-height: 32px!important;
	font-weight: 100;
	letter-spacing: -1px;
	float: left;
	margin-top: -36px;
}
.voucher-intro-logo {
	margin-bottom: 23px;
}
.uk-comment-header {
	margin-bottom: 5px;
	margin-top: 18px;
	clear: both;
}
.mj-CartRow {
	margin-top: 28px;
}
.ko_title {
	padding: 0px;
	margin: 0px;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
	width: 60%;
}
.uk-comment-body {
	font-family: Lato;
}
.mj-FooterWait {
	font-family: Lato
}
#mjBtnPaypal {
	margin-right: 0px!important;
}
#koBtnViewCart {
	margin-right: 0px!important;
}
#mc-sold-out-clinger {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1162;
	background: url(https://www.wineandbrine.co.uk/images/sold-out.png) no-repeat;
	width: 355px;
	height: 302px;
}
/*.spam-title {
    font-family: lato;
    background: #f5e9e9;
    padding: 5px 11px;
    border-radius: 6px;
    color: #ef7c7c;
    margin-bottom: -12px;
    width: 15%;
    float: left;
}


.spam-desc {
    font-family: lato;
    color: #fd8686;
    line-height: 18px;
	width: 70%;
	float: left;
	margin-left: 5%;
}
*/


.spam-title {
	font-family: lato;
	background: #f7eded;
	padding: 12px 21px;
	border-radius: 6px;
	color: #f98484;
	margin-bottom: -12px;
	width: 100%;
	float: left;
	line-height: 20px;
	margin-bottom: 41px;
	display: block;
}
.spam-desc {
	font-family: lato;
	color: #fd8686;
	line-height: 18px;
	width: 70%;
	float: left;
	margin-left: 5%;
}
/* Added by SUman*/
.nav.menuft li {
	display: inline-block !important;
	text-transform: none;
	font-size: 12px !important;
}
.sbox-content-iframe {
	background: url(https://www.wineandbrine.co.uk/images/loading_g.gif) 0px 0px no-repeat;
	background-position: center;
	background-size: 45px;
}

@media screen and (max-width: 1400px) {
#sbox-window {
/*		top: 10% !important; 
   left: 0 !important;
	    right: 0;
	    margin: 0 auto;
	}*/	
	
	#sbox-content {
		/*overflow: scroll;*/
		overflow-y: hidden !important;
}
/*	#sbox-content iframe{ 
		min-height: 400px; 
		height: auto;
	}*/

/*	#sbox-window{top:10% !important;}*/
}
/*JOBS*/



#job-wrapper {
	clear: both;
	/* background: #ccc; */
	padding: 130px 0;
	position: relative;
	text-align: center;
	background: url("jobs.png");
	font-size: 40px!important;
}

#job-wrapper p {
	color: #c1c1c1
	font-size: 14px;
}

#job-container p {
	color: #c1c1c1
}

.supplier-heading {
	margin-top: -48px
}

#job-wrapper {
	clear: both;
}

#job-overview {
	padding-right: 20px;
}

#job-overview p {
	color: #707070;
}

#job-overview a {
	color: #A9A9A9;
}

#job-overview a:hover {
	color: #9BB1AA;
}

#job-bio-image {
	background: #4f4e4c;
	padding: 10px;
}

#job-bio-name {
	font-size: 34px !important;
	margin-bottom: 15px;
	color: #fff;
	line-height: 40px;
}

#job-bio-desc {
	padding-left: 30px;
}

#job-bio-desc a{
	color: #fff;
}

#job-bio-desc a:hover{
	color: #92b399;
}

.job-standout {color: #99b195;display: block;}

#job-bio-desc p {
	color: #fff;
	line-height: 30px;
	font-size: 20px;
	margin-top: 40px;
	width: 60%;
	left: 20%;
	position: relative;
}

#job-website-link {
	position: absolute;
	bottom: 40px;
	right: 40px;
}

#job-website-link a {
	color: #797979;
}

#job-website-link a:hover {
	color: #9BB1AA;
}




.frightpad {float: right; padding: 0 0 20px 20px;}




#button-pop {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	display: table;
	background: #575757;
	padding: 16px;
	font-size: 15px;
	color: #fff;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
	border: 1px solid #fff
}
#button-pop:hover {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	display: table;
	background: #999;
	color: #fff;
	border: 1px solid #fff
}
#button-pop a {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	font-size: 15px;
	text-decoration: none;
}




.popup-wrapper {width: 100%}

.popup-header {width: 100%}

.popup-content {
    width: 90%;
    padding: 40px 5%;
    clear: both;
}

#priv-popup-header {
width: 100%;
/*
background: url(https://www.wineandbrine.co.uk/templates/protostar/img/priv-head.png);
background-size: contain;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; 
height: 300px */}


.pop-up-logo {
    width: 180px;
    margin-top: -80px;
    clear: both;
    margin-left: 5%;
}

/*#priv-popup-header img {
    max-width: 100%;
    max-height: 100%;
}*/

.popup-content p {
    font-size: 16px!important;
    line-height: 19px;
}


.fine_print {
    font-size: 13px!important;
    color: #ec5050!important;
    font-style: italic!important;
}