@charset "UTF-8";

/*

	Mindsystems
	
	---------------------------------
	
	The MIT License (MIT)
	
	http://paletton.com
	Palette URL: http://paletton.com/#uid=55a0u0knMpJeh-hjssVr7lfvugm
	
	Copyright (c) 2015 Tobias Ahlin
	
	Permission is hereby granted, free of charge, to any person obtaining a copy of
	this software and associated documentation files (the "Software"), to deal in
	the Software without restriction, including without limitation the rights to
	use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
	the Software, and to permit persons to whom the Software is furnished to do so,
	subject to the following conditions:
	
	The above copyright notice and this permission notice shall be included in all
	copies or substantial portions of the Software.
	
	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILIßßTY, FITNESS
	FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
	COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
	IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
	CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
	
	Created: 18th June 2019
	
	FONTS - 'Exo' by Natanael Gama, Lisbon, Portugal 2019 
	SIL Open Font License v1.10
	http://www.ndiscovered.com
	https://www.fontsquirrel.com/fonts/exo
	
	Copyright (c) 2011 Natanael Gama (exo@ndiscovered.com), with Reserved Font Name “Exo”

	This Font Software is licensed under the SIL Open Font License, Version 1.1.
	This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
	
	—————————————————————————————-
	SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
	—————————————————————————————-
	
	PREAMBLE
	
	The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
	
*/	

@font-face {
    font-family: 'exo_2light';
    src: url('exo2-light-webfont.woff2') format('woff2'),
         url('exo2-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exo_2italic';
    src: url('exo2-italic-webfont.woff2') format('woff2'),
         url('exo2-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exo_2bold';
    src: url('exo2-bold-webfont.woff2') format('woff2'),
         url('exo2-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 
	
	CSS VARS
	
*/

:root {
	
	--primary-lightest: #D375AA;
	--primary-light: #B94888;
	--primary-prime: #A42A6F; /* Primary Color - Pinkish Redishes */
	--primary-dark: #881556;
	--primary-darkest: #68023C;
	
	--secondary1-lightest: #FF8D8D;
	--secondary1-light: #E65A5A;
	--secondary1-prime: #CD3535; /* Secondary Prime Color  - Orangey */
	--secondary1-dark: #A91A1A;
	--secondary1-darkest: #820202;
	
	--secondary2-lightest: #9A69B6;
	--secondary2-light: #7A419A;
	--secondary2-prime: #672989; /* Secondary Prime Color - Purpleish */
	--secondary2-dark: #511671;
	--secondary2-darkest: #3A0657;
	
	--white: #FFF;
	--black: #000;
	--char: #333;
	--grey: #444;
	--red:#BF353D;
	--red2:rgba(191,53,61,0.85);
	--red3:#f12933;
	--blue:#029CEF;
	--blue2:#23A9F1;
	--blue3:#6BBBF4;	
	--green:#30a163;
	--green2:#2dbe6f;
	--teal:#107ab2;
	--pass:#00AF64;
	--warn:#B51156;
	--info:#999;
	--yellow:#f5e90b;
	--white:#FFF;
	--black:#000;
	--char:#333;
	--char2:#555;
	--grey:#444;
	--grey2:#888;
	--grey3:#999;
	--grey4:#CCC;
	--pink:#df1dbf;
	--orange:#FFC300;
	--odd:rgba(238,238,238,0.25);
	--even:#eee;
	--off:#d1bdbd;
	--hov:#b6b2b2;
	--on:#029CEF;
	--mini-fs: 10px;
	--small-fs: 14px;
	--default-fs: 15px;
	--line: 24px;
	--border:solid 1px #777;	
	--base-fn: 'exo_2light', Arial, Helvetica, sans-serif;
	--msweb-fn: 'exo_2light', Arial, Helvetica, sans-serif;
	--msweb-bw: 'exo_2bold', Arial, Helvetica, sans-serif;
	--mini-fs:10px;
	--small-fs:12px;
	--message-fs:15px;
	--standard-fs:15px;
	--large-fs:18px;
	--xlarge-fs:20px;
	--xxlarge-fs:20px;
	--xxxlarge-fs:26px;
	--xxxxlarge-fs:28px;
	--mega-fs:48px;
	--line:24px;
	--border:solid 1px #777;
}

/* 
	
	GENERAL ANIMATIONS 
	
*/

@-webkit-keyframes fade {
	0% {
		opacity:0;
	}
	
	100% {
		opacity:1;
	}
}

@keyframes fade {
	0% {
		opacity:0;
	}
	
	100% {
		opacity:1;
	}
}

@-webkit-keyframes load {
	0% {
		-webkit-transform:scale(0.6);
		transform:scale(0.6);
	}
	
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

@keyframes load {
	0% {
		transform:scale(0.6);
	}
	
	100% {
		transform:scale(1);
	}
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

@keyframes loading {
	0% {
		transform:rotate(0deg);
	}
	
	100% {
		transform:rotate(360deg);
	}
}

@-webkit-keyframes error {
  0% {
		height: 0px;
	}
	
	100% {
		height: 24px;
	}
}

@keyframes error {
  0% {
		height: 0px;
	}
	
	100% {
		height: 24px;
	}
}

@-webkit-keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@-webkit-keyframes pulse {
	0% {
		-webkit-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
		-webkit-box-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
		box-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
	}
	
	70% {
		-webkit-box-shadow:0 0 0 30px rgba(181, 16, 85, 0);
		box-shadow:0 0 0 30px rgba(181, 16, 85, 0);
	}
	
	100% {
		-webkit-box-shadow:0 0 0 0 rgba(181, 16, 85, 0);
		box-shadow:0 0 0 0 rgba(181, 16, 85, 0);
	}
}

@keyframes pulse {
	0% {
		-webkit-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
		-webkit-box-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
		box-shadow:0 0 0 0 rgba(181, 16, 85, 0.5);
	}
	
	70% {
		-webkit-box-shadow:0 0 0 30px rgba(181, 16, 85, 0);
		box-shadow:0 0 0 30px rgba(181, 16, 85, 0);
	}
	
	100% {
		-webkit-box-shadow:0 0 0 0 rgba(181, 16, 85, 0);
		box-shadow:0 0 0 0 rgba(181, 16, 85, 0);
	}
}

@-webkit-keyframes cubemove {
	25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
	
	50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
	
	75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
	
	100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
	25% { 
	  
	transform: translateX(42px) rotate(-90deg) scale(0.5);
	-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
	
	} 50% { 
	  
	transform: translateX(42px) translateY(42px) rotate(-179deg);
	-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
	
	} 50.1% { 
	  
	transform: translateX(42px) translateY(42px) rotate(-180deg);
	-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
	
	} 75% { 
	  
	transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
	-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
	
	} 100% { 
	  
	transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	
	}
}

@-webkit-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* 
	SCREEN SMOOTHING 
	
*/

* {
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}

@media (-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) { 
	body, html {
		
		-webkit-font-smoothing: antialiased;
		text-shadow: rgba(0,0,0,.01) 0 0 1px;
		
	}
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #ddd9d9; 
}

::-webkit-scrollbar-thumb {
    background: #777777;
}

::-webkit-scrollbar-thumb:hover {
    background: #23A9F1; 
}

/* 
	
	BODY
	
*/

body, html {
	height: 100%;
	position: relative !important;
	margin: 0 !important; 
	font-family: 'exo_2light', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #FFFFFF; 
	line-height: 24px;
	text-size-adjust: none;
	-webkit-text-size-adjust: 100%; 
	-webkit-appearance: none !important;
	overflow-x: hidden;
}

#canvas {
	visibility: visible;
	height: auto;
	min-height: 100vh;
	padding-bottom: 105px;
	box-sizing: border-box;
	-webkit-animation: 1200ms ease 0ms 1 backwards fade;
	animation: 1200ms ease 0ms 1 backwards fade;
}

/* 
	
	COMMON
	
*/

::placeholder { 
  color: #777777;
  opacity: 1;
  font-weight: normal !important; 
}

:-ms-input-placeholder { 
  color: #777777;
  font-weight: normal !important; 
}

::-ms-input-placeholder { 
  color: #777777;
  font-weight: normal !important; 
}

input, select, textarea {
	font-size: inherit;
    font-family: 'exo_2light',Arial,sans-serif !important;
    min-height: 36px;
    line-height: 36px;
    background: transparent;
    color: #029CEF;
    border: none !important;
    border-bottom: solid 1px #777 !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
    resize: none;
    margin: 0;
    padding: 0px 5px 0px 0px;
    box-sizing: border-box !important;
    -webkit-appearance: none!important;
    -webkit-tap-highlight: rgba(0,0,0,0);
    -webkit-tap-highlight: transparent;
    outline-width: 0!important;
    outline: none!important;
}

.tip input, .tip select {
	border:none !important;
	border-bottom:solid 1px #FFF !important;
	color:#FFF !important;
}	

input[type=submit], input[type=button] {
	background-color:#cfcfcf;
	letter-spacing: 0.3px;
	font-weight: bold;
	color:#FFF !important;
	border:none!important;
	display:inline-block;
	width:auto;
	margin:0px;
	padding:0px 20px;
	height:36px;
	line-height:36px;
	cursor:pointer!important;
	filter:brightness(100%) !important;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

input[type=submit].green, input[type=button].green {
	background-color: #2dbe6f;
	background-color: var(--green2);
}

input[type=submit].orange, input[type=button].orange {
	background-color: #FFC300;
	background-color: var(--orange);
}

input[type=submit].blue, input[type=button].blue {
	background-color: #029CEF;
	background-color: var(--blue2);
}

input[type=submit].pink, input[type=button].pink {
	background-color: #9A69B6;
	background-color: var(--secondary2-lightest);
}

input[type=submit].red, input[type=button].red {
	background-color: rgba(191,53,61,0.85);
	background-color: var(--red2);
}

input[type=submit].grey, input[type=button].grey {
	background-color: #444444;
	background-color: var(--grey);
}

input[type=submit]:hover, input[type=button]:hover {
	filter:brightness(110%) !important;
}

input[type=submit].disabled, input[type=button].disabled, input[type=submit]:disabled, input[type=button]:disabled {
	opacity: 0.5 !important;
	background-color: #444444 !important;
	background-color: var(--grey) !important;
	cursor: not-allowed !important;
}

input[type=submit].disabled:hover, input[type=button].disabled:hover, input[type=submit]:disabled:hover, input[type=button]:disabled:hover {
	filter:brightness(100%) !important;
	background-color: #444444 !important;
	background-color: var(--grey) !important;
	cursor: not-allowed !important;
}

input[type=file] {
	border-bottom:none !important;
}

input[type=file]::-webkit-file-upload-button {
	visibility: hidden;
}

input[type=file] {
	margin: 25px 0px 0px 55px !important;
	color: #9A69B6 !important;
	color: var(--secondary2-lightest) !important;
}

input[type=file]::before {
	content: 'Attach';
	display: inline-block;
	position: absolute;
	background-color: #9A69B6 !important;
    background-color: var(--secondary2-lightest) !important;
	color: #FFFFFF;
	height: 36px;
	line-height: 36px;
	width: 90px;
	text-align: center;
	padding: 0px 20px;
	margin: -10px 0px 0px -55px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
}

input[type=file].attached::before {
	content: 'Attached';
	background-color: #107ab2 !important;
    background-color: var(--teal) !important;
}

input[type=file]:hover::before {
	filter:brightness(110%) !important;
}

input[type=file]:active::before {
	filter:brightness(110%) !important;
}

#invoice-config, #cache-config, #pricing-config, #image-config, #menu-config {
	display: none !important;
}

.cursor {
	cursor: pointer;
}

.list-loader {
  margin: 50px auto 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.cube1, .cube2 {
  background-color: #333;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
  animation: cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

#freeze {
	position:fixed;
	z-index:9999999999 !important;
	height:100vh;
	width:100vw;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.8);
	-webkit-animation:fade forwards 800ms;
	animation:fade forwards 800ms;
}

#freeze.redirect {
	position:fixed;
	z-index:9999999999 !important;
	height:100vh;
	width:100vw;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 1) !important;
	-webkit-animation:none !important;
	animation:none !important;
}

.load {
	display: inline-block;
	position: relative;
	width: 128px;
	height: 128px;
	margin-top: -90px;
	margin-left: -10px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
}

.load div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 6px;
	border: 6px solid #fff;
	border-radius: 50%;
	-webkit-animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #029CEF transparent transparent transparent;
}

.load div:nth-child(1) {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.load div:nth-child(2) {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.load div:nth-child(3) {
	-webkit-animation-delay: -0.15s;
	animation-delay: -0.15s;
}

.load.warn > div {
	border-color:#B51156 #B51156 #B51156!important;
	background-color: #B51156;
	-webkit-animation:pulse 2s infinite;
	animation:pulse 2s infinite;
}

.load.warn > div::before {
    display:block;
    position: absolute;
    top: 0.13em;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
    content:"";
    width:0; 
    height:0;
	border-width: 0.5em 0.10em 0 0.10em;
    border-style: solid;
    border-top-color:#FFF; 
    border-bottom-color:#FFF; 
    border-left-color:#FFF; 
    border-right-color:#FFF;
}

.load.warn > div::after {
    display:block;
    content:"";
    position: absolute;
    width:0; 
    height:0;
    border:0.12em solid #FFF;
    border-radius:0.12em;
    top:0.75em;
    left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

.load.pass > div {
	border-color:#00AF64 #00AF64 #00AF64!important;
	background-color: #00AF64;
	-webkit-animation:none !important;
	animation:none !important;
	-webkit-animation:fade forwards 800ms !important;
	animation:fade forwards 800ms !important;
}

.load.pass > div:nth-of-type(4)::after {
	content: '';
  	display: block;
  	position: absolute;
	margin:0.1em 0em 0em 0.4em !important;
	width: 0.2em;
	height: 0.6em;
	border: solid #FFF !important;
	background-color: transparent !important;
	border-width: 0em 0.12em 0.12em 0em !important;
	transform: rotate(45deg);
}

#modal {
	position:fixed;
	display: table !important;
	z-index: 999999999;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.8);
	-webkit-animation:fade forwards 800ms;
	animation:fade forwards 800ms;
}

#shell {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 90%;
	max-height: 90%;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
}

#shell .base {
	padding: 20px;
}

#shell .white {
	background-color: #FFFFFF;
}

