body {
	position: relative; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.animated {
	animation-duration: 5s;
	animation-name: grow-shrink;
	animation-iteration-count: infinite;
  }

@keyframes grow-shrink {
	60% {
		scale: 100%;
		color: #343434;
	}

	80% {
		scale: 110%;
		color: #c79303;
	}
	99% {
		scale: 100%;
		color: #343434;
	}
	}

.delayed {
	opacity: 0;
    transition: opacity 0.25s ease-in;
}

.show-me {
    opacity: 1;
}

.badge
{
	height: 8vh;
	width: auto; 
}

.badge-holder-holder
{
	display: flex;
	justify-content: center;
	align-items: center;
}

.badge-holder
{
	display: inline-block;
	margin:auto;
	text-align: center;
	padding: 16px 20px;
	border: 1px solid #2a292a;
	border-radius: 25px;
}

.badge-holder span
{
	padding: 1em;
	display: inline-block;
}
		
svg.branding {
	fill: white;
	stroke: white;
}

svg.branding:hover {
	fill: white;
}

.section {
	padding-top:50px; 
}

#landing { 
	color: #fff; 
	background-image: url(marha.jpg);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #222; 
}

#features { 
	color: #222; 
	background-color: #f0f0f0; 
}

#system { 
	color: #000; 
	background-color: #aaa; 
}

#faq { 
	color: #222; 
	background-color: #f0f0f0; 
}

#pricing { 
	color: #000; 
	background-color: #aaa; 
}

#downloads { 
	color: #000; 
	background-color: #f0f0f0; 
}

#about { 
	color: #fff; 
	background: rgb(19,8,14);
	background: linear-gradient(175deg, rgba(128, 0, 0, 1) 0%, rgba(161, 161, 161, 1) 42%, rgba(161, 161, 161, 1) 58%, rgba(0, 128, 0, 1) 100%);
}

#contact { 
	color: #000; 
	background-color: #aaa; 
}

h1 {
	font-family: 'Oswald', sans-serif; 
	font-weight: 400; 
	font-style: normal;
	opacity: 0.8
}

h2, h3, h4, h5, label {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-style: normal;
}

.equal {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

a {
	color: indigo;
}

.collapsible {
	background-color: #222;
	color: white;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
}

.active, .collapsible:hover {
	background-color: #555;
}

.content {
	padding: 5px 18px 0 18px;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
	line-height: 1.5;
}

.content > h5 {
	line-height: 1.5;
}

.part-label {
	font-style:italic;
	font-weight:bold;
}

video {
	transform: translate(-50%, -50%);
	max-width: 125%
}

.subtext { 
	font-size: smaller; 
	font-weight: lighter;
	font-style: italic;
}

.divider {
	padding:1em; 
	text-align:center; 
	background-color:#222; 
	color:#aaa
}

.btn-hunor {
	border: 2px solid;
	border-color: #f7b500;
	background-color: #f7b500; 
	color:#2a292a;
	touch-action: manipulation;
}

.btn-hunor-frame {
	border: 2px solid;
	background-color: #ffffff00;
	border-color: #f7b500;
  	color: #f7b500;
	touch-action: manipulation;
}

.btn-buynow {
	border: 2px solid #2a292a; 
	margin: 3vh; 
	padding: 3vh 5vh;
	font-size: larger;
	font-weight: bold;
}

.btn-contact:hover {
	border: 2px solid #f7b500; 
	text-decoration: underline;
	color: #f7b500; 
	background-color:#2a292a;
}

.product-thumbnail{
	width:5vh;
}

.erroneous{
	background-color: #fce4e4;
	border: 1px solid #cc0033;
	outline: none;
}

.cookie-disclaimer {
	background-color: rgba(0, 0, 0, 0.6);
	display:block;
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
    z-index: 2000;
}

.cookie-container{
	display:block;
	position: fixed;
	background-color: black;
	color: #FFF;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 2001;
	padding: 3em;
	border: 3px solid #f7b500;
	border-radius: 1vh;
	text-align: center;
}

.btn-spinner{
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
}

.btn{
	touch-action: manipulation;
}

#mobileshow { 
	display:none; 
}

@media screen and (max-width: 1100px) {
	#mobileshow { 
		display:block; 
	}
}

input#promoCheckBox {
	display: none;
}

#promoCodeInputGroup *
{
	margin:3px;
}

input#promoCheckBox:not(:checked)~#promoCodeInputGroup {
	display: none;
}

input#promoCheckBox:not(:checked)~#promoCodeLabel {
	background-color: grey;
}

input#promoCheckBox:disabled~#promoCodeLabel {
	background-color: black !important;
	color: white;
}

input#promoCheckBox:checked~#promoCodeLabel {
	background-color: #f7b500;
}