@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* NOTES

font-family: 'Noto Sans', sans-serif;
font-family: 'Noto Serif', serif;


CORE PALETTE

CORNFLOWER: 		#4F769B
ROSEMARY: 			#4C5024
EUCALYPTUS:			#1E384F
GINGER:				#9C7A66
ROSE: 				#AA5C98


FOOD AND BEVERAGE COLOUR PALETTE

PEPPERMINT:			#7BA02C
CARROT:				#EC6607
SAMPHIRE:			#00878A
DAMSON:				#832372


COSMETICS COLOUR PALETTE

ECHINACEA:			#BE7187
SAFFRON:			#CDA838
SAGE:				#95B3AF
LAVENDAR:			#727574

*/
/* CSS STARTS */
/* COLOUR VARIABLES */

:root {
  --cornflower: #4F769B;
  --cornflowertransparent: rgba(78, 118, 155, 0.5);
  --rosemary: #4C5024;
  --eucalyptus: #1E384F;
  --ginger: #9C7A66;
  --rose: #AA5C98;
  --peppermint: #7BA02C;
  --carrot: #EC6607;
  --samphire: #00878A;
  --samphire40: #99CFD0;
  --damson: #832372;
  --echinacea: #BE7187;
  --echinacea40: #E5C6CF;
  --saffron: #CDA838;
  --sage: #95B3AF;
  --lavendar: #717594;
}
/* RESETS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
* {
  box-sizing: border-box;
  outline: none;
}
*:before, *:after {
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
:root {
  overscroll-behavior: none;
}
em {
  font-style: italic;
}
body, html {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
  line-height: 1.35;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {}
ol, ul {
  list-style: none;
  font-size: 0px;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix:after {
  content: "";
  clear: both;
  display: table;
}
a {
  text-decoration: none;
  outline: none;
}
strong {
  font-weight: 700;
}
::selection {
  background: var(--eucalyptus); /* WebKit/Blink Browsers */
  color: #FFFFFF !important;
}
::-moz-selection {
  background: var(--eucalyptus); /* Gecko Browsers */
  color: #FFFFFF !important;
}
strong {
  font-weight: 700;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
img {
  opacity: 1;
  transition: opacity 2s;
}
img[data-src] {
  opacity: 0;
}
/* KILL CURSOR EVENTS */ {
  pointer-events: none;
}
/* FORCE CURSOR EVENTS */ {
  pointer-events: initial;
}
/* TRANSITIONS */
#header, a, #listmarker, #email span, #footeremail span, .choicecolumn p, #mainnav h1, #backtotop, #mobilemenu, #display li, #submit-go, .alphalist li a {
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}
.connecticon, #connectmenu a {
  -o-transition: 1s;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  transition-timing-function: ease-out;
}
#connectmenu {
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  transition-timing-function: cubic-bezier(0, .75, .63, 1.65);
}
@keyframes hovermove {
  50% {
    background-size: auto 400px;
  }
}
@-webkit-keyframes bounce {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 30px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.bounce {
  -webkit-animation: bounce 3s infinite;
  transition-timing-function: ease-out;
}
a {
  color: #000000;
}
a:hover {
  color: var(--cornflower);
}
/* MAIN MENU ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header {
  position: fixed;
  z-index: 500;
  width: 100%;
  background: var(--cornflower);
  height: 110px;
  border-bottom: 1px solid #FFFFFF;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
}
#header.initial {
  background: var(--cornflowertransparent);
}
#mainnav {
  width: 1160px;
  margin: 20px auto;
}
#navlogo {
  position: absolute;
  text-indent: -32000px;
  width: 140px;
  height: 79px;
  margin: -12px 0px;
  background: left center no-repeat url(../images/blueskybotanicslogo.png);
  background-size: 140px 79px;
}
#contact {
  float: right;
  margin: 10px 0px;
}
#telephone {
  float: left;
  font-family: 'Noto Serif', serif;
  font-size: 18px;
  margin: 0px 25px 0px 0px;
}
#email {
  display: block;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700px;
  color: #FFFFFF;
  border-left: 1px solid #FFFFFF;
  padding: 5px 0px 5px 30px;
}
#navoptions {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700px;
  color: #FFFFFF;
  text-align: left;
  display: inline-block;
  width: 1160px;
}
#navoptions li {
  display: inline-block;
}
#navoptions li a, #navoptions li span {
  display: block;
  padding: 10px 25px 10px 0px;
  color: #FFFFFF;
}
#navoptions li span {
  color: var(--eucalyptus);
}
#navoptions li a:hover, #email:hover {
  color: var(--eucalyptus);
}
#rightnav li a, #rightnav li span {
  padding: 10px 0px 10px 25px;
}
#rightnav {
  float: right;
}

/* HEADER VIDEO */

.videowrapper {
	background: url("../images/preloader.gif") center center no-repeat #FFFFFF;
	width: 100%;
	height: 75vh;
	z-index: -1;
}
#myVideo {
  object-fit: cover;
  width: 100vw;
  height: 75vh;
  top: 0;
  left: 0;
  opacity: 1;
	z-index: 0;
}