#shell .grey-boarder {
	border: solid #777777 15px !important;
}

#shell .form-box {
	margin-bottom: 0px !important;
}

h1, h2, h3, h4 {
	font-weight: 400 !important;
	padding: 0;
	margin: 0;
	margin-left: -1px !important;
	margin-block-start: 0em !important;
    margin-block-end: 0em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
}

h1 {
	font-size: 32px !important;
	font-size: var(--xxxlarge-fs) !important;
	margin-bottom: 6px !important;
}

h2 {
	font-size: 20px !important;
	font-size: var(--xxlarge-fs) !important;
}

h3 {
	font-size: 18px !important;
	font-size: var(--large-fs) !important;
}

h4 {
	font-size: inherit !important;
	font-weight: normal !important;
	color: #222222;
	padding: 0px 12px;
	height: 36px;
	line-height: 36px;
	white-space: nowrap !important;
}

.title-group {
	margin: 0px 0px 10px 0px !important;
}

#securepay-form .title-group:last-of-type {
	margin: 0px 0px 0px 0px !important;
}

h5 {
	font-size: 1.1em !important;
	font-weight: normal !important;
	background-color: #FFFFFF;
	border-bottom: solid #E65A5A 1px;
	color: #E65A5A !important;
	padding: 0px 12px 8px 0px;
	margin: 0px !important;
	position: relative;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #23A9F1 !important;
	color: var(--blue2) !important;
	cursor: pointer;
}

a:hover {
	color: #23A9F1 !important;
	color: var(--blue2) !important;
	text-decoration: underline !important;
}

.link {
	color: #23A9F1 !important;
	color: var(--blue2) !important;
	text-decoration: none !important;
	cursor: pointer;
}

#mainmenu .link {
	color: #FFFFFF !important;
	color: var(--white) !important;
}	

img {
	
	outline: none;
	border: none;
	
}

li {
	margin-bottom: 10px;
}

div {
	position: relative;
}

.select-box {
	position:relative;
}

.date-group {
	width: 40px;
}	

.date-group.year {
	width: 95px !important;
}

.loader {
	position: relative;
}

.freeze-icon {
	margin: 0;
	width: 128px;
	height: 128px;
	position: relative;
	margin-top: -84px;
	margin-left: -2px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
	text-align: center;
	z-index: 99990;
	background-image: url(/img/icons/freeze-complete.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

#shade {
	position:fixed;
	display: table !important;
	z-index: 999999999;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.8);
	-webkit-animation:fade forwards 800ms;
	animation:fade forwards 800ms;
}

#account-login + #shade {
	background-color:rgba(0, 0, 0, 0);
	-webkit-animation:none;
	animation:none;
}

.tip {
	display:none;
	opacity:0;
	-webkit-transition:opacity 200ms linear;
	transition:opacity 200ms linear;
	color:#FFFFFF!important;
	color:var(--white)!important;
	padding:0px 15px 12px 15px;
	margin:15px 0 0;
	position:relative;
	z-index:999998; 
	background-color:#107ab2;
	background-color: var(--teal);
	text-align: left !important;
}

#alerts  {
	position:relative;
}

#alerts .tip, #alerts2 .tip, #midway-alerts .tip {
	z-index:9999999999 !important;
}	

#alerts .tip:first-of-type {
	margin-top: 10px !important;
}	

#alerts .tip:last-of-type {
	margin-bottom: 10px !important;
}

#alerts.spaced .tip:last-of-type {
	margin-bottom: 30px !important;
}

#alerts2 .tip{
	margin-bottom: 5px !important;
}

#midway-alerts .tip {
	margin-bottom: 40px !important;
}

.tip a:link,.tip a:visited,.tip a:active {
	color:#FFF!important;
	color:var(--white)!important;
	text-decoration: underline!important;
}

.tip div {
	padding:0;
}

.tip h3 {
	font-size:18px!important;
	padding:0px 0px 4px 0px!important;
	margin: 10px 0px 8px 0px !important;
	display: inline-block !important;
	border-bottom: solid 1px #FFF;
	font-weight: bold !important;
}

.tip .cls {
	cursor:pointer!important;
	position:absolute;
	top:10px;
	right:10px;
	width: 20px !important;
	height: 20px !important;
	z-index: 99999;
}

.tip .cls:before {
    content: '';
    height: 15px;
    border-left: 1.3px solid #fff;
    position: absolute;
    transform: rotate(-45deg);
    left: 9px;
    top: 2px;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.tip .cls:after {
    content: '';
    height: 15px;
    border-left: 1.3px solid #fff;
    position: absolute;
    transform: rotate(45deg);
    left: 9px;
    top: 2px;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.tip .cls:hover:before {
	border-left: 2px solid #fff;
	transform: rotate(-45deg) scale(1.2);
}

.tip .cls:hover:after {
	border-left: 2px solid #fff;
	transform: rotate(45deg) scale(1.2);
}

.tip input[type="button"] {
	margin: 10px 10px 3px 0px;
}

.focus-tip {
	display: none;
	position: absolute;
	bottom: 100%; 
	width: 100%;
	padding: 9px 10px 10px 10px;
	box-sizing: border-box;
	margin-bottom: 0px;
	background-color: #333;
    background-color: var(--char);
	background-image: linear-gradient(#333, #444);
 	background: #333;
 	background: linear-gradient(#333, #444);
    color: #FFF;
    color: var(--white);
}

.tip.noclose .cls {
	display: none !important;
}

.tip.pass, input.pass {
	background-color: #00AF64;
	background-color: var(--pass);
}

.tip.act, input.act {
	background-color: #23A9F1;
    background-color: var(--blue2);
}

.tip.info, input.info {
	background-color: #999999;
	background-color: var(--info);
}

.tip.choice, input.choice {
	background-color: #ff9e00;
}

input.choice:hover {
	filter:brightness(100%) !important;
}

.tip.ready, input.ready {
	background-color: #0494e2;
}

.tip.black, input.black {
	background-color: #000000;
	background-color: var(--black);
}

.tip.char, input.char {
	background-color: #333;
	background-color: var(--char);
}

.tip.notice, input.notice {
	background-color: #f49a0a;
	background-color: var(--orange);
}

.tip.reminder, input.reminder {
	background-color: #df1dbf;
	background-color: var(--pink);
}

.tip.warn, input.warn, input.delete {
	background-color: #B51156;
	background-color: var(--warn);
}

.tip.warn.shake, .tip.pass.shake, .tip.notice.shake {
	-webkit-animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	transform: translate3d(0, 0, 0) !important;
}

.tip.vis {
	display: block !important;
	opacity: 1 !important;
}

.tip.float {
	width: 80%;
	max-width: 1024px !important;
	margin: 0 auto;
}

.securepay {
	margin-bottom: 15px;
}

.securepay h3 {
    font-size: 18px!important;
    padding: 0px 0px 4px 0px!important;
    margin: 10px 0px 8px 0px !important;
    display: inline-block !important;
    border-bottom: solid 1px #FFFFFF;
    font-weight: bold !important;
}

.tooltip {
	position: absolute !important;
	width: 28px;
	height: 28px;
	right: 5px;
	top: 1.85em;
	font-size: 14px !important;
	cursor: pointer;
	background-image: url(/img/icons/information.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

.tooltip.text-line {
	position: absolute !important;
	width: 28px;
	height: 28px;
	right: 5px;
	top: 0px;
	background-image: url(/img/icons/information.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

#account-login .tooltip {
	position: absolute !important;
	width: 28px;
	height: 28px;
	right: 0px;
	top: 12px;
	background-image: url(/img/icons/information-white.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

.tooltip:hover {
	filter:brightness(110%);
	z-index: 9999 !important;
}

#registered {
	position: absolute;
	top: -10px;
	right: 0px;
}

#account-login .tooltip:hover {
	filter:brightness(110%);
	z-index: 999999 !important;
}

#advanced-options .tooltip {
	right: 5px;
	top: 0.28em;
}	

.tooltip .advice {
	visibility: hidden;
	width: 250px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: left;
	padding: 10px 15px;
	position: absolute;
	top: 30px;
	left: -230px;
}

.tooltip.text-line .advice {
	visibility: hidden;
	width: 500px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: left;
	padding: 10px 15px;
	position: absolute;
	top: 30px;
	left: -490px;
}

.tooltip:hover .advice {
	cursor: pointer;
	visibility: visible !important;
	z-index: 999999 !important;
}

.button-tip {
	display: inline-block !important;
	margin-left: 10px;
}

.detail-form-controls .button-tip {
	display: inline-block !important;
	margin-left: 0px !important;
	margin-right: 10px;
}

#sub-controls .button-tip {
	display: inline-block !important;
	margin-left: 0px !important;
}

.button-tip .advice {
	visibility: hidden;
	width: auto;
	white-space: nowrap;
	background-color: #000000;
	color: #FFFFFF;
	text-align: left;
	padding: 10px 15px;
	position: absolute;
	top: 45px;
	right: 0px;
}

.button-tip .advice.flip {
	visibility: hidden;
	width: auto;
	white-space: nowrap;
	background-color: #000000;
	color: #FFFFFF;
	text-align: left;
	padding: 10px 15px;
	position: absolute;
	top: auto !important;
	bottom: 45px !important;
	right: 0px;
}

.button-tip:hover .advice {
 	visibility: visible;
 	z-index: 99999 !important;
}

#advanced-options .field-tip .advice {
	top: 36px;
	left: 0px;
}

.field-tip {
	position: relative;
}

.field-tip.spill {
	overflow: visible;
}

.field-tip.spill .advice {
	white-space: nowrap !important;
}

.field-tip.country-notice {
	overflow: visible;
}

.field-tip.country-notice .advice {
	white-space: normal !important;
	right: 0px !important;
	left: auto !important;
	width: 400px !important;
}

.field-tip:hover .advice {
 	visibility: visible;
 	z-index: 99999 !important;
}

.field-tip .advice {
	visibility: hidden;
	width: auto;
	background-color: #000000;
	color: #FFFFFF;
	text-align: left;
	padding: 10px 15px;
	position: absolute;
	top: 60px;
	left: 0px;
}

.tip-line .tooltip {
	position: absolute !important;
	width: 28px;
	height: 28px;
	right: 5px;
	top: 2px;
	background-image: url(/img/icons/information.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

.tip-line:hover {
	background-color: #ecf1ff;
}

.tip-line .tooltip .advice {
	visibility: hidden;
	width: 500px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: left;
	padding: 10px 15px;
	position: absolute;
	top: 36px;
	left: -497px;
	line-height: 24px;
}

.tip-line:hover .advice {
 	visibility: visible;
 	z-index: 99999 !important;
}

#eyeball {
	position: absolute !important;
	width: 28px;
	height: 28px;
	right: 5px;
	top: 14px;
	background-image: url(/img/icons/eyeball-off.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	cursor: pointer;
}

#eyeball.on {
	background-image: url(/img/icons/eyeball-on.svg);
}

#eyeball .advice {
	visibility: hidden;
	width: auto;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 15px;
	white-space: nowrap;
	position: absolute;
	top: 30px;
	right: 0px;
	z-index: 9999 !important;
}

#eyeball:hover {
	z-index: 999999 !important;
}

#eyeball:hover .advice {
 	visibility: visible;
 	z-index: 99999 !important;
}

#generate-password {
	position: absolute !important;
	top: 15px;
	right: 70px;
	color: #00AF64;
	padding: 0px 0px 0px 30px;
	background-image: url(/img/icons/green-refresh.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
	z-index: 1;
	cursor: pointer;
}

.path {
    font-weight: normal !important;
    padding: 0px 0px 10px 0px;
    margin: 0;
    margin-left: -1px !important;
    font-size: inherit !important;
}

.content-group > div {
	line-height: 26px;
	padding: 10px 0px;
}

.content-group > div:last-of-type {
	padding: 10px 0px 20px 0px;
}

.content-group h3, .content-group h4 {
	padding: 0px !important;
	font-weight: bold !important;
}

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:90px;   
	background-color: #000000;
	border-top: solid #777777 15px;
	font-size: 16px;
	color: #FFFFFF;
}

#footer > div {
	display: table;
	width:90%;
	max-width:1024px;
	margin:0 auto;
	position: relative !important;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	background:transparent;
}

#footer > div > div {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

#footer > div > div:last-of-type {
	text-align: right;
}

.abn { font-size: 0.95em; display: inline-block !important; }

#cookies {
	display: block;
}

.cookie-policy-warn {
	color: #CC0000 !important;
}

#footer a:link,#footer a:visited,#footer a:active {
	color:#FFF!important;
	color:var(--white)!important;
	text-decoration: none!important;
}

#footer .link {
	color:#e1ff00!important;
	text-decoration: none!important;
}

#footer a:link:hover,#footer a:visited:hover,#footer a:active:hover {
	color:#FFF!important;
	color:var(--white)!important;
	text-decoration: underline!important;
}

#select_bar {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 12px 10px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: right;
	box-sizing: border-box;
	z-index: 999999 !important;
}

#select_bar form {
	display: inline-block;
}

#select_bar ::placeholder { 
  color: #FFFFFF;
  opacity: 1;
  font-weight: normal !important; 
}

#select_bar :-ms-input-placeholder { 
  color: #FFFFFF;
  font-weight: normal !important; 
}

#select_bar ::-ms-input-placeholder { 
  color: #FFFFFF;
  font-weight: normal !important; 
}

#select_bar input {
	width: 120px;
	margin-left: 10px;
	color: #FFFFFF;
}

#select_bar .select-box {
	width: auto;
	display: inline-block;
	text-align: left;
}

#select_bar .select-box input {
	width: 200px;
}

