@charset "utf-8";
/* CSS Document */
a:link, a:visited {
	color: white; text-decoration: none
}
a:hover {
	color: aqua
}
a:active {
	color: #ff0943
}
.admin-panel {
	max-width: 900px; margin: 0 auto
}
html {
	height: 100%
}
body {
    background: #000; padding: 0; text-align: center; color: #fff; font-family: "Caudex", serif; font-weight: 400; font-size: 17px; height: 100%
}
.bg-fade-50 {
	opacity: .5 !important
}
.border-blue {
	border: solid 1px #00D9FF
}
.bottom-block {
	padding: 30px; border-top: solid 1px #00D9FF; margin: 20px 0
}
.button {
	  padding: 9px 15px; border-radius: 8px; cursor: pointer; margin: 0; font-size: 13px; font-weight: 400; text-align: center; background-color: #00D9FF; color: #FFFFFF; display: inline-block; line-height: 1em;  font-family: "aileron", sans-serif
}
.button-amber {
	  padding: 9px 15px; border-radius: 8px; cursor: pointer; margin: 0; font-size: 13px; font-weight: 400; text-align: center; background-color: #F29F05; color: #FFFFFF; display: inline-block; line-height: 1em;  font-family: "aileron", sans-serif
}
.button-blue {
	  padding: 9px 15px; border-radius: 8px; cursor: pointer; margin: 0; font-size: 13px; font-weight: 400; text-align: center; background-color: #0462d5; color: #FFFFFF; display: inline-block; line-height: 1em;  font-family: "aileron", sans-serif
}
.button-grey {
	  padding: 9px 15px; border-radius: 8px; cursor: pointer; margin: 0; font-size: 13px; font-weight: 400; text-align: center; background-color: #767474; color: #FFFFFF; display: inline-block; line-height: 1em;  font-family: "aileron", sans-serif
}
.button-red {
	  padding: 9px 15px; border-radius: 8px; cursor: pointer; margin: 0; font-size: 13px; font-weight: 400; text-align: center; background-color: #FF020C; color: #FFFFFF; display: inline-block; line-height: 1em;  font-family: "aileron", sans-serif
}
a.button:link, a.button:visited {
	color: #020659;
}
a.button:hover {
	color: #FFFFFF; font-weight: 700
}
a.button:active {
	color: #FF020C;
}
.button-compact {
	font-size: 11px; padding: 0; 
}
.close-arrow {
	margin-left: calc(100% - 100px)
}
.div-centre {
	margin: 0 auto
}
.div-width-1000 {
	width: 1000px; max-width: 100%; margin: 0 auto
}
.div-width-1200 {
	width: 1200px; max-width: 100%; margin: 0 auto
}
.dropdown {
  position: relative; display: inline-block;
}
.dropdown-content {
  display: none; position: absolute; background-color: #000000; min-width: 260px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 5px 0; z-index: 1;; border: solid 1px #FFFFFF; top: -6px; left: -11px; text-align: left; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px
}

.dropdown:hover .dropdown-content {
  display: block;
}
.error-message {
	color: #F29F05; font-weight: bold; text-align: center
}
.fix-width-200 {
	width: 200px
}
.fix-width-400 {
	width: 400px; max-width: 100%
}
.fix-width-600 {
	width: 600px; max-width: 100%
}
.flex-item {
	width: calc(25% - 50px); min-width: 220px; margin: 0 5px 10px 5px
}
.flex-products {
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center
}
.grid-2, .grid-3, .grid-4 {
	display: grid; row-gap: 10px; column-gap: 10px
}
.grid-2 img, .grid-3 img, .grid-4 img {
	border-radius: 10px; 
}
.image-preview {
	max-width: 800px; margin: 0 auto; text-align: center; margin-bottom: 5px
}
.image-preview img {
	border: solid 1px white;
}
img {
	max-width: 100%; height: auto
}
.hero-orgone-pyramid {
	background-image: url("images/pyramid-hero.jpg"); padding-bottom: 80%
}
input[type=text], input[type=date], input[type=email], input[type=password], input[type=number], select, textarea, option {
	padding: 10px; border-radius: 10px; border: solid 1px #9DC41D; box-sizing: border-box
}
input[type=submit] {
	border: none; box-sizing: border-box
}
.input-button {
	width: calc(100% - 200px); min-width: 200px; max-width: 400px
}
.input-curve-left {
	border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; margin-right: 0
}
.input-error {
	border: solid 2px #EA5B0C !important; background-color: lightpink;
}
.input-mandatory {
	border: solid 2px #F29F05 !important;
}
.input-wide {
	width: 95%
}
.line-height-2 {
	line-height: 2em
}
.logo-bar {
	text-align: center; border-bottom: 1px solid #FFFFFF;
}
.logo-holder {
	max-width: 160px; padding: 20px; margin: 0 auto
}
.lozenge {
	border-radius: 15px
}
.magic-sphere {
	background-image: url("images/hand-holding-sphere.jpg")
}
.main-content {
	text-align: center; max-width: 1500px; margin: 0 auto
}
.main-nav {
	display: none
}
.margin-bottom-10 {
	margin-bottom: 10px
}
.margin-top-10 {
	margin-top: 10px
}
.max-width-600 {
	max-width: 600px
}
.max-width-800 {
	max-width: 800px
}
.mobile-button {
	text-align: right; display: block
}
#mobile-drop {
	position: absolute; right: 0; top: 152px; background-color: black; border-left: 1px solid #FFFFFF; border-bottom: 0 solid #FFFFFF; text-align: right; z-index: 20; max-height: 0; overflow: hidden; transition: max-height 0.75s
}
#mobile-drop p {
	margin: 10px;
}
#mobile-drop img {
	display: block
}
.pad-15 {
	padding: 15px
}
.product-text {
	height: 6em
}
.screen-fade {
	position: absolute; top: 0; left: 0; height: calc(100% + 800px); width:100%; bottom: 0; padding: 0; background-image: url("images/fade-70.png"); background-repeat: repeat; z-index: 10
}
.text-align-centre {
	text-align: center
}
.text-align-left {
	text-align: left
}
.text-align-right {
	text-align: right
}
.text-blue {
	color: #00D9FF !important
}
.text-blue-bold {
	color: #00D9FF !important; font-weight: 700
}
.text-bold {
  font-weight: 700;
}
.text-grey {
	color: dimgrey !important
}
.text-italic {
  font-style: italic;
}
.text-bold-italic {
  font-weight: 700;
  font-style: italic;
}
.top-hero {
	background-size: cover; background-repeat: none
}
.top-hero-text {
	padding: 15px; background-color: transparent !important
}
.zoom-lozenge {
	margin: 150px auto 0 auto; border-radius: 15px; border: solid 1px #00D9FF; width: 95%; max-width: 700px; padding: 20px; background-color: #000000 
}
@media screen and (min-width: 520px) {
	.grid-2, .grid-3, .grid-4 {
		grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr;
    }
	.product-text {
		height: 4.5em
	}
}
@media screen and (min-width: 780px) {
	.grid-3 {
		grid-template-columns: 1fr 1fr 1fr;
    }
	
	.main-nav {
		display: block; border-bottom: solid 1px #FFFFFF; font-family: "aileron", sans-serif; margin-bottom: 15px
	}
	.main-nav-holder {
		margin: 5px; line-height: 1.5em
	}
	.menu-item {
        margin: 10px
    }
	.mobile-button, #mobile-drop {
		display: none
	}
}
@media screen and (min-width: 900px) {
	.grid-2 {
		grid-template-columns: 1fr 1fr
	}
	.grid-4 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}