/* CONTENT PANEL ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#fullpage {
  position: static;
  width: 100%;
  height: 100vh;
  min-height: 270px;
  color: #FFFFFF;
  display: table;
  overflow: hidden;
  background-color: var(--cornflower);
}
.gallerycontent {
  width: 100%;
  height: 100vh;
  min-height: 270px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto 50px auto;
}
.gallerycontent h1 {
  font-size: 28px;
	font-weight: 700;
  z-index: 400;
	padding: 15px 15px 30px 15px;
	text-align: center;
  font-family: 'Noto Sans', sans-serif;
  color: #FFFFFF;
  background: var(--cornflowertransparent);
  border-top: 1px solid #FFFFFF;
  grid-column: 1 / span 1;
  grid-row: 4 / 5;
}
.scrolldown {
  height: 50px;
  background: center center no-repeat url(../images/scrolldown.png);
  background-size: 50px 50px;
  z-index: 400;
  text-indent: -32000px;
  cursor: pointer;
  grid-column: 1 / span 1;
  grid-row: 2 / 3;
}
#backtotop {
  position: fixed;
  right: 20px;
  top: 50%;
  height: 80px;
  width: 80px;
  border-radius: 40px;
  background: center center no-repeat url(../images/scrollup.png) var(--eucalyptus);
  background-size: 50px 50px;
  z-index: 600;
  text-indent: -32000px;
  cursor: pointer;
  filter: drop-shadow(0 2px 2px #000000);
}
#backtotop:hover {
  background-color: #B18964;
}
#backtotop.initial {
  opacity: 0;
}
#mobilemenu {
	display:none;
}
/* CONNECT MENU */