.dialogue {
	width: 350px !important;
	position: absolute !important;
	bottom: 50% !important;
	left: 50% !important;
	margin: -5px 0px 0px 0px !important;
	-webkit-transform:translate(-50%) !important;
	transform:translate(-50%) !important;
}

.alert {
	width:150px;
	height:150px;
	-webkit-border-radius:90px;
	border-radius:90px;
	font-size:110px;
	color:#FFF;
	margin:0 auto!important;
	position:relative!important;
	line-height:150px;
	text-align:center;
	color:#FFF;
	color:var(--white);
	background-color: #B51156;
	background-color: var(--warn);
	-webkit-animation:pulse 2s infinite;
	animation:pulse 2s infinite;
}

.error {
	position: relative; 
	display: block;
	z-index: 99999;
	margin-top: -1px; 
	right: 5px;
	left: 0px;
	padding: 0px 6px !important; 
	height: 0px;
	background-color: #B51156;
	background-color: var(--warn);
	color:#FFF;
	color:var(--white);
	font-size: inherit;
	text-align: left !important;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	-webkit-animation:error forwards 400ms, shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	animation:error forwards 400ms, shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	transform: translate3d(0, 0, 0) !important;
}

#new-password + .error, #confirm-password + .error, #code-guess + .error {
	text-align: left !important;
}

.selector .error {
	position: absolute; 
	right: 0px;
	left: 0px;
	margin: 0px 12px;
}

.inform {
	position: relative; 
	display: block;
	z-index: 99999;
	margin-top: -1px; 
	right: 5px;
	left: 0px;
	padding: 0px 6px; 
	height: 0px;
	background-color: #029CEF;
	background-color: var(--blue);
	color:#FFF;
	color:var(--white);
	font-size: inherit;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	-webkit-animation:error forwards 400ms;
	animation:error forwards 400ms;
	transform: translate3d(0, 0, 0) !important;
}

.message {
	position: relative; 
	display: block;
	z-index: 99999;
	margin-top: -1px; 
	right: 5px;
	left: 0px;
	padding: 0px 6px; 
	height: 0px;
	background-color: #00AF64;
	background-color: var(--pass);
	color:#FFF;
	color:var(--white);
	font-size: inherit;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	-webkit-animation:error forwards 400ms, shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	animation:error forwards 400ms, shake 0.82s cubic-bezier(.36,.07,.19,.97) 1s both 3 !important;
	transform: translate3d(0, 0, 0) !important;
}	

.error a:link,.error a:visited,.error a:active, .inform a:link,.inform a:visited,.inform a:active, .message a:link,.message a:visited,.message a:active {
	color:#FFF!important;
	color:var(--white)!important;
	text-decoration: underline!important;
}

.noshake {
	-webkit-animation:error forwards 400ms !important;
	animation:error forwards 400ms !important;
	transform: translate3d(0, 0, 0) !important;
}

.dnone {
	display:none;
}

.dnoni {
	display:none!important;
}

.visdn {
	-webkit-animation:fade reverse forwards 600ms;
	animation:fade reverse forwards 600ms;
}

.visup {
	-webkit-animation:fade forwards 600ms;
	animation:fade forwards 600ms;
}

.select-box.focused .focus-tip {
	display: block;
}

.select-group {
	display:none;
	position:absolute;
	z-index: 9999999;
	background-color:#333;
	background-color:var(--char);
	color:#FFFFFF !important;
	color:var(--white) !important;
	width:auto;
	min-width:100%; 
	max-width:100%; 
	padding:0;
	max-height:300px;
	margin-top:-1px;
	overflow-y:auto;
	border:none !important;
}

.select-group.invert {
	bottom: 0px !important;
}	

.select-group.expanded {
	width:intrinsic !important;
	max-width:inherit; 
}

.select-group.above-tip {
	z-index: 99999999;
}

.suggest.select-group {
	margin-top:-1px;	
}		

.select-box::-webkit-scrollbar-thumb {
    background: #23A9F1; 
}

.select-box .option-box {
	cursor:pointer;
}

.select-box .option-box:disabled {
  opacity: 0.5;
  cursor: default;
}

.select-box .suggest.option-box:not([readonly]) {
	cursor:default !important;
}

.select-box suggest.option-box:hover:not([readonly]) {
	cursor:default;
}

.suggest .option-box:hover {
	cursor:pointer;
	background-color:#029CEF;
	background-color:var(--blue);
	border-left:#029CEF solid 8px;
}

.select-group .option-box {
	padding:0 22px 0 12px;
	min-height:36px;
	line-height:36px;
	width:auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	white-space:nowrap!important;
	overflow:hidden!important;
	-o-text-overflow:ellipsis!important;
	text-overflow:ellipsis!important;
	border-left:#333 solid 8px;
	color:#FFFFFF !important;
	color:var(--white) !important;
}

.select-group > div:not(.option-box) {
	padding:0 22px 0 10px;
	min-height:36px;
	line-height:36px;
	width:auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	white-space:nowrap!important;
	overflow:hidden!important;
	-o-text-overflow:ellipsis!important;
	text-overflow:ellipsis!important;
	background-color:#555;
	background-color:var(--char2);
}

.select-box .option-box.hover {
	cursor:pointer;
	background-color:#029CEF;
	background-color:var(--blue);
	border-left:#029CEF solid 8px;
}

#menu-search-group .select-box .option-box.hover {
	cursor:pointer;
	background-color:#000000 !important;
	border-left:#000000 solid 8px;
}

.select-box .option-box.selected, .suggest .option-box.selected {
	border-left:#029CEF solid 8px;
}

.select-box .option-box.active {
	display:inherit;
}

.select-group .option-box.isolated-option {
	background-image: url(/img/icons/isolated-from-list.svg);
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: right 10px center;
}	

.sub-menu {
	padding:0 22px 0 12px;
	min-height:36px;
	line-height:36px;
	width:auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	white-space:nowrap!important;
	overflow:hidden!important;
	-o-text-overflow:ellipsis!important;
	text-overflow:ellipsis!important;
	border-left:#333 solid 8px;
	color:#FFF !important;
	font-weight: bold;
}

.sub-search {
	padding:2px 22px 2px 50px !important;
	background-image: url(/img/icons/search.svg);
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: left 20px center;
}

.sub-search .sub-search-input {
	width: 100%;
	border: none !important;
	font-size: inherit !important;
	color: #FFFFFF !important;
}

.select-box ::placeholder { 
  color: #777777 !important;
  opacity: 1;
  font-weight: normal !important; 
}

.select-box :-ms-input-placeholder { 
  color: #777777 !important;
  font-weight: normal !important; 
}

.select-box ::-ms-input-placeholder { 
  color: #777777 !important;
  font-weight: normal !important; 
}

input:-webkit-autofill, textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
	-webkit-text-fill-color:#029CEF;
	-webkit-text-fill-color:var(--blue) !important;
}

input,.select-box .option-box.active {
	padding:0 5px 0 0;
	min-height:36px;
	line-height:36px;
}

ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}

li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

.continue-to-pay {
	padding: 25px 0px 0px 0px;
}

.empty-cart {
	padding: 25px 0px 35px 0px;
}

.empty-cart input {
	width: 150px;
}

#add-more {
	position: absolute;
	top: 15px;
	width: 120px;
	z-index: 999;
}

#cart ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

#cart li:before {
	content: "-";
	padding-right: 8px;
}

#cart li {
	color: #444444;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#widgets {
	padding: 15px 0px 100px 0px;
}

#widgets-display {
	display: table;
	float: left !important;
}

#widgets-paging {
	display: table;
	float: right !important;
}

#widgets-display > div, #widgets-paging > div {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px;
}

#widgets-display input, #widgets-paging input {
	width: 110px;
	text-align: center !important;
}	

#widgets-showing, #widgets-of-showing {
	width: auto;
	white-space: nowrap !important;
	display: inline-block;
}

/* 
	
	SYSTEM
	
*/

.val {
	display: block;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

/* 
	
	SCREENS
	
*/

#logo {
	height: 36px;
	position: absolute;
	left: -12px;
	top: 17px;
}

#controls {
	position: relative;
	background-color: #000000;
	background-color: var(--black);
	z-index: 99999999;
}

#menu-controls {
	position: absolute;
	right: 0px;
	top: 0px;
}

#menu {
	height: 70px;
	width: 90%;
    max-width: 1024px !important;
	padding: 0px;
	position: relative;
	margin: 0 auto;
}

#menu a, #menu a:link, #menu a:visited, #menu a:active, #menu a:hover, #menulinks a, #menulinks a:link, #menulinks a:visited, #menulinks a:active, #menulinks a:hover, #menu .link {
	text-decoration: none !important;
	color: #FFFFFF !important;
}

#menugroup {
	position: relative;
	display: inline-block;
	float: right;
	width: 120px;
	height: 100px;
	cursor: pointer;
	color: #FFFFFF;
	overflow: visible;
	z-index: 99999999;
}

#menugroup:hover, #menu.open #menugroup {
	background-color: #029CEF;
}	

#menugroup:hover:after {
	content: 'Menu';
	position: absolute;
	left: 0px;
	bottom: 10px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

#burger {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 120px;
	height: 85px;
	cursor: pointer;
	overflow: visible;
	z-index: 99999999;
}

#burger:before, #burger:after {
	content: ' ';
	position: absolute;
	top: 20px;
	right: 56px;
	height: 40px;
	width: 5px;
	border: solid 1.2px #FFFFFF;
	background-color: transparent;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

#burger:before {
	top: 6px;
	transform: rotate(90deg);
}

#burger:after {
	transform: rotate(-90deg);
}

#menu.open #burger:before {
	top: 18px;
	right: 60px;
	height: 35px;
	transform: rotate(135deg);
	width: 1.2px;
	border: none;
	background-color: #FFFFFF;
}

#menu.open #burger:after {
	top: 18px;
	right: 60px;
	height: 35px;
	transform: rotate(-135deg);
	width: 1.2px;
	border: none;
	background-color: #FFFFFF;
}

#account-login {
	position:relative;
	display: table !important;
	width:100%;
	overflow: visible;
	padding: 0px 0px 50px 0px;
	-webkit-animation:fade forwards 800ms;
	animation:fade forwards 800ms;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

#account-login > div {
	display: table-row !important;
}

#account-login > div > div {
	display: table-cell !important;
	vertical-align: top !important;
	text-align: left !important;
}

#account-login #account-login-panel {
	width: 45%;
	padding: 0px 40px 0px 0px;
	border-right: solid 1px #777 !important;
}

#account-login #loginAdvicePanel {
	padding: 0px 0px 0px 60px;
}

#account-login #loginAdvicePanel h3 {
	font-weight: bold !important;
	padding: 0px 0px 0px 30px;
}

#account-login #loginAdvicePanel h3:first-of-type {
	font-size: 18px !important;
	font-weight: bold !important;
	padding: 20px 0px 0px 30px;
}

#account-login #loginAdvicePanel div {
	position: relative;
	padding: 5px 0px 30px 30px;
}

#account-login #loginAdvicePanel div img {
	height: 48px;
	position: absolute;
	top: -25px;
	left: -30px;
}

#account-login #alerts {
	margin: 0 auto !important;
	display: inline-block !important;
	overflow: hidden !important;
	text-align: center !important;
	padding: 0px !important;
	background-color: #FFFFFF;
	border-bottom: none;
	color: #FFFFFF;
}

#account-login label {
	color: #000000 !important;
	display: block;
	width: 100%;
	text-align: left !important;
	padding-top: 15px !important;
	font-weight: bold;
}

#account-login input {
	margin: 0px 0px 1px 0px;
}

#account-login input:-webkit-autofill,
#account-login input:-webkit-autofill:hover,
#account-login input:-webkit-autofill:focus,
#account-login input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0px 1000px #444444 inset !important;
	-webkit-text-fill-color: #FFFFFF !important;
}

#account-login input[type="button"] {
	width: 100% !important;
	margin-top: 10px !important;
	background-color: #23A9F1 !important;
	background-color: var(--blue2) !important;
	color: #FFFFFF !important;
	border: none!important;
	cursor: pointer;
	margin: 30px 0px 5px 0px !important;
	height: 36px !important;
	line-height: 36px !important;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

#account-login input[type="button"]:hover, #account-login input[type="button"]:active, #account-login input[type="button"]:focus {
	filter:brightness(110%);
	cursor: pointer;
}

#account-login input[type="button"] + .error {
	margin-top: 15px !important;
}

#forgot, #cancel-forgot, #cancel-reset {
	color: #000000 !important;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	cursor: pointer;
}

#cancel-forgot, #cancel-reset {
	color: #CC0000 !important;
	padding: 15px 0px 15px 0px;
	cursor: pointer;
}

#cancel-login {
	color: #CC0000 !important;
	line-height: 36px;
	cursor: pointer;
}

#secure-account {
	padding: 0px 0px 0px 60px;
	position: relative;
}

#secure-account h3 {
	font-weight: bold !important;
	padding: 20px 0px 0px 29px;
}

#secure-account img {
	height: 48px;
	position: absolute;
	top: 10px;
	left: 30px;
}

#password-strength {
	padding: 10px 0px 0px 80px;
}

#password-strength > div {
	line-height: 30px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 5px 0px;
}

#password-strength > div.ok {
	background-color: #00AF64;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#password-strength > div.weak {
	background-color: #9A69B6;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#password-strength > div.very-weak {
	background-color: #CC0000;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#control-login {
	position: relative;
	display: inline-block;
	float: right;
	width: 120px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	cursor: pointer;
	background-image: url('/img/icons/login.svg');
	background-repeat: no-repeat;
	background-position: center 13px;
	background-size: 42px auto;
	z-index: 99999999;
}

#control-login:hover {
	background-color: #2dbe6f;
}

#control-login:hover:after {
	content: 'Login';
	position: absolute;
	bottom: 10px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}	

#control-logout {
	position: relative;
	display: inline-block;
	float: right;
	width: 120px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	cursor: pointer;
	background-image: url('/img/icons/logout.svg');
	background-repeat: no-repeat;
	background-position: center 13px;
	background-size: 42px auto;
	z-index: 99999999;
}

#control-logout:hover {
	background-color: #BF353D;
}

#control-logout:hover:after {
	content: 'Logout';
	position: absolute;
	bottom: 10px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

#control-account {
	position: relative;
	display: inline-block;
	float: right;
	width: 120px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	cursor: pointer;
	background-image: url('/img/icons/logged-in.svg');
	background-repeat: no-repeat;
	background-position: center 13px;
	background-size: 42px auto;
	z-index: 99999999;
}

#control-account:hover {
	background-color: #2dbe6f;
}

#control-account:hover:after {
	content: 'Account';
	position: absolute;
	bottom: 10px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

#control-cart {
	position: relative;
	display: inline-block;
	float: right;
	width: 120px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	cursor: pointer;
	background-image: url('/img/icons/menu-cart.svg');
	background-repeat: no-repeat;
	background-position: center 13px;
	background-size: 38px auto;
	z-index: 99999999;
}

#control-cart:hover {
	background-color: #666;
}

#control-cart > div {
	display: none;
	position: absolute;
	bottom: 10px;
	left:48%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

#control-cart:hover > div {
	display: inline-block;
}	

#control-support {
	position: relative;
	display: inline-block;
	float: right;
	width: 120px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	cursor: pointer;
	background-image: url('/img/icons/support.svg');
	background-repeat: no-repeat;
	background-position: center 16px;
	background-size: 42px auto;
	z-index: 99999999;
}

#control-support:hover {
	background-color: #FFC300;
}

#control-support:hover:after {
	content: 'Support';
	position: absolute;
	bottom: 10px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

#verify2faGroup, #options2faGroup, #validatePassword2faGroup {
	padding: 16px 0px 0px 0px;
}

#verify2faGroup input, #options2faGroup input, #validatePassword2faGroup input {
	margin: 0px 10px 0px 0px !important;
	min-width: 100px !important;
	width: 100px !important;
}

#verify2faGroup .button-tip, #options2faGroup .button-tip, #validatePassword2faGroup .button-tip {
	display: inline-block !important;
	margin-left: 0px !important;
}

#code {
	width: 213px !important;
	letter-spacing: 0.8em;
	font-weight: bold;
	text-align: center;
}

#validate-password-2fa-form #password {
	width: 213px !important;
	text-align: left;
}

#validate2faPasswordGroup {
	width: 250px !important;
	position: relative;
}

#validate2faPasswordGroup #eyeball {
	position: absolute !important;
	width: 28px;
	height: 28px;
	right: 40px;
	top: 5px;
	background-image: url(/img/icons/eyeball-off.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	cursor: pointer;
}

.basic-selection-description .tip {
	line-height: 24px !important;
}

.basic-selection-description #alerts {
	padding: 0px !important;
}

.basic-selection-description #alerts .tip:last-of-type {
	margin-bottom: 0px !important;
}

#activate-2fa-form .error, #validate2faPasswordGroup .error {
	width: 213px !important;
	line-height: 24px;
	padding: 0px !important;
	text-align: center !important;
}

#validate2faPasswordGroup .error {
	width: 208px !important;
	line-height: 24px;
	padding: 0px 0px 0px 5px !important;
	text-align: left !important;
}

#qrCode {
	height: 150px;
	display: block;
	margin: 0 auto;
}

.important-codes {
	font-weight: bold !important;
	background-color: #CC0000 !important;
	color: #FFFFFF !important;
	margin: 5px 0px 10px -5px !important;
	padding: 0px 5px !important;
}

.important-codes-message {
	line-height: 24px !important;
	padding: 0px 0px 15px 0px;
}

#recoveryCodes h3 {
	font-weight: bold !important;
	padding: 0px 0px 10px 0px;
	font-size: 15px !important;
}

#download2faAfter {
	margin: 15px 0px 0px 0px !important;
	width: 100px !important;
	min-width: 130px !important;
}

#copyCodes {
	padding: 10px 0px;
	font-size: 12px;
	color: #23A9F1 !important;
	color: var(--blue2) !important;
	cursor: pointer;
}

#mainmenu {
	position: absolute;
	top: 70px;
	right: 0px;
	display: none;
	width: 100%;
	background-color: #029CEF;
	color: #FFFFFF;
	padding: 20px 0px 20px 0px;
	z-index: 99999998;
}

#menu.open ~ #mainmenu {
	display: block;
}

#menulinks {
	display: table;
	table-layout: fixed;
	width: 90%;
    max-width: 1024px;
	padding: 15px 0px;
	margin: 0 auto;
}

#menulinks > div {
	display: table-row;
}

#menulinks > div > div {
	display: table-cell;
	width: 33%;
}

#menulinks > div > div:nth-child(even) {
	width: 25px !important;
	height: auto
}

#menulinks h3 {
    color: #FFFFFF !important;
    font-weight: bold !important;
    padding: 0px 0px 5px 0px !important;
    margin: 0px 0px 10px 0px !important;
    border-bottom: solid 1px #FFFFFF !important;
}

#menulinks ul {
    list-style: none !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px !important;
    height: auto;
    display: block;
    color: #FFFFFF;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#menulinks li {
    list-style: none;
    background-image: url('/img/icons/dot_menu.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px;
    background-position: left center;
    padding: 10px 0px 10px 34px;
}

#menulinks li:hover {
    background-image: url('/img/icons/dot_menu_hover.svg');
}

.pinned {
	background-image: url('/img/icons/pinned.svg') !important;
}

#screen {
	position:fixed;
	z-index: 99999980;
	height:100vh;
	width:100vw;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.8);
	-webkit-animation:fade forwards 500ms;
	animation:fade forwards 500ms;
}

#content {
	width: 90%;
    max-width: 1024px;
	padding: 10px 0px;
	margin: 0 auto;
}

#page-title {
	padding: 20px 0px 25px 0px;
	position: relative;
}

#page-title h2 {
	padding: 0px 0px 0px 0px;
	font-size: inherit !important;
	color: #23A9F1 !important;
    color: var(--blue2) !important;
}

#page-title.account-panel {
	padding: 10px 0px 25px 0px;
	position: relative;
}

#page-title.account-panel h2 {
	padding: 0px 0px 0px 36px;
    font-size: inherit !important;
    color: #D375AA !important;
}

#page-title input {
	min-width: 140px;
	margin-right: 10px;
}

.sub-page-title {
	padding: 12px 10px 12px 10px;
	position: relative;
}

.sub-page-title h2 {
	font-size: 32px !important;
    font-size: var(--xxxlarge-fs) !important;
    margin-bottom: 6px !important;
}

.sub-page-title span {
	padding: 0px 0px 0px 36px;
	font-size: inherit !important;
	color: #D375AA;
}

#sub-title {
	padding: 10px 0px 25px 0px;
	position: relative;
}

#sub-title h2 {
	padding: 0px 0px 0px 36px;
	font-size: 18px !important;
}

.option-buttons {
    position: absolute;
    width: auto !important;
    display: inline-block !important;
    text-align: right !important;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon.account-name {
	background-image: url(/img/icons/account.svg);
	background-repeat: no-repeat;
	padding-left: 36px;
}

.icon.ticket {
	background-image: url(/img/icons/ticket.svg);
	background-repeat: no-repeat;
	padding-left: 36px;
	background-size: 25px;
	background-position-y: 1px; 
}

.icon.settings {
	background-image: url(/img/icons/settings.svg);
	background-repeat: no-repeat;
	padding-left: 36px;
	background-size: 34px;
	height: 42px;
	background-position-x: -2px;
	background-position-y: -5px;
}

.icon.products {
	background-image: url(/img/icons/products.svg);
	background-repeat: no-repeat;
	padding-left: 36px;
	background-size: 34px;
	height: 42px;
	background-position-x: -2px;
	background-position-y: -5px;
}

input.icon {
	background-image: url(/img/icons/menu-downloads.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 10px center;
	padding: 0px 18px 0px 45px;
}

input.icon.cards {
	background-image: url(/img/icons/menu-cards.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 10px center;
	padding: 0px 18px 0px 45px;
}

input.icon.delete {
	background-image: url(/img/icons/menu-delete.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 10px center;
	padding: 0px 18px 0px 45px;
}

input.icon.tick {
	background-image: url(/img/icons/menu-tick.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 10px center;
	padding: 0px 18px 0px 45px;
}

input.icon.tick-square {
	background-image: url(/img/icons/menu-tick-square.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 10px center;
	padding: 0px 18px 0px 45px;
}

input.icon.remote {
	background-image: url(/img/icons/menu-remote.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 10px center;
	padding: 0px 18px 0px 45px;
}

input.icon.downloads {
	background-image: url(/img/icons/menu-downloads.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 10px center;
	padding: 0px 18px 0px 45px;
}

input.icon.links {
	background-image: url(/img/icons/menu-link.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 10px center;
	padding: 0px 18px 0px 45px;
}

input.icon.ask {
	background-image: url(/img/icons/menu-ask.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 10px center;
	padding: 0px 18px 0px 45px;
}

input.icon.timer {
	background-image: url(/img/icons/menu-timer.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: left 10px center;
	padding: 0px 18px 0px 45px;
}

#sub-controls {
	position: absolute;
	top: 20px;
	right: 0px;
	min-width: 100px;
}

#sub-controls input {
	min-width: 140px;
	margin-left: 10px !important;
	margin-right: 0px !important;
}

.sub-tab-controls {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 999;
}

.sub-tab-controls input {
	min-width: 140px;
	margin-left: 10px;
}

.sub-tab-controls input:first-of-type {
	min-width: 140px;
	margin-left: 0px;
}

#invoice-box .sub-tab-controls, #payment-box .sub-tab-controls {
	position: absolute;
	bottom: 15px;
	left: 0px;
	z-index: 9999;
}

.invoice-tab {
	position: relative;
}

.invoice-tab .sub-tab-controls {
	position: absolute;
	top: 78px;
	right: 6px !important;
	z-index: 9999;
}

#delete_items {
    min-width: 120px;
    margin-right: 8px;
}

#invoice-box .sub-tab-controls > div, #payment-box .sub-tab-controls > div  {
	display: table;
}

#invoice-box .sub-tab-controls > div > div, #payment-box .sub-tab-controls > div > div  {
	display: table-row;
}

#invoice-box .sub-tab-controls > div > div > div, #payment-box .sub-tab-controls > div > div > div {
	display: table-cell;
	vertical-align: top;
}

#invoice-box .sub-tab-controls input, #payment-box .sub-tab-controls input  {
	width: 150px !important;
}

#invoice-subtotal .sub-tab-controls, #payment-box .sub-tab-controls  {
	position: absolute;
	left: 0px;
}

#invoice-subtotal .sub-tab-controls input, #payment-box .sub-tab-controls input  {
	min-width: 120px !important;
	margin-right: 0px !important;
}

.floating-label {	
	position:relative;
}

.floating-label > div {
	position:absolute;
	top:0px;
	right:0px;
	white-space:nowrap;
}

.bank-instruction {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.bank-instruction > div {
	display: table-row;
}

.bank-instruction > div > div {
	display: table-cell;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	position: relative;
}

.bank-instruction > div > div:nth-of-type(1) {
	width: 20%;
}

.back-page {
	background-image: url(/img/icons/back-page.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.back-page:hover {
	background-image: url(/img/icons/back-page-on.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.list-group {
	display: table;
	width: 100%;
}

.list-group > div {
	display: table-row;
}

.list-group > div:nth-of-type(2) {
	background-color: #000000 !important;
    background-color: var(--black) !important;
    font-weight: bold;
    color: #FFFFFF !important;
    color: var(--white) !important;
}

.list-group > div:nth-of-type(even) {
	background-color: #ecebeb;
}

.list-group > div:not(.header):hover {
	background-color: #707070;
	color: #FFFFFF !important;
}

.list-group > div:not(.header):hover a, .list-group > div:not(.header):hover .link {
	color: #FFFFFF !important;
	text-decoration: underline !important;
}

.list-group > div > div {
	display: table-cell;
	padding: 10px 10px;
	vertical-align: top !important;
	position: relative;
	color: #000;
    color: var(--black);
}

.list-group > div:hover > div {
	color: #FFFFFF;
}

.list-group > div:nth-of-type(2) > div {
	color: #FFFFFF !important;
    color: var(--white) !important;
}

#orders .header > div:nth-of-type(3) {
	width: 30% !important;
}

.list-group > div > div.text-block {
	max-width: 500px;
}

.list-group-search {
	display: table;
	width: 100%;
}

.list-group-search > div {
	display: table-row;
}

.list-group-search > div > div {
	display: table-cell;
	vertical-align: top;
}

.list-group-search > div > div:nth-of-type(1) {
	width: 60%;
}

.list-group-search > div > div:nth-of-type(2) {
	padding-left: 15px;
}

.sortable {
	cursor: pointer;
}

.order-desc:after {
	content: ' ';
	position: absolute;
	right: 20px;
	top: 20px;
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #FFFFFF;
	cursor: pointer;
}

.order-asc:after {
	content: ' ';
	position: absolute;
	right: 20px;
	top: 20px;	
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #FFFFFF;
	cursor: pointer;
}

.options > div { display: inline-block; padding: 0px 1px 0px 0px; }

.options input {
	min-width:100px!important;
	margin:12px 0px 0px 0px;
	padding:0 38px;
	height:36px;
	line-height:36px;
}

.options input.on {
	background-color: #029CEF;
	color: #FFF !important; 
}

.options { display: table; margin: 0px 0px 0px 0px;  }

.tabs.options { 
	display: block; 
	margin: 0px 0px 15px 0px !important; 
	width: 100%; 
	position: relative;
}

.vertical-group { 
	display: table;	
	width: 100%;
}

.vertical-group > div { 
	display: table-cell;	
	width: 100%;
	vertical-align: top;
}

.vertical-group .tabs.options.verticals { 
	display: block; 
	margin: 15px 15px 25px 0px !important; 
	width: 100%; 
	position: relative;
}

.tabs.options input { 
	border: solid 1px #CCC !important;
	background-color: #FFF;
	color: #777 !important; 
	text-transform: none !important; 
	font-size: inherit;
	border-bottom: none !important;
	position: relative;
	z-index: 997;	
	height:38px;
	line-height:38px;
}

.vertical-group .tabs.options.verticals input { 
	border: none !important;
	border-right: solid 1px #CCC !important;
	background-color: #FFF;
	color: #777 !important; 
	text-transform: none !important; 
	font-size: inherit;
	border-bottom: none !important;
	position: relative;
	z-index: 997;	
	height:38px;
	line-height:38px;
	width: 150px !important;
	text-align: left;
	margin: 12px 0px 0px 0px;
    padding: 0px 0px;
}

.tabs.options input:hover { 
	border: solid 1px #CCC !important;
	background-color: #FFF !important;
	color: #029CEF !important;
	border-bottom: none !important;
	position: relative;
	z-index: 997;	
}

.tabs.options input.on { 
	border: solid 1px #777 !important;
	background-color: #FFF;
	color: #029CEF !important;
    color: var(--blue) !important;
	border-bottom: none !important; 
	font-weight: bold;
	z-index: 999;	
}

.tabs.options input:disabled { 
	border: solid 1px #CCC !important;
	background-color: #FFF !important;
	color: #999 !important;
	border-bottom: none !important;
	position: relative;
	z-index: 997;	
}

.bold, input.product, input.adjustment, input.payment {
	font-weight: bold !important;
}

.ruler {
	position: absolute; 
	bottom: 0px; 
	padding: 0px !important;
	border-bottom:solid 1px #777;
	border-bottom:var(--border);
	width: 100%; 
	z-index: 998;
}

.detail-form {
	display: table;
	width: 100%;
}

.detail-form > div {
	display: table-row;
}

.detail-form > div > div {
	display: table-cell;
	padding: 0px 10px 20px 0px;
	position: relative;
}

#support-form {
	margin: 15px 0px 20px 0px;
}

#support-form .content-group {
	padding: 0px 0px 10px 0px;
}

#support-form .detail-form > div > div {
	width: 50%;
}

#support-form .detail-form > div > div:only-child {
	width: 100%;
}

#support-form #save {
	width: 140px;
	margin-bottom: 20px;
}