#connectmenu {
  position: fixed;
  z-index: 50;
  right: -100px;
  top: 25%;
  width: 329px;
  height: 88px;
  background-color: var(--eucalyptus);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 25px;
  filter: drop-shadow(0 2px 2px #000000);
}
.menustart {
  right: -265px !important;
}
.connecticon {
  display: block;
  float: left;
  width: 64px;
  height: 88px;
  background: top left no-repeat url(../images/connect_icon.png);
  opacity: 0.6;
}
#connectmenu:hover {
  background-color: var(--ginger);
}
#connectmenu:hover .connecticon, #connectmenu a:hover, #footerconnect a:hover {
  opacity: 1;
}
#connectmenu a {
  display: block;
  width: 45px;
  height: 88px;
  float: left;
  opacity: 0.6;
  text-indent: -32000px;
}
.emaillink {
  background: center center no-repeat url(../images/email_icon.png);
}
.linkedinlink {
  background: center center no-repeat url(../images/linkedin_icon.png);
}
.instagramlink {
  background: center center no-repeat url(../images/instagram_icon.png);
}
/* FONT STYLINGS */
h2 {
  font-family: 'Noto Serif', serif;
  font-weight: 400;
  font-size: 52px;
  margin-bottom: 15px;
  color: var(--cornflower);
}
h2.midhead {
  font-size: 36px;
  text-align: center;
}
h3, h4 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #000000;
}
h6 {
  font-size: 24px;
  margin-bottom: 15px;
	text-align: left;
}
h3, h6 {
  font-weight: 700;
}
h5 {
  font-weight: 400;
  font-size: 32px;
  margin: 10px 0px 10px 0px;
  text-align: center;
}
p {
  font-size: 18px;
  margin-bottom: 15px;
  color: #000000;
}
.hascaption {
	margin-bottom: 40px!important;
}
.imagecaption {
	display: block;
  font-size: 12px;
  text-align: right;
  color: #000000;
	margin: 20px 0px 20px 0px;
	position: absolute;
	bottom: -50px;
	right: 0px;
	text-align: right;
	
/*	color: #FFFFFF;
	font-weight: 700;
	position: absolute;
	bottom: 60px;
	right: 60px;
	left: 15px;
	text-align: right;
 text-shadow: #000000 0 0 6px;	 */
}
.squarecolumn h3, .flexcolumn h3, .smallcolumn h3, .formatcolumn h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 5px;
}
.squarecolumn p, .flexcolumn p, .smallcolumn p, .formatcolumn p {
  font-size: 18px;
  margin: 0px 0px 10px 0px;
}
.cornflowersection h2, .cornflowersection p {
  color: #FFFFFF;
}
.statement {
  color: var(--eucalyptus);
  font-weight: 700;
}
/* LINK BUTTON */
.bsblink {
  border: 2px solid var(--ginger);
  display: inline-block;
  background: right center no-repeat url(../images/linkarrow.png) var(--ginger);
  background-size: 60px 60px;
  border-radius: 30px;
  height: 60px;
  font-family: 'Noto Serif', serif;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 24px;
  padding: 10px 60px 0px 30px;
  margin: 15px 0px;
}
.bsblink:hover {
  background-color: var(--cornflower);
  border: 2px solid var(--cornflower);
  color: #FFFFFF;
}
/* PAGE STYLINGS */
.fullwidthpage {
  width: 100%;
  padding: 25px 0px;
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
/* COLUMN SECTIONS */
.onecolumn {
  width: 1160px;
  margin: 15px auto;
}
.onecolumnmid {
  width: 1160px;
  margin: 0px auto;
}
.onecolumntoppad {
  width: 1160px;
  margin: 0px auto 15px;
}
.onecolumnmorepad {
  width: 1160px;
  margin: 15px auto 75px auto;
}
.columnwrapper {
  width: 100%;
  margin: 0px auto;
  display: grid;
  grid-template-rows: 15px auto 15px;
}
.threechoices {
  grid-template-columns: 1fr 360px 40px 360px 40px 360px 1fr;
}
.fourchoices {
  grid-template-columns: 1fr 260px 40px 260px 40px 260px 40px 260px 1fr;
}
.fivechoices {
  grid-template-columns: 1fr 200px 40px 200px 40px 200px 40px 200px 40px 200px 1fr;
}
.choicecolumn {
  grid-row: 2 / 3;
  width: 360px;
  height: 360px;
  background-color: #000000;
  position: relative;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 100px;
}
.squarecolumn {
  grid-row: 2 / 3;
  width: 260px;
  height: 260px;
  background-color: #000000;
  position: relative;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 50px;
  padding: 50px 25px 25px 25px;
  font-family: 'Noto Sans', sans;
}
.flexcolumn {
  grid-row: 2 / 3;
  width: 260px;
  height: auto;
  background-color: #000000;
  position: relative;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 50px;
  padding: 50px 25px 50px 25px;
  font-family: 'Noto Sans', sans;
}
.smallcolumn {
  grid-row: 2 / 3;
  width: 200px;
  height: auto;
  background-color: #000000;
  position: relative;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 30px;
  padding: 30px 15px 30px 15px;
  font-family: 'Noto Sans', sans;
}
.valuessection .smallcolumn {
	border-radius: 0px!important;
	padding: 0px!important;
	text-align: center;
}
.valuessection .smallcolumn img {
	width: 100px;
	height: auto;
	margin: 0px auto 25px auto;
	opacity: 0.75;
}
.valuessection h3, .valuessection p {
	text-align: left;
}
.formatcolumn {
  padding: 240px 30px 60px 30px;
  width: 360px;
  height: auto;
  grid-row: 2 / 3;
  position: relative;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 50px;
  background-position: center 30px;
  background-size: auto 180px;
  background-repeat: no-repeat;
  text-align: center;
}
.puree {
  background-image: url("../images/puree_symbol.png");
}
.watersoluble {
  background-image: url("../images/water_symbol.png");
}
.oilsoluble {
  background-image: url("../images/oil_symbol.png");
}
.blends {
  background-image: url("../images/blends_symbol.png");
}
.compounds {
  background-image: url("../images/compounds_symbol.png");
}
.laboratory {
  background-image: url("../images/laboratory_symbol.png");
}
.fourchoices .choicecolumn {
  width: 260px;
}
.fivechoices .choicecolumn {
  width: 200px;
}
.tilebackground {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
  background-size: auto 360px;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.6;
  -webkit-transition: all 5s ease-out;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 100px;
}
.choicecolumn a {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
}
.choicecolumn:hover .tilebackground {
  background-size: auto 460px;
  opacity: 1;
}
.firstcol {
  grid-column: 2 / span 1;
}
.firstcol2 {
  grid-column: 2 / span 3;
  width: 560px !important;
}
.secondcol {
  grid-column: 4 / span 1;
}
.secondcol2 {
  grid-column: 6 / span 3;
  width: 560px !important;
}
.thirdcol {
  grid-column: 6 / span 1;
}
.fourthcol {
  grid-column: 8 / span 1;
}
.fifthcol {
  grid-column: 10 / span 1;
}
.choicecolumn h2 {
  margin: 100px 0px 0px 30px;
  font-size: 32px;
  color: #FFFFFF;
  font-family: 'Noto Serif', serif;
  font-weight: 400;
}
.choicecolumn p {
  display: inline-block;
  position: absolute;
  bottom: 30px;
  left: 30px;
  border: 2px solid var(--cornflower);
  background: right center no-repeat url(../images/linkarrow.png) var(--cornflower);
  background-size: 50px 50px;
  border-radius: 25px;
  height: 50px;
  font-family: 'Noto Serif', serif;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 18px;
  padding: 11px 50px 0px 25px;
}
.choicecolumn p span {
  display: none;
}
.choicecolumn:hover p {
  background-color: var(--ginger);
  border: 2px solid var(--ginger);
  color: #FFFFFF;
}
/* SECTIONS */
.padformenu {
  padding-top: 125px;
}
.cornflowersection {
  background-color: var(--cornflower);
}
.cornflowersection .bsblink:hover {
  background-color: var(--eucalyptus);
  border-color: var(--eucalyptus);
}
.rosemarysection {
  background-color: var(--rosemary);
}
.eucalyptussection {
  background-color: var(--eucalyptus);
}
.gingersection {
  background-color: var(--ginger);
}
.rosesection {
  background-color: var(--rose);
}
.peppermintsection {
  background-color: var(--peppermint);
}
.carrotsection {
  background-color: var(--carrot);
}
.samphiresection {
  background-color: var(--samphire);
}
.samphire40section {
  background-color: var(--samphire40);
}
.damsonsection {
  background-color: var(--damson);
}
.echinacea40section {
  background-color: var(--echinacea40);
}
.echinaceasection {
  background-color: var(--echinacea);
}
.saffronsection {
  background-color: var(--saffron);
}
.sagesection {
  background-color: var(--sage);
}
.lavendarsection {
  background-color: var(--lavendar);
}
.quotesection {
	background-image:url("../images/quotemarks.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}


.listsection {
	text-align: center;
}
/* TWO COLUMN -------------------- */
.onecolumngrid {
  color: #FFFFFF;
  display: grid;
  grid-template-columns: 1fr 1160px 1fr;
  grid-template-rows: 25px auto 50px;
}
.fullcolumn {
  width: 1160px;
  grid-column: 2 / span 1;
  grid-row: 2 / 3;
  margin: 0px auto 0px;
  border-bottom-right-radius: 50px;
  border-top-left-radius: 100px;
  padding: 50px 200px;
  text-align: center;
  position: relative;
}
.twocolumngrid {
  color: #FFFFFF;
  display: grid;
  grid-template-columns: 1fr 555px 50px 555px 1fr;
  grid-template-rows: 50px auto 50px;
}
.twocolumngrid-left {
  width: 555px;
  grid-column: 2 / span 1;
  grid-row: 2 / 3;
  margin: 0px auto 0px;
}
.twocolumngrid-right {
  width: 555px;
  grid-column: 4 / span 1;
  grid-row: 2 / 3;
  margin: 0px auto 0px;
}
.imagecolumn {
  border-bottom-left-radius: 50px;
  border-top-right-radius: 100px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
	position: relative;
}

/* SECTION IMAGES */


.news1image {
	background-image:url("../images/news/newsimage1.jpg");
}
.news1_02image {
	background-image:url("../images/news/newsimage1_02.jpg");
}
.news2image {
	background-image:url("../images/news/newsimage2.jpg");
}
.news2_02image {
	background-image:url("../images/news/newsimage2_02.jpg");
}
.aboutbsb1image {
	background-image:url("../images/sections/about_bsb_01.jpg");
}
.aboutbsb2image {
	background-image:url("../images/sections/about_bsb_02.jpg");
}
.ourstoryimage1 {
	background-image:url("../images/sections/our-story-01.jpg");
}	
.ourstoryimage2 {
	background-image:url("../images/sections/our-story-02.jpg");
}	
.ourstoryimage3 {
	background-image:url("../images/sections/our-story-03.jpg");
}		
.accreditationsimage {
	background-image:url("../images/sections/accreditations.jpg");
}
.castlefarm1image {
	background-image:url("../images/sections/castle-farm-01.jpg");
}
.castlefarm2image {
	background-image:url("../images/sections/castle-farm-02.jpg");
}
.windyhollowimage {
	background-image:url("../images/sections/windy-hollow.jpg");
}
.foodbeverageimage {
	background-image:url("../images/sections/food-and-beverages.jpg");
}
.cosmeticsimage {
	background-image:url("../images/sections/cosmetics.jpg");
}
.healthsupplementsimage {
	background-image:url("../images/sections/health-supplements.jpg");
}
.animalnutritionimage {
	background-image:url("../images/sections/animal-nutrition.jpg");
}
.suppliernetworkimage {
	background-image:url("../images/sections/supplier-network.jpg");
}
.ethicalsourcing1image {
	background-image:url("../images/sections/ethical-sourcing-01.jpg");
}
.ethicalsourcing2image {
	background-image:url("../images/sections/ethical-sourcing-02.jpg");
}
.productsimage {
	background-image:url("../images/sections/products.jpg");
}
.sustainabilityimage {
	background-image:url("../images/sections/sustainability.jpg");
}


/* COLUMN BACKGROUNDS */

.markets {
  background-image: url(../images/tiles/markets.jpg);
}
.products {
  background-image: url(../images/tiles/products.jpg);
}
.sourcing {
  background-image: url(../images/tiles/sourcing.jpg);
}
.oursite {
  background-image: url(../images/tiles/oursite.jpg);
}
.accreditations {
  background-image: url("../images/tiles/accreditations.jpg");
}
.sustainability {
  background-image: url(../images/tiles/sustainability.jpg);
}
.story {
  background-image: url(../images/tiles/story.jpg);
}
.values {
  background-image: url(../images/tiles/values.jpg);
}
.team {
  background-image: url(../images/tiles/team.jpg);
}
.food {
  background-image: url(../images/tiles/food.jpg);
}
.cosmetics {
  background-image: url(../images/tiles/cosmetics.jpg);
}
.herbal {
  background-image: url(../images/tiles/herbal.jpg);
}
.animal {
  background-image: url(../images/tiles/animal.jpg);
}
.ingredients {
  background-image: url("../images/tiles/ingredients.jpg");
}
.innovation {
  background-image: url(../images/tiles/innovation.jpg);
}
.suppliers {
  background-image: url("../images/tiles/suppliers.jpg");
}
.ethical {
  background-image: url("../images/tiles/ethical.jpg");
}
.castlefarm {
  background-image: url("../images/tiles/castlefarm.jpg");
}
.windyhollow {
  background-image: url("../images/tiles/windyhollow.jpg");
}
.quality {
  background-image: url(../images/backgroundplaceholder.jpg);
}
.meettheteam {
  background-size: cover;
  background-image: url(../images/meet_the_team.jpg);
  background-position: center center;
  text-align: left;
  padding: 250px 0px 250px 0px;
}
.capabilitiessection {
  background-size: cover;
  background-image: url(../images/capabilities.jpg);
  background-position: center center;
  text-align: left;
  padding: 50px 0px 50px 0px;
}
.sustainabilitysection {
  background-size: cover;
  background-image: url("../images/sustainability.jpg");
  background-position: top center;
  text-align: left;
  padding: 150px 0px 50px 0px;
	background-attachment: scroll;
}
.sustainabilitysection h2, .sustainabilitysection h4 {
 text-shadow: #000000 0 0 20px;
}
.contactussection {
	display: block;
  background-size: cover;
  background-image: url("../images/sections/contact-us-header.jpg");
  background-position: center center;
	height: 500px;
}
.innovationsection {
  background-size: cover;
  background-image: url(../images/sections/innovation-02.jpg);
  background-position: center center;
	background-attachment: fixed;
  text-align: left;
  padding: 50px 0px 50px 0px;
	margin: 75px 0px!important;
}
.innovationsection .formatcolumn {
	border-radius: 0px;
	text-align: center;
}

/* SECTION ADJUSTS */
.forcewhite h2, .forcewhite h4, .forcewhite h3, .forcewhite p {
  color: #FFFFFF;
}
.newssection h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 10px;
  color: var(--eucalyptus);
  border-bottom: 1px solid var(--eucalyptus);
}
/* ACCREDITATIIONS SECTION */
.accreditationssection {
  text-align: center;
  padding: 60px;
  border-top: 1px solid var(--cornflower);
}
.accreditationswrapper {
  margin: 0px auto;
	width: auto;
	text-align: center;
}
.accreditationssection img {
  width: auto;
  height: 90px;
  margin: 0px 20px;
}
/* FOOTER */
#footer {
  background-color: var(--cornflower);
  color: #FFFFFF;
  padding: 60px 0px 60px 0px;
}
#footwrapper {
  width: 1160px;
  margin: 0px auto;
  padding: 85px 0px 0px 0px;
  background: top left no-repeat url(../images/bsb_roundel_logo.png);
  background-size: 65px 65px;
}
.footerright {
  float: right;
}
.column {
  margin: 0px 0px 0px 40px;
  float: left;
}
.column:first-of-type {
  margin: 0px;
}
#footer p, #footer a {
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  margin: 0px 0px 5px 0px;
  font-weight: 400;
}
#footer a:hover {
  color: var(--eucalyptus);
}
#footeremail {
  display: block;
  width: 140px;
  height: 20px;
  text-indent: -32000px;
  background: center left no-repeat url(../images/email.png);
  background-size: auto 20px;
  margin: 10px 0px !important;
}
#footeremail span {
  opacity: 0;
  float: left;
  width: 140px;
  height: 20px;
  text-indent: -32000px;
  background: center left no-repeat url(../images/emailmarker.png);
  background-size: auto 20px;
}
#footeremail:hover span {
  opacity: 1;
}
.copyright {
  width: 1160px;
  margin: 50px auto 25px;
  display: block;
}
.copyright a {
  display: inline !important;
  font-weight: 700 !important;
}
/* SEARCH BITS */
.searchheader {
  background: #FFFFFF;
  position: sticky;
  top: 100px;
  padding: 25px 0px 25px 0px;
  margin-bottom: 25px;
}
.searchheader h4 {
  font-size: 14px;
  margin: 0px 0px 10px;
  font-weight: 700;
}
.alphasort h4 {
  margin-left: 5px;
}
.searchsort {
  float: left;
  width: auto;
}
.alphasort {
  float: right;
  width: 664px;
}
#display li:hover {
  cursor: pointer;
  background-color: #AFAFAF;
  color: #FFFFFF;
}
#display strong {
  color: var(--eucalyptus);
}
#searchterm {
  padding: 15px 30px;
  border-radius: 5px;
  border: 1px solid var(--eucalyptus);
  outline: none;
  width: 310px;
}
#submit-go {
  padding: 20px 40px;
  margin: 5px auto 0px 0px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: var(--cornflower);
  width: auto;
  height: 50px;
  border: 0;
  display: block;
  cursor: pointer !important;
  border-radius: 5px;
}
#display {
	z-index:300;
  margin: 0px;
  padding: 0px;
  color: #000000;
  font-size: 10px;
  position: absolute;
}
#display ul {
  margin: 0px;
  padding: 0px;
  width: auto;
  float: left;
  list-style-type: none;
}
#display li {
  display: block;
  list-style-type: none;
  padding: 15px 30px;
  margin: 2px 0px 0px 0px;
  border-radius: 5px;
  border: 1px solid var(--cornflower);
  background-color: var(--cornflower);
  color: #FFFFFF;
  width: auto;
  text-overflow: ellipsis;
  text-transform: capitalize;
  font-size: 12px;
}
#display li:hover, #submit-go:hover {
  background-color: var(--ginger);
  border-color: var(--ginger);
}
.alphalist {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
.alphalist li {
  float: left;
  text-align: center;
}
.alphalist li a {
  display: block;
  width: 46px;
  margin: 0px 0px 5px 5px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 15px 0px;
  border: 1px solid var(--cornflower);
  background-color: var(--cornflower);
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.alphalist li a:hover {
  background-color: var(--ginger) !important;
  border-color: var(--ginger) !important;
}
.teenymarked {
  background-color: var(--eucalyptus) !important;
  border: 1px solid var(--eucalyptus) !important;
}
.botanical {
  width: 185px;
  height: 185px;
  padding: 50px 20px 20px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 15px;
  float: left;
  margin: 0px 10px 10px 0px;
}
.botanical:hover {
  background-color: var(--eucalyptus);
}
.lastone {
  margin-right: 0px;
}
.botanical h3 {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
}
.botanical p {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  font-style: italic;
}

/* SUSTAINABILITY BITS */

.susmidfont {
	font-size: 24px;
}
.susbigfont {
	font-size: 42px;
	color: var(--cornflower);
}
.sustainchoices {
  grid-template-columns: 1fr 224px 10px 224px 10px 224px 10px 224px 10px 224px 1fr;
}
.sustainheader {
  font-weight: 400;
  font-size: 52px;
  margin: 15px auto 0px auto;
}
.sustainabilitytile {
	position: relative;
	  grid-row: 2 / 3;
  width: 224px;
  height: 375px;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 30px;
  padding: 30px 15px 30px 15px;
  font-family: 'Noto Sans', sans;
	overflow: hidden;
	cursor: pointer;
	background-image: url("../images/scrollup.png");
	background-repeat: no-repeat;
	background-position: 174px 325px;
	background-size: 25px 25px;
}
.sustainabilitytile h3 {
	margin-top: 50px;
	font-size: 26px;
}
.noground {
	background-image: none;
	cursor: auto;
}
.hoverdeets {
	position: absolute;
  border-top-left-radius: 30px;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 50;
  padding: 30px 15px 30px 15px;
	margin-top: 375px;
    transition: all 400ms ease-out;
	background-image: url("../images/scrolldown.png");
	background-repeat: no-repeat;
	background-position: 174px 325px;
	background-size: 25px 25px;
}
.hoverdeets a {
	color: #FFFFFF;
	font-weight: 700;
}
.hoverdeets span {
	/*font-size: 36px;*/
	/*display: block;
	margin-bottom: -10px;
	margin-top: -10px;*/
	font-weight: 700;
}
.sustainreveal {
	margin-top: 0px;
}

.accredlist {
	width: auto;
	max-width: 1200px;
	margin: 25px auto;
	text-align: center;
}
.accredlist img {
	width: 260px;
	height: auto;
	margin: 0px 20px 20px 20px;
	background-color: transparent;
}
.cosmeticscollections .squarecolumn {
	padding: 25px!important;
}
.cosmeticscollections h3 {
	margin: 2px 0px!important;
}
.cosmeticscollections p {
	margin: 2px 0px!important;
}
.smalltext {
	font-size: 14px!important;
	margin-bottom: 2px!important;
	margin-top: 0px!important;
}
.mobileonly {
	display: none!important;
}