.detail-form > div > div:last-of-type {
	display: table-cell;
	padding: 0px 0px 20px 0px;
}

.gallery-detail.detail-form > div > div {
	vertical-align: top;
}

.gallery-detail.detail-form > div > div:first-of-type {
	width: 318px; 
}

.detail-form:last-of-type > div > div {
	padding: 0px 10px 8px 0px !important;
}

.detail-form:last-of-type > div > div:last-of-type {
    display: table-cell;
    padding: 0px 0px 8px 0px !important;
}

div.long {
	width: 30% !important;
}	

div.medium {
	width: 15% !important;
}

div.short {
	width: 10% !important;
}

#new-note .detail-form > div > div:nth-of-type(1) {
	width: 60%;
}

#new-note .detail-form > div > div:nth-of-type(4) {
	width: 135px;
	text-align: right;
}

#new-note .detail-form > div > div:nth-of-type(4) input {
	width: 120px;
}

.form-box {
	display: table;
	width: 100%;
	border: solid 1px #777777;
	margin-bottom: 20px !important;
	position: relative;
}

.form-box.no-border {
	border: none !important;
}

.form-box.no-padding > div > div {
	padding: 0px !important;
}

.form-box > div {
	display: table-row;
}

.form-box > div > div {
	display: table-cell;
	width: 50%;
	padding: 15px;
}

.form-box.selection-group > div > div {
	display: table-cell;
	width: 70%;
	padding: 15px;
}

.selection-group .basic-selection-description > div {
	padding: 5px 0px 0px 0px;
	line-height: 36px;
}

.selection-group .basic-selection-description > div:nth-of-type(1), .selection-group label {
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	line-height: 24px;
}

.basic-selection-description .option-title {
	position: relative;
	display: inline-block;
}

.basic-selection-description .option-title .option-status {
	position: absolute;
	width: 50px;
	right: -55px;
	top: 0px;
	text-align: center;
	font-size: 12px;
}

.basic-selection-description .option-title .option-status {
	background-color: #2dbe6f;
	color: #FFFFFF;
}

.basic-selection-description .option-title .option-status.disabled {
	background-color: #CC0000;
	color: #FFFFFF;
}

.selection-group .detail-form:last-of-type > div > div:last-of-type {
	display: table-cell;
	padding: 0px !important;
}

.form-box > div > div:nth-of-type(2) {
	display: table-cell;
	width: 50%;
	padding: 15px 15px 15px 0px;
}

.form-box.selection-group > div > div:nth-of-type(2) {
	display: table-cell;
	width: 30%;
	padding: 15px 15px 15px 0px;
	background-color: #F2F2F2FF;
	text-align: center;
	vertical-align: middle;
}

.form-box h2 {
	font-size: inherit !important;
    font-weight: bold !important;
	border-bottom: solid 1px #777777;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px !important;
}

.form-box.address-box {
	margin-bottom: 8px !important;
}

.form-box input[type="button"] {
	width: 120px;
}

.form-box.selection-group input[type="button"] {
	width: auto;
	min-width: 200px;
}

.address-box > div > div {
	vertical-align: top;
}

.address-box div.edit {
	position: absolute;
	width: 36px;
	height: 36px;
	right: 10px;
	top:12px;
	z-index:100;
	cursor: pointer;
	background-image: url(/img/icons/edit-off.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.address-box div.edit:hover {
	background-image: url(/img/icons/edit-on.svg);
}

#saved_addresses {
	margin-bottom: 30px !important;
}

#saved_addresses > div > div {
    padding: 5px 0px 5px 0px !important;
}

#no-payments > div, #no-items > div {
	padding: 0px 0px 20px 0px !important;
	color: #777777;
}

#invoice, #invoice-payments, #transactional-emails {
	display: table;
	width: 100%;
}

#invoice > div, #invoice-payments > div, #transactional-emails > div {
	display: table-row;
}

#invoice > div > div, #invoice-payments > div > div, #transactional-emails > div > div {
	display: table-cell;
	position: relative;
}

#invoice > div > div:nth-of-type(1), #invoice-payments > div > div:nth-of-type(1) {
	width: 60%;
}

#invoice > div > div:nth-of-type(2) input {
	text-align: right;
	width: 160px;
}

#invoice-payments > div > div:nth-of-type(2) input {
	text-align: right;
}

#invoice > div > div:nth-of-type(3) input{
	text-align: right !important;
}

#invoice > div > div:nth-of-type(4) input{
	text-align: right;
}

#invoice-payments > div > div:nth-of-type(4) input {
	text-align: left;
}

#invoice-payments > div > div:nth-of-type(4) {
	width: 130px;
}

#invoice > div > div:nth-of-type(5) input, #invoice-payments > div > div:nth-of-type(5) input {
	text-align: right !important;
}

#invoice-payments > div > div:nth-of-type(5) {
	text-align: right !important;
}

.item-statuses {
	display: table;
	width: 100%;
}

.item-statuses > div {
	display: table-row;
}

.item-statuses > div > div {
	display: table-cell;
}

.transactional-email-item > div {
	padding-bottom: 15px !important;
}

.transactional-email-item:last-of-type > div {
	padding-bottom: 15px !important;
}

.invoice-item > div {
	padding-bottom: 20px !important;
}

.invoice-item:last-of-type > div {
	padding-bottom: 10px !important;
}

.product-detail div.move-down {
	position: absolute;
	width: 28px;
	height: 28px;
	right: 27px;
	top:3px;
	z-index:100;
	cursor: pointer;
	background-image: url(/img/icons/move-down.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.gallery-detail div.move-down {
	position: absolute;
	width: 28px;
	height: 28px;
	right: 27px;
	top:3px;
	z-index:100;
	cursor: pointer;
	background-image: url(/img/icons/move-down.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.invoice-item div.move-down {
	position: absolute;
	width: 28px;
	height: 28px;
	right: 70px;
	top:42px;
	z-index:100;
	cursor: pointer;
	background-image: url(/img/icons/move-down.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

#payment-box, #user-form {
	margin-bottom: 50px !important;
}

#payment-box .invoice-item div.move-down {
	right: 30px;
}

#payment-box .invoice-item div.move-down {
	right: 30px;
}

div.move-down:hover {
	background-image: url(/img/icons/move-down-hover.svg);
}

.product-detail div.move-up {
	position: absolute;
	width: 28px;
	height: 28px;
	right: 5px;
	top:3px;
	z-index:100;
	cursor: pointer;
	background-image: url(/img/icons/move-up.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
	
.gallery-detail div.move-up {
	position: absolute;
	width: 28px;
	height: 28px;
	right: 5px;
	top:3px;
	z-index:100;
	cursor: pointer;
	background-image: url(/img/icons/move-up.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.invoice-item div.move-up {
	position: absolute;
	width: 28px;
	height: 28px;
	right: 92px;
	top:42px;
	z-index:100;
	cursor: pointer;
	background-image: url(/img/icons/move-up.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

#payment-box .invoice-item div.move-up {
	right: 50px;
}

div.move-up:hover {
	background-image: url(/img/icons/move-up-hover.svg);
}	

.invoice-item div.cloud {
	position: absolute;
	width: 28px;
	height: 28px;
	right: 32px;
	top:42px;
	z-index:100;
	cursor: pointer;
	background-image: url(/img/icons/cloud-connected.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.invoice-item div.cloud.disconnected {
	background-image: url(/img/icons/cloud-disconnected.svg);
}

.invoice-item div.cloud.nocloud {
	cursor: not-allowed !important;
}

.invoice-item div.check {
	position: absolute;
	width: 14px;
	height: 14px;
	border: solid 1px #23A9F1;
	right: 0px;
	top:48px;
	z-index:100;
	cursor: pointer;
}

.invoice-item div.check.checked {
	position: absolute;
	width: 14px;
	height: 14px;
	border: solid 1px #23A9F1;
	right: 0px;
	top:48px;
	z-index:100;
	cursor: pointer;
}

.invoice-item div.check:hover  {
	position: absolute;
	width: 14px;
	height: 14px;
	border: solid 1px #23A9F1;
	right: 0px;
	top:48px;
	z-index:100;
	cursor: pointer;
}	

.invoice-item div.check.checked:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	margin: 2px 0px 0px 2px;
	background-color: #23A9F1;
}

.invoice-totals > div:nth-of-type(1), .payment-totals > div:nth-of-type(1) {
	width: 70%;
}

.invoice-totals > div:nth-of-type(2), .payment-totals > div:nth-of-type(2) {
	text-align: right;
	padding: 0 5px 0 0 !important;	
}

.invoice-totals > div:nth-of-type(3), .payment-totals > div:nth-of-type(3) {
	text-align: right;
	padding: 0 5px 0 0 !important;	
}

.invoice-totals > div:nth-of-type(4), .payment-totals > div:nth-of-type(4) {
	text-align: right;
	padding: 0 5px 0 0 !important;	
}

.invoice-totals > div:nth-of-type(5), .payment-totals > div:nth-of-type(5) {
	text-align: right !important;
	padding: 0 5px 0 10px !important;
}

.invoice-header, .payment-header {
	font-weight: bold !important;
}

.invoice-header > div:nth-of-type(1), .payment-header > div:nth-of-type(1) {
	width: 70%;
}

.invoice-header > div:nth-of-type(2), .payment-header > div:nth-of-type(2) {
	text-align: right;
	padding: 0 5px 20px 0 !important;	
}

.invoice-header > div:nth-of-type(3), .payment-header > div:nth-of-type(3) {
	text-align: right;
	padding: 0 5px 20px 0 !important;	
}

.invoice-header > div:nth-of-type(4) {
	text-align: right;
	padding: 0 5px 20px 0 !important;	
}

.invoice-header > div:nth-of-type(5) {
	text-align: right !important;
	padding: 0 5px 20px 0 !important;
}

.transactional-email-header {
	font-weight: bold !important;
}

.transactional-email-header > div:nth-of-type(1) {
	width: 20%;
}

.transactional-email-header > div:nth-of-type(2) {
	width: 30%;
}

.transactional-email-header > div:nth-of-type(3) {
	width: 25%;
}

.transactional-email-header > div:nth-of-type(4) {
	text-align: left;
	padding: 0 5px 10px 0 !important;	
}

.transactional-email-header > div:nth-of-type(5) {
	width: 15%;
	text-align: left;
	padding: 0 5px 10px 0 !important;	
}

.pricing-header {
	font-weight: bold !important;
}

.pricing-header > div {
	width: auto;
}

#pricecard > div > div:last-of-type, .product-detail > div > div:last-of-type, .gallery-detail > div > div:last-of-type {
	width: 120px;
	padding-left: 15px !important;
	text-align: right;
}

#pricecard input[type="button"], .product-detail input[type="button"], .gallery-detail input[type="button"] {
	width: 120px;
}

#pricecard input, .product-detail input, .gallery-detail input {
	font-weight: normal !important;
}

.product-detail input[type="text"], .gallery-detail input[type="text"] {
	padding-right: 75px;
}

.reply-box > div > div {
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
	display: block;	
}

.reply-box > div > div:nth-of-type(2) {
	padding: 0px 0px 0px 0px;
}

.reply-box > div > div:nth-of-type(2) > div {
	display: table;
}

.reply-box > div > div:nth-of-type(2) > div > div {
	display: table-cell;
	vertical-align: middle !important;
	height: 48px !important;
}

.reply-box > div > div:nth-of-type(2) > div > div input {
	padding: 0px !important;
	margin-right: 10px !important;
}

.reply-box input[type=file] {
    margin: 12px 0px 0px 58px;
}

.reply-box input[type=file]::before {
	margin: -6px 0px 0px -55px;
}

#ticket-reply-form .detail-form:last-of-type > div > div {
    padding: 0px 0px 0px 0px !important;
}

#replies {
	width: 100%;
	box-sizing: padding-box !important;
	position: relative;
}

#replies > div {
	display: block;
    border: solid 1px #777777;
    padding: 15px;
    margin: 0px 0px 20px 92px !important;
    position: relative;
}

#replies .avatar {
	width: 70px !important;
	height: 70px !important;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	left: -85px;
	z-index: 999;
}

#replies .avatar.pulse {
	-webkit-animation:pulse 2s 15;
	animation:pulse 2s 15;
}

#replies div.timeline {
	display: block;
	position: absolute;
	top: 15px;
	left: -50px;
	width: 1px !important;
	border: none !important;
	padding: 0px !important;
	height: 100%;
	background-color: #777777;
}	

#replies div.blot {
	display: block;
	position: absolute;
	bottom: -16px;
	left: -56px;
	width: 30px !important;
	border: none !important;
	padding: 0px !important;
	height: 100%;
	background-color: #FFFFFF;
	z-index: 998;
}

.meta {
	padding-top: 10px;
	margin-top: 10px;
	border-top: solid 1px #777777;
	color: #777777;
}

.image-box {
	width: 300px;
	height: 300px;
	background-image: url(/img/icons/nopic.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	border: solid 1px #777777;
	overflow: hidden;
}

.image-box.active-image {
	background-image: none !important;
}

.image-box img {
	width: auto;
	height: 300px;
}

/* Website */

.banner {
	width: 100%; 
	height: 500px;
	margin-bottom: 20px;
	background-color: #111111;
	position: relative;
	overflow: hidden;
}	

.banner.slim {
	height: 100px;
	background-color: #444;
	border-bottom: solid #777777 15px !important;
	border-bottom:var(--border);
	position: relative;
	overflow: hidden;
}

.banner.store {
	width: 100%; 
	height: 300px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	-webkit-animation:store 15s ease infinite;
	animation:store 15s ease infinite;
}	

.banner.slim + .banner {
	height: 150px !important;
}

.login-banner {
	margin: -20px 0px 25px 0px;
	text-align: center !important
}

.login-banner img {
	width: auto;
	height: 160%;
	margin: -38px 0px 0px -20px;
}

.support-banner {
	margin: -20px 0px 25px 0px;
	text-align: center !important
}

.google-map + .content-group {
	margin-bottom: 13px !important;
}	

.support-banner img {
    width: auto;
    height: 160%;
    margin: -38px 0px 0px -20px;
}

.google-map {
	width: 6000px !important; 
	margin: 0px 0px 20px -2488px !important;
}

.banner > div {
	width:90%;
	height:100%;
	max-width:1024px;
	margin:0 auto;
	position: relative;
	background:transparent;
	overflow: visible;
}

.banner > div > div {
	width: auto;
	height: auto;
	background-color: #444;
	border-bottom: solid #777777 15px;
	color: #FFFFFF;
	position: absolute !important;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	padding: 20px;
	z-index: 9999;
}	

.banner.slim > div > div {
	width: auto;
	height: auto;
	color: #FFFFFF;
	background-color: transparent !important;
	border-bottom: none !important;
	position: absolute !important;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	padding: 0px;
	z-index: 9999;
}	

.banner.store > div > div {
	width: auto;
	height: auto;
	color: #FFFFFF;
	background-color: transparent !important;
	border-bottom: none !important;
	position: absolute !important;
	text-align: center;
	top:27%;
	left:50%;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
	padding: 0px;
	z-index: 9999;
}

.banner.store img {
	height: 80px;
	width: auto;
	margin: 28px auto 0px auto;	
}

.banner.store h1 {
	font-size: 32px !important;
}

.banner:not(.slim) > div > div > div:nth-of-type(1) {
	border-bottom: solid 1px #FFFFFF;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 15px 0px;
	display: block;	
}

.banner > div > div > div h1 {
	color: #FFFFFF;
	display: inline-block;
}	

.banner > div > div > div span {
	vertical-align: super;
	padding: 0px 0px 0px 3px;
}

.banner > div > div > div h2 {
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 60px 5px 0px !important;
}	

.banner > div > div input {
	margin: 15px 0px 0px 0px;
	min-width: 150px;
}

.banner.slim > div > div input {
	margin: 0px 0px 0px 15px;
	min-width: 150px;
}

.banner > div > img {
	width: auto; 
	height: 200%;
	position: absolute;
	right: 0px;
	top: -50%;
	opacity: 1;
}

#view-gallery {
	margin: 30px auto 30px auto;
	width: 100px;
	position: relative;
	text-align: center;
}

#view-gallery-icon {
	display: block;
	height: 30px;
	margin: 10px auto;
	width: auto;
	cursor: pointer;
}

.view-gallery {
	cursor:pointer !important;
}

.info-bar {
	position: relative;
	margin: 10px 0px 0px 0px;
	width: 100%;
	text-align: left;
    height: 52px;
    cursor: pointer !important;
}

.info-bar-title {
	height: 24px !important;
	border-left: solid 10px #2dbe6f;
    padding: 0px 0px 0px 10px !important;
    margin: -2px 0px 20px -21px !important;
    font-weight: bold !important;
    position: absolute;
	top: 50%;
	left: 0px;
	cursor: pointer;
}

.info-bar h3 { 
	font-weight: bold !important;
}

.section h3 { 
	font-weight: bold !important;
}

.section {
	display: table;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 10px 0px !important;
	width: 100%;
	-webkit-animation:fade forwards 600ms;
	animation:fade forwards 600ms;
}

.section > div {
	display: table-row;
}

.section > div > div {
	display: table-cell;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	width: auto;
}

.section-tail {
	height: 50px;
	width: 100%;	
}

.product-overview {
	padding: 20px 0px 0px 0px !important;
}

#product-overview-extended {
	position: relative;
	padding: 20px 0px 30px 0px !important;
}

#product-group-extended #extended-title-group {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	padding: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.feature-subtitle {
	padding: 20px 0px 5px 0px;
	margin-bottom: 15px;
	border-bottom: solid 1px #777 !important;
	font-size: inherit !important;
	color: #2dbe6f;
	color: var(--green);
}

.feature-title {
	font-weight: bold;
	padding: 15px 0px 0px 0px;
}

.feature-description {
	font-weight: normal;
}

.feature-available {
	font-weight: normal;
}

#view-gallery {
	cursor: pointer;
}

#gallery {
	position:fixed;
	display: table !important;
	z-index:99999999;
	height:100%;
	width:100%;
	top:0;
	left:0;
	color: #FFFFFF;
	background-color:rgba(0, 0, 0, 1.0);
	-webkit-animation:fade forwards 800ms;
	animation:fade forwards 800ms;
}

#gallery-frame {
	display: table !important;
	width: 100%;
	position: absolute;
	top: 43%;
	cursor: pointer;
	-webkit-transform:translateY(-50%) !important;
	transform:translateY(-50%) !important;
}

#gallery-frame > div {
	display: table-row;
}	

#gallery-frame > div > div {
	width: 100%;
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#gallery-picture {
	height: 500px;
	width: 100%;
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

#gallery-tickler {
	position:absolute;
	background-color: #444;
    border-top: solid #777777 15px !important;
	bottom:0px;
	width: 100% !important;
	height: auto !important;
	padding: 20px 0px 15px 0px;
	text-align: center;
	z-index: 9999999;
}

#close-gallery {
	cursor:pointer!important;
	position:absolute;
	top:40px;
	right:5px;
	width: 70px !important;
	height: 70px !important;
	z-index: 99999;
}

#close-gallery:before {
    content: '';
    height: 35px;
    border-left: 2px solid #fff;
    position: absolute;
    transform: rotate(-45deg);
    left: 9px;
    top: 2px;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

#close-gallery:after {
    content: '';
    height: 35px;
    border-left: 2px solid #fff;
    position: absolute;
    transform: rotate(45deg);
    left: 9px;
    top: 2px;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

#close-gallery:hover:before {
	border-left: 2px solid #fff;
	transform: rotate(-45deg) scale(1.2);
}

#close-gallery:hover:after {
	border-left: 2px solid #fff;
	transform: rotate(45deg) scale(1.2);
}

#gallery-navigation-left {
	position: absolute;
	width: 75px;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-style: solid;
	border-width: 37.5px 65.0px 37.5px 0;
	border-color: transparent #029CEF transparent transparent;
	cursor:pointer!important;
	filter:brightness(100%) !important;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

#gallery-navigation-left:hover {
	filter:brightness(120%) !important;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}	

#gallery-navigation-right {
	position: absolute;
	width: 75px;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-style: solid;
	border-width: 37.5px 0 37.5px 65.0px;
	border-color: transparent transparent transparent #029CEF;
	cursor:pointer!important;
	filter:brightness(100%) !important;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

#gallery-navigation-right:hover {
	filter:brightness(120%) !important;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}	

#gallery-image-title {
	max-width: 480px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0px auto 10px auto;
}	

#gallery-image-description {
	max-width: 680px;
	text-align: center;
	margin: 0 auto;
}

#gallery-image-count {
	padding: 10px 0px 2px 0px;
	font-weight: bold;
	font-size: inherit;
}

#product-group h3, form h3 {
	margin: 0px 0px 20px 0px !important;
	font-family: 'exo_2bold', Arial, Helvetica, sans-serif;
}

#product-group.extended-product-group h3 {
	margin: 10px 0px 20px 0px !important;
	font-family: 'exo_2bold', Arial, Helvetica, sans-serif;
}

#product-group {
	display: table;
	width: 100%;
	margin: 0px 0px 20px 0px;
}

#product-group > div {
	display: table-row;
}

#product-group > div > div {
	display: table-cell;
	vertical-align: top;
}

.product-image {
	width: 300px;
	height: 400px;
	border: solid 1px #777 !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 400px;
}

#product-group-extended .product-image {
	width: auto;
	height: 100%;
	border: none !important;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: cover;
}

#product-group > div > div:nth-of-type(2) {
	padding-left: 25px;
}

#product-tickler {
	padding: 0px 0px 20px 0px;
}

#product-tickler > h3 {
	font-size: 32px !important;
	font-size: var(--xxxlarge-fs) !important;
	font-weight: bolder !important;
	margin: 0px 0px 5px 0px !important;
}

#product-tickler > div {
	color: #333 !important;
}

#product-group-extended {
	display: table;
	width: 100%;
	margin: 0px 0px 20px 0px;
}

#product-group-extended > div {
	display: table-row;
}

#product-group-extended > div > div {
	display: table-cell;
	vertical-align: middle;
	height: 500px;
	width: 60%;
}

.input-group {
	border: solid 1px #777 !important;
	width: 100% !important;
	display: table !important;
	table-layout: fixed !important;
	box-sizing: border-box;
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 15px 15px 15px 15px;
}

.input-group:last-of-type {
	margin: 0px 0px 20px 0px;
}
	
.input-group > div {
	display: table-row !important;
}

.input-group > div > div {
	display: table-cell !important;
	width: auto;
	padding: 5px 5px 5px 5px;
	vertical-align: top !important;
	text-align: left;
}

.input-group > div > div:first-of-type {
	padding: 5px 5px 5px 0px;
}

.input-group > div > div:last-of-type {
	padding: 5px 0px 5px 5px;
}

.input-group > div > div:only-child {
	padding: 0px 0px 0px 0px;
}

.input-group > div:first-of-type > div {
	padding-top: 0px;
}

.input-group > div:last-of-type > div {
	padding-bottom: 1px;
}

.address-group > div > div:nth-of-type(1) {
	width: 40%;
}

.address-group > div > div:nth-of-type(4) {
	width: 100px;
}

.address-group > div > div:nth-of-type(5) {
	width: 150px;
}	

.payment-group > div > div:nth-of-type(1) {
	width: 180px;
}

.payment-group > div > div:nth-of-type(4) {
	width: 130px;
}

.payment-group > div > div:nth-of-type(5) {
	width: 130px;
}

#order-confirmation {
	padding: 15px 0px 35px 0px !important;
}

#order-confirmation h4 {
	padding: 10px 0px 5px 0px !important;
	font-weight: bold !important;
}

#order-confirmation input {
	margin: 10px 0px 5px 0px !important;
}

.selector {
	border: solid 1px #CCCCCC !important;
	width: 100% !important;
	display: table !important;
	table-layout: fixed;
	position: relative;
	margin: 0px 0px 20px 0px;
	cursor: pointer;
}

.selector.selected input {
	background-color: transparent !important;
}

.selector:last-of-type, .detailed:last-of-type .selector, .description:last-of-type {
	margin: 0px 0px 0px 0px !important;
}

.selector.selected {
	border: solid 1px #029CEF !important;
	background-color: rgba(162, 200, 241, 0.15);
}	

.selector.selected:not(.unavailable):before {
	content: " "; 
	display: block;
	border: solid 1em #029CEF; 
	border-radius: 1em; 
	height: 0;
	width: 0;
	position: absolute; 
	right: -10px;
	top: -4px; 
	margin-top: -0.5em;
}

.selector.selected:not(.unavailable):after {
	content: " ";
	display: block;
	width: 0.4em; 
	height: 0.7em;
	border: solid white;
	border-width: 0 0.2em 0.2em 0; 
	position: absolute;
	right: 0px;
	top: -2px;
	margin-top: -0.2em;
	-webkit-transform: rotate(42deg);
	-moz-transform: rotate(42deg);
	-o-transform: rotate(42deg);
	transform: rotate(42deg);
}

.selector.unavailable:after {
	content: "Unavailable";
	display: block;
	background-color: #BF353D;
	color: #FFFFFF;
	padding: 0px 12px;
	width: auto; 
	height: auto;
	position: absolute;
	right: 30px;
	top: -10px;
}

.selector > div {
	display: table-row !important;
}

.selector > div > div {
	position: relative;
	display: table-cell !important;
	height: 54px;
	width: auto;
	padding: 0px 12px 0px 12px !important;
	vertical-align: middle !important;
	text-align: left;
}

.selector > div > div:nth-of-type(2) {
	text-align: right !important;
}

.selector.variable > div > div:nth-of-type(1) {
	padding: 0px 0px 0px 12px !important;
}

.selector.data-inputs > div > div:nth-of-type(1) {
	width: 40% !important;
	white-space: nowrap;
}

.selector.variable > div > div:nth-of-type(2) {
	text-align: left !important;
	padding: 0px 0px 0px 0px !important;
}

.selector.variable > div > div:nth-of-type(3) {
	text-align: right !important;
	padding: 0px 12px 0px 0px !important;
}

.selector.unavailable {
	border: solid 1px #bfbcbc !important;
	color: #bfbcbc !important;
	cursor: not-allowed;
}

.product-input-group {
	border: solid 1px #777 !important;
	width: 100% !important;
	display: table !important;
	table-layout: fixed;
	position: relative;
	margin: 0px 0px 20px 0px;
	cursor: pointer;
}

.product-input-group:last-of-type {
	margin: 0px 0px 0px 0px;
}
	
.product-input-group > div {
	display: table-row !important;
}

.product-input-group > div > div {
	display: table-cell !important;
	height: 54px;
	width: auto;
	padding: 0px 0px 0px 0px;
	vertical-align: middle !important;
	text-align: left;
}

.product-input-group > div > div:nth-of-type(1) {
	padding: 0px 10px 0px 10px !important;
	width: 30%;
}

.product-input-group > div > div:nth-of-type(3) {
	text-align: right !important;
	padding: 0px 12px 0px 0px !important;
}

.product-input-group input {
	border: none !important;
}

.detailed {
	position: relative !important;
}

.detailed > .description {
  display: none;
  width: auto;
  background-color: #000000;
  border: solid 1px #000000;
  color: #FFFFFF;
  padding: 12px;
  position: absolute;
  text-align: left;
  top: 55px;
  left: 0px;
  right: -2px;
  z-index: 9999;
}

.detailed:hover > .description {
  display: block;
}

.description:hover {
  display: none !important;
}

#grand-total {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 20px 0px 20px 0px;
}

#product-group.extended-product-group #grand-total {
	margin: 30px 0px 30px 0px;
}

#grand-total > div {
	display: table-row;
}		

#grand-total > div > div {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	height: 64px;
	border-top: solid 1px #777 !important;
	border-bottom: solid 1px #777 !important;
}

#grand-total > div > div:nth-of-type(2) {
	text-align: right;
}

#total:not(.list-group #total) {
	font-size: 20px;
	font-family: 'exo_2bold', Arial, Helvetica, sans-serif;
}

#product-group.extended-product-group #total {
	margin-right: 10px;
}

#grand-total #total {
	font-size: 18px !important;
    font-size: var(--large-fs) !important;
	font-family: 'exo_2bold', Arial, Helvetica, sans-serif;
}

#product-form {
	margin: 20px 0px 20px 0px;
}

#toggle-gst, #product-form #save {
	width: 150px;
}

#product-group.extended-product-group #save {
	margin: 10px 0px 20px 0px;
	width: 150px;
}

#gst-tag {
	font-size: 12px;
}

#product-group.extended-product-group #gst-tag {
	font-size: 12px;
	margin: 0px 20px 0px 0px;
}

#cards {
	position: absolute;
	top: -5px;
	right: 0px;
	height: 35px;
	width: auto;
	z-index: 0;
}

#remember-card {
	margin: -5px 0px 10px 0px;
}

.toggle-group {
	padding: 0px 0px 10px 0px;
}

#product-group .toggle-group {
	padding: 20px 0px 20px 0px;
}

.toggle-group .input-group {
	margin: 0px 0px 15px 0px !important;
}

.toggle-buttons {
	margin-bottom: 10px;
}

#product-group .toggle-buttons {
	margin-bottom: 20px;
}

.toggle-buttons input {
	min-width: 120px;
	margin-right: 8px;
}

.toggle-buttons input:not(.on):hover {
	background-color: #b4b4b4;
}

.toggle-buttons input.on {
	min-width: 120px;
	background-color: #029CEF;
    background-color: var(--blue2);
}

#advanced-options {
	border-left: solid 5px #029CEF;
	margin-top: 25px;
	padding: 0.4em 0px 0.1em 15px;
}

#order-form h3, #order-summary h3, #securepay-form h3, #securepay-summary h3, #support-summary h3, #account-login-summary h3 {
	border-left: solid 10px #029CEF;
	padding: 0px 0px 0px 10px !important;
    margin: 0px 0px 20px -21px !important;
    font-weight: bold !important;
}

#midway-alerts h3 {
	border-left: none !important;
	font-size: 18px!important;
    padding: 0px 0px 4px 0px!important;
    margin: 10px 0px 8px 0px !important;
    display: inline-block !important;
    border-bottom: solid 1px #FFF !important;
    font-weight: normal !important;
}

#order-summary {
	padding: 5px 0px 20px 0px !important;
}

#account-login-summary {
	position: relative;
	padding: 15px 0px 0px 0px;
}

#securepay-summary, #support-summary {
	position: relative;
	padding: 0px 0px 30px 0px;
}

#securepay-form {
	padding: 25px 0px 20px 0px !important;
}

.securepay-options {
	padding: 0px 0px 30px 0px;
}

.securepay-options input {
	width: 140px;
	margin-right: 10px;
	color: #FFFFFF;
}

#terms {
	padding: 0px 0px 20px 0px !important;
}

#accepted-conditions #save {
	margin: 15px 0px 25px 0px;
	width: 160px;
}

.pay-total {
	position: absolute;
	padding: 0px 30px !important;
	height: 42px;
	line-height: 42px;
	color: #000000;
	background-color: rgba(255, 255, 255, 0.10);
	border: solid 2px #029CEF;
	font-size: 20px;
	letter-spacing: normal !important;
	font-weight: bold;
	top: 25%;
	right: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.shipping-group {
	padding: 10px 0px 15px 0px;
}

.hide { 
	display: none !important;
}

#cart > div > div:nth-of-type(1) {
	width: auto;
	text-align: left;
}

#cart > div > div:nth-of-type(2) {
	width: 10%;
	text-align: center;
}

#cart > div > div:nth-of-type(3) {
	width: 10%;
	text-align: right;
}

#cart > div > div:nth-of-type(4) {
	width: 10%;
	text-align: right;
}

#cart > div.header > div {
	font-weight: bold;
	padding: 0px 0px 10px 0px !important;
	border-bottom: solid 1px #777 !important;
}

#cart > div.line-item > div {
	position: relative;
	padding: 0px 0px 10px 0px;
}

#cart > div:nth-of-type(2) > div {
	position: relative;
	padding: 10px 5px 10px 0px;
}

#cart > div:nth-of-type(2) > div:last-of-type {
	position: relative;
	padding: 10px 0px 10px 0px;
}

#cart > div.header > div:nth-of-type(3) {
	padding:0 5px 10px 0!important;
}

#cart .commands {
	position: absolute;
	top: 0px;
	right: 0px;	
}

#cart > div:nth-of-type(2) > div .commands {
	top: 10px;
}

#cart .commands > div {
	display: inline-block;
	padding: 0px 5px;
	text-decoration: none;
}

#cart .commands > div:hover {
	text-decoration: none !important;
}

#cart .commands .edit-line-item {
	cursor: pointer;
	color: #23A9F1 !important;
    color: var(--blue2) !important;
}

#cart .commands .remove-line-item {
	cursor: pointer;
	color: #BF353D !important;
    color: var(--red) !important;
}

#cart .subtotal > div { 
	padding-top: 10px !important;
	border-top: solid 1px #777 !important;
}

.login-now {
	width: 120px !important;
	color: #000000 !important;
}

.edit-product-dialogue {
	color: #FFFFFF;
	padding: 10px 15px;
	margin: 0px 0px 30px 0px;
	display: inline-block;
	background-color: #2dbe6f;
	background-color: var(--green2);
}

.edit-product-dialogue:after {
	content: " ";
	width: 0;
	height: 0;
	position: absolute;
	left: 20px;
	bottom: -15px;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #2dbe6f transparent transparent transparent;
}

#menu-search-group > div:nth-of-type(1) {
	padding: 25px 0px 0px 0px;
	text-align: center;
}

#menu-search-group > div:nth-of-type(1) h3 {
	font-size: 26px !important;
	font-weight: normal !important;
}

#menu-search-group {
	padding: 0px;
	width: 90%;
    max-width: 800px;
    margin: 0 auto 35px auto;
}

#menu-search {
	text-align: center;
	padding: 15px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff !important;
	font-size: 18px !important;
	border-bottom: solid 1px #FFFFFF !important;
}

#menu-search::placeholder { 
  color: #b9d3ff !important;
  opacity: 1;
  font-weight: normal !important; 
}

#menu-search:-ms-input-placeholder { 
  color: #b9d3ff !important;
  font-weight: normal !important; 
}

#menu-search::-ms-input-placeholder { 
  color: #b9d3ff !important;
  font-weight: normal !important; 
}

.store-categories {
	box-sizing: padding-box;
	text-align: center;
	font-size: inherit;
	margin-top: 25px;
	opacity: 1;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.store-categories .link {
	color: #000000 !important;
}

.store-categories.dim {
	opacity: 0.2;
}

.store-categories > div {
	display: inline-block;
	margin: 25px;
	text-align: center;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.store-categories svg {
	height: 75px;
	width: 75px;
	padding: 30px;
	border: 1px #777777 solid;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.store-categories svg:hover {
	height: 75px;
	width: 75px;
	padding: 30px;
	border: 1px #029CEF solid;
	cursor: pointer;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.store-categories svg:hover {
	fill:#029CEF;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

#product-search-group > div:nth-of-type(1) {
	padding: 25px 0px 10px 0px;
	text-align: center;
}

#product-search-group > div:nth-of-type(1) h2 {
	font-size: 26px !important;
}

#product-search-group {
	padding: 15px 0px 25px;
}

#product-search {
	text-align: center;
	font-size: 22px;
	padding: 15px 0px;
	margin: 25px 0px 0px 0px;
}

#search-for-you {
	padding: 25px 0px 50px 0px;
	font-size: inherit;
	text-align: center;
}

#product-tiles {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 10px 0px 10px 0px;
}

#product-tiles > div {
	display: table-row;
}

#product-tiles > div > div {
	display: table-cell;
	width: 33%;
	vertical-align: top !important;
	padding-bottom: 45px;
}

#product-tiles > div:last-of-type > div {
	padding-bottom: 20px;
}

#product-tiles.list-view {
	display: block;
	width: 100%;
}

#product-tiles.list-view > div {
	display: block;
}

#product-tiles.list-view > div > div {
	display: block;
	width: 100%;
	vertical-align: inherit !important;
	height: 36px;
	line-height: 36px;
	padding: 0px 10px 0px 10px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out
}

#product-tiles.list-view > div > div:nth-of-type(odd) {
	background-color: rgba(238,238,238,0.75);
}

#product-tiles.list-view > div > div:last-of-type {
	margin-bottom: 45px;
}

#product-tiles.list-view > div > div:hover {
	background-color: #029CEF;
	color: #FFFFFF !important;
}

#product-tiles.list-view .link {
	color: #000000 !important;
}

#product-tiles.list-view > div > div span:nth-of-type(1) {
	font-weight: bold;
}

#product-tiles .product-card {
	width: 90%;
	border: solid 1px #c7c7c7 !important;
	text-align: center;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

#product-tiles .product-card:hover {
	border: solid 1px #777777 !important;
}

#product-tiles > div > div:nth-of-type(1) .product-card {
	float: left;
}

#product-tiles > div > div:nth-of-type(2) .product-card {
	margin: 0 auto;
}

#product-tiles > div > div:nth-of-type(3) .product-card {
	float: right;
}

#product-tiles .product-thumb {
	width: auto;
	height: 400px;
	margin: 20px 20px 0px 20px;
	background-image: url('/img/nopic.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.product-selector {
	color: #000000 !important;
	font-weight: bold !important;
	padding: 20px 10px 0px 10px !important;
}

.product-selector-price {
	padding: 0px 10px 20px 10px !important;
}

#sort-controls {
	height: 75px;
}

#sort-controls .path {
	position: relative;
	float: left;
	padding-top: 7px;
	z-index: 999;
}

#sort-controls-sorting {
	position: relative;
	width: auto !important;
	float: right;
	margin-top: 0px;
	z-index: 999;
}

#sort-controls-sorting .select-box {
	display: inline-block;
	width: 110px;
	margin-left: 15px;
}

.product-card-none {
	text-align: center;
	padding: 125px 0px 100px 0px !important;
	background-image: url('/img/store/no-results.svg');
	background-repeat: no-repeat;
	background-position: center top 35px;
	background-size: 75px auto;
}

.product-card-none h2 {
	color: #BF353D;
}

#widgets.grid-widgets {
    padding: 5px 0px 100px 0px;
}   

.grid-widgets #widgets-display > div, #widgets-paging > div {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 10px 0px 0px;
}

.grid-widgets #widgets-display input, #widgets-paging input {
    width: 110px;
    padding: 0 0px 0 0;
    text-align: center !important;
}

.grid-widgets #paging-container, .grid-widgets #widgets-of-showing {
	padding: 0px 0px 0px 0px;
}

#quickcall {
	display: none;
}

#bluebeam-notice {
	padding: 15px;
	background-color: #dbefff;
	margin-bottom: 25px !important;
}

#bluebeam-notice h3 {
	padding: 0px 0px 5px 0px;
}

#bluebeam-notice .link {
    color: #0f72a8 !important;
    text-decoration: none !important;
    cursor: pointer;
}

@media all and (min-width: 1024px) and (max-width: 1400px) { 

	
	
}

@media all and (min-width: 768px) and (max-width: 1024px) { 
	
	#screen {
	    display: none;
	}
	
	#mainmenu {
	    position: relative;
	    top: 0px;
	    right: 0px;
	}
	
	#logo {
	    height: 30px;
	    position: absolute;
	    left: -10px;
	    top: 20px;
	}
	
	#menugroup {
	    position: absolute;
	    right: -35px;
	}
	
	#menugroup:hover {
	    background-color: transparent !important;
	}
	
	#menugroup:hover:after {
		content: ' ';
	}
	
	#control-cart {
	    position: absolute;
	    right: 90px;
	    background-size: 35px auto;
	    width: 35px !important;
	}
	
	#control-cart:hover {
	    background-color: transparent !important;
	}
	
	#control-cart:hover > div {
		display: none !important;
	}
	
	#menu {
	    height: 70px;
	    width: 90%;
	    max-width: 1024px !important;
	    padding: 0px;
	    position: relative;
	    margin: 0 auto;
	}
	
	#burger {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    width: 120px;
	    height: 85px;
	    cursor: pointer;
	    overflow: visible;
	    z-index: 99999999;
	}
	
	#menulinks, #menulinks > div, #menulinks > div > div {
	    display: block;
	    table-layout: auto;
	    width: 100%;
	    box-sizing: border-box;
	}
	
	#menulinks {
	    padding: 10px 0px 5px 0px !important;
	}
	
	#menulinks > div {
	    padding: 0px 30px 0px 30px !important;
	}
	
	#menulinks > div > div {
	    padding: 2px 0px 2px 0px !important;
	}
	
	#menulinks > div > div:last-of-type {
	    padding: 0px 0px 0px 0px !important;
	}
	
	#control-support, #control-account, #control-logout, #control-login {
		display: none;
	}
	
	#control-cart {
	    position: absolute;
	    right: 90px;
	}
	
	#footer {
	    position: relative;
	    bottom: 0;
	    width: 100%;
	    height: auto;
	    background-color: #000000;
	    border-top: solid #777777 15px;
	    color: #FFFFFF;
	}
	
	#footer > div {
		position: relative;
	    display: block;
	    padding: 10px 0px;
	    top: 0;
	    left: 0;
	    -webkit-transform: none;
	    transform: none;
	    font-size: 1em;
	}
	
	#footer > div > div {
	    display: block;
	    text-align: left !important;
	    vertical-align: top;
	}
	
	.banner {
	    height: auto;
	    background-color: #444;
	}
	
	.banner > div > div {
	    position: relative !important;
	    top: 0;
	    left: 0;
	    -webkit-transform: none;
	    transform: none;
	    padding: 20px 0px;
	}
	
	h1 {
	    font-size: 1.5em !important;
	    margin-bottom: 4px !important;
	}
	
	h2 {
	    font-size: 1.3em !important;
	}
	
		
}

@media all and (max-width: 800px) {
	
	#control-cart {
	    position: absolute;
	    right: 90px;
	}
	
	#quickcall {
		display: block !important;
		padding: 0px 30px;
	}
	
	#quickcall input {
		display: block;
		margin: 25px 0px 15px 0px;
		font-size: 16px;
		line-height: 16px;
		width: 100%;
		border: solid #FFFFFF 1px !important;
		font-weight: bold !important;
	}
	
	.banner {
	    height: auto;
	    background-color: #444;
	}
	
	.banner > div > div {
	    position: relative !important;
	    top: 0;
	    left: 0;
	    -webkit-transform: none;
	    transform: none;
	    padding: 20px 0px;
	}
	
	#cart .header {
		display: none !important;
	}
	
	.line-item {
	    display: block !important;
	}
	
	.line-item > div, .input-group > div > div {
	    display: block !important;
	    width: auto;
	    padding: 0px;
	    vertical-align: top !important;
	    text-align: left;
	}
	
	.line-item > div:nth-of-type(2), .line-item > div:nth-of-type(3) {
	    display: none !important;
	}
	
	#cart > div:nth-of-type(2) > div .commands {
		top: 5px;
	}
	
	#cart > div > div .commands {
		top: 5px;
	}
	
	#cart .subtotal > div {
	    padding-top: 10px !important;
	    border-top: none !important;
	    width: 100% !important;
	}
	
	#cart > div > div {
	    width: 100% !important;
	    text-align: right;
	    padding: 5px 5px 10px 0px !important;
	}
	
	#cart > div:not(.line-item) > div {
	    width: 100% !important;
	    text-align: right;
	    padding: 3px 5px 3px 0px !important;
	}
	
	#add-more {
	    position: relative;
	    top: 0px !important;
	    width: 100%;
	    z-index: 999;
	}
	
	#order-form .input-group > div > div {
	    display: block !important;
	    width: auto;
	    padding: 10px 0px;
	    vertical-align: top !important;
	    text-align: left;
	}
	
	#order-form .select-box, #payment-card div.medium {
		width: 100% !important;
	}
	
	.field-tip.country-notice .advice {
	    white-space: normal !important;
	    right: 0px !important;
	    left: 0px !important;
	    width: 90% !important;
	}
	
	#cards {
		display: none !important;
	}
	
	#accepted-conditions #save {
	    margin: 25px 0px 25px 0px;
	    width: 100% !important;
	}
	
}

@media all and (min-width: 480px) and (max-width: 768px) { 
	
	#screen {
	    display: none;
	}
	
	#mainmenu {
	    position: relative;
	    top: 0px;
	    right: 0px;
	}
	
	#logo {
	    height: 30px;
	    position: absolute;
	    left: -10px;
	    top: 20px;
	}
	
	#menugroup {
	    position: absolute;
	    right: -35px;
	}
	
	#menugroup:hover {
	    background-color: transparent !important;
	}
	
	#menugroup:hover:after {
		content: ' ';
	}
	
	#control-cart {
	    position: absolute;
	    right: 80px;
	    background-size: 35px auto;
	    width: 35px !important;
	}
	
	#control-cart:hover {
	    background-color: transparent !important;
	}
	
	#control-cart:hover > div {
		display: none !important;
	}
	
	#burger {
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    width: 120px;
	    height: 85px;
	    cursor: pointer;
	    overflow: visible;
	    z-index: 99999999;
	}
	
	#menulinks, #menulinks > div, #menulinks > div > div {
	    display: block;
	    table-layout: auto;
	    width: 100%;
	    box-sizing: border-box;
	}
	
	#menulinks {
	    padding: 10px 0px 5px 0px !important;
	}
	
	#menulinks > div {
	    padding: 0px 30px 0px 30px !important;
	}
	
	#menulinks > div > div {
	    padding: 2px 0px 2px 0px !important;
	}
	
	#menulinks > div > div:last-of-type {
	    padding: 0px 0px 0px 0px !important;
	}
	
	#control-support, #control-account, #control-logout, #control-login {
		display: none;
	}
	
	#footer {
	    position: relative;
	    bottom: 0;
	    width: 100%;
	    height: auto;
	    background-color: #000000;
	    border-top: solid #777777 15px;
	    color: #FFFFFF;
	}
	
	#footer > div {
		position: relative;
	    display: block;
	    padding: 10px 0px;
	    top: 0;
	    left: 0;
	    -webkit-transform: none;
	    transform: none;
	    font-size: 1em;
	}
	
	#footer > div > div {
	    display: block;
	    text-align: left !important;
	    vertical-align: top;
	}
	
	.banner {
	    height: auto;
	    background-color: #444;
	}
	
	.banner > div > div {
	    position: relative !important;
	    top: 0;
	    left: 0;
	    -webkit-transform: none;
	    transform: none;
	    padding: 20px 0px;
	}
	
	h1 {
	    font-size: 1.5em !important;
	    margin-bottom: 4px !important;
	}
	
	h2 {
	    font-size: 1.3em !important;
	}
	
	#product-group > div > div:first-of-type {
	    display: none !important;
	    vertical-align: top;
	}
	
	#product-group > div > div:nth-of-type(2) {
	    padding-left: 0px;
	}
	
	#cart .header {
		display: none !important;
	}
	
	.line-item {
	    display: block !important;
	}
	
	.line-item > div, .input-group > div > div {
	    display: block !important;
	    width: auto;
	    padding: 0px;
	    vertical-align: top !important;
	    text-align: left;
	}
	
	.line-item > div:nth-of-type(2), .line-item > div:nth-of-type(3) {
	    display: none !important;
	}
	
	#cart > div:nth-of-type(2) > div .commands {
		top: 5px;
	}
	
	#cart > div > div .commands {
		top: 5px;
	}
	
	#cart .subtotal > div {
	    padding-top: 10px !important;
	    border-top: none !important;
	    width: 100% !important;
	}
	
	#cart > div > div {
	    width: 100% !important;
	    text-align: right;
	    padding: 5px 5px 10px 0px !important;
	}
	
	#cart > div:not(.line-item) > div {
	    width: 100% !important;
	    text-align: right;
	    padding: 3px 5px 3px 0px !important;
	}
	
	#add-more {
	    position: relative;
	    top: 0px !important;
	    width: 100%;
	    z-index: 999;
	}
	
	#order-form .input-group > div > div {
	    display: block !important;
	    width: auto;
	    padding: 10px 0px;
	    vertical-align: top !important;
	    text-align: left;
	}
	
	#order-form .select-box, #payment-card div.medium {
		width: 100% !important;
	}
	
	.field-tip.country-notice .advice {
	    white-space: normal !important;
	    right: 0px !important;
	    left: 0px !important;
	    width: 90% !important;
	}
	
	#cards {
		display: none !important;
	}
	
	#accepted-conditions #save {
	    margin: 25px 0px 25px 0px;
	    width: 100% !important;
	}
	
}

@media all and (max-width: 480px) { 
	
	#screen {
	    display: none;
	}
	
	#mainmenu {
	    position: relative;
	    top: 0px;
	    right: 0px;
	}
	
	#logo {
	    height: 30px;
	    position: absolute;
	    left: -7px;
	    top: 20px;
	}
	
	#menugroup {
	    position: absolute;
	    right: -26px;
	    width: 100px;
	    height: 100px;
	}
	
	#menugroup:hover {
	    background-color: transparent !important;
	}
	
	#menugroup:hover:after {
		content: ' ';
	}
	
	#control-cart {
	    position: absolute;
	    right: 60px;
	    background-size: 35px auto;
	    width: 35px !important;
	}
	
	#control-cart:hover {
	    background-color: transparent !important;
	}
	
	#control-cart:hover > div {
		display: none !important;
	}
	
	#menu {
	    height: 70px;
	    width: 90%;
	    max-width: 1024px !important;
	    padding: 0px;
	    position: relative;
	    margin: 0 auto;
	}
	
	#burger {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    width: 100px;
	    height: 85px;
	    cursor: pointer;
	    overflow: visible;
	    z-index: 99999999;
	}
	
	#burger:before, #burger:after {
	    right: 45px;
	}
	
	#menu.open #burger:before, #menu.open #burger:after {
	    right: 50px;
	}
	
	#menulinks, #menulinks > div, #menulinks > div > div {
	    display: block;
	    table-layout: auto;
	    width: 100%;
	    box-sizing: border-box;
	}
	
	#menulinks {
	    padding: 10px 0px 5px 0px !important;
	}
	
	#menulinks > div {
	    padding: 0px 30px 0px 30px !important;
	}
	
	#menulinks > div > div {
	    padding: 2px 0px 2px 0px !important;
	}
	
	#control-support, #control-account, #control-logout, #control-login {
		display: none;
	}
	
	#footer {
	    position: relative;
	    bottom: 0;
	    width: 100%;
	    height: auto;
	    background-color: #000000;
	    border-top: solid #777777 15px;
	    color: #FFFFFF;
	}
	
	#footer > div {
		position: relative;
	    display: block;
	    padding: 10px 0px;
	    top: 0;
	    left: 0;
	    -webkit-transform: none;
	    transform: none;
	    font-size: 1em;
	}
	
	#footer > div > div {
	    display: block;
	    text-align: left !important;
	    vertical-align: top;
	}
	
	.banner {
	    height: auto;
	    background-color: #444;
	}
	
	.banner > div > div {
	    position: relative !important;
	    top: 0;
	    left: 0;
	    -webkit-transform: none;
	    transform: none;
	    padding: 20px 0px;
	}
	
	h1 {
	    font-size: 1.5em !important;
	    margin-bottom: 4px !important;
	}
	
	h2 {
	    font-size: 1.3em !important;
	}
	
	#product-group > div > div:first-of-type {
	    display: none !important;
	    vertical-align: top;
	}
	
	#product-group > div > div:nth-of-type(2) {
	    padding-left: 0px;
	}
	
	#cart .header {
		display: none !important;
	}
	
	.line-item {
	    display: block !important;
	}
	
	.line-item > div, .input-group > div > div {
	    display: block !important;
	    width: auto;
	    padding: 0px;
	    vertical-align: top !important;
	    text-align: left;
	}
	
	.line-item > div:nth-of-type(2), .line-item > div:nth-of-type(3) {
	    display: none !important;
	}
	
	#cart > div:nth-of-type(2) > div .commands {
		top: 5px;
	}
	
	#cart > div > div .commands {
		top: 5px;
	}
	
	#cart .subtotal > div {
	    padding-top: 10px !important;
	    border-top: none !important;
	    width: 100% !important;
	}
	
	#cart > div > div {
	    width: 100% !important;
	    text-align: right;
	    padding: 5px 5px 10px 0px !important;
	}
	
	#cart > div:not(.line-item) > div {
	    width: 100% !important;
	    text-align: right;
	    padding: 3px 5px 3px 0px !important;
	}
	
	#add-more {
	    position: relative;
	    top: 0px !important;
	    width: 100%;
	    z-index: 999;
	}
	
	#order-form .input-group > div > div {
	    display: block !important;
	    width: auto;
	    padding: 10px 0px;
	    vertical-align: top !important;
	    text-align: left;
	}
	
	#order-form .select-box, #payment-card div.medium {
		width: 100% !important;
	}
	
	.field-tip.country-notice .advice {
	    white-space: normal !important;
	    right: 0px !important;
	    left: 0px !important;
	    width: 90% !important;
	}
	
	#cards {
		display: none !important;
	}
	
	#accepted-conditions #save {
	    margin: 25px 0px 25px 0px;
	    width: 100% !important;
	}
	
}