/* v2.0 | 20250422 */

:root {
	--images-url: url(/cdn/images/images.png);

	--body-background: #0c2a4b;
	--page-background: #487a7f;
	--content-background: white;
	--header-color: #325f63;
	--text-color: #3c3c3c;

	--border-width: 2px;

	--thumb-border-radius: 4px;
	--thumb-vertical-margin: 4px;
	--thumb-horizontal-margin: 8px;
	--thumb-min-margin: min(var(--thumb-vertical-margin), var(--thumb-horizontal-margin));

	--block-border-radius: calc(var(--thumb-border-radius) + var(--thumb-min-margin) + var(--border-width));

	--content-width: 573px;
	--content-min-height: 1100px;
	--content-horizontal-padding: 9px;
	--content-vertical-padding: 9px;
	--content-min-padding: min(var(--content-horizontal-padding), var(--content-vertical-padding));
	--content-border-radius: calc(var(--block-border-radius) + var(--content-min-padding));

	--page-outline: 10px;
	--page-outline-radius: calc(var(--content-border-radius) + var(--page-outline));

	--menu-width: 202px;
	--menu-left-margin: 0px;
	--left-column-width: calc(var(--menu-width) + var(--menu-left-margin));

	--center-column-width: calc(var(--content-width) + calc(var(--content-horizontal-padding) * 2));
	--right-column-width: var(--page-outline);

	--page-width: calc(var(--left-column-width) + var(--center-column-width) + var(--right-column-width));

	--footer-width: calc(var(--page-width) - var(--menu-left-margin));
	--footer-height: 10px;
	--footer-full-height: calc(var(--footer-height) + var(--content-border-radius));

	/* --dialog-offset: 195px; */
	--dialog-offset: 0px;
	--dialog-close-size: 32px;
	--dialog-close-line-width: 4px;
	--dialog-top-margin: 150px;

	--plate-border-color: var(--content-background);
	--plate-border-color-active: #487a7f;
	--plate-border-color-selected: #d35118;
	--plate-background: #f8dca6;
	--plate-background-active: var(--plate-background);
	--plate-background-selected: var(--content-background);
	--plate-border-radius: var(--block-border-radius);
	--plate-title-color: var(--header-color);
	--plate-text-color: var(--text-color);

	--help-block-background: #c7dee7;
    --help-block-text-color: #487a7f;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
/*	background: transparent;*/
}
body {
	line-height: 1;
	color: var(--text-color);
	background: white;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Custom */
* a {
	text-decoration: none;
}

* a:hover {
	text-decoration: underline;
}

* a img {
	border: 0px solid #ffffff;
}

/* main.css */
.grecaptcha-badge {
	display: none !important;
}

body {
	background-color: var(--body-background);
	background-position: center 0;
	background-repeat: no-repeat;
	font-family: tahoma, "Lucida Sans", "Nimbus Sans";
	left: 0px;
	right: 0px;
}

h1 {
	font-size: 20px;
	color: black;
	font-weight: bold;
}

dialog {
	flex-direction: column;
	overflow: visible;
	margin-top: var(--dialog-top-margin);
	max-height: calc(100vh - calc(var(--dialog-top-margin) * 2));
	min-height: 250px;
	padding: 0px;
	border-radius: var(--content-border-radius);
	border: none;
	background-color: var(--content-background);
}

dialog::backdrop {
    background-color: black;
	opacity: 0.5;
	cursor: pointer;
}

dialog.transparent::backdrop {
    opacity: 0 !important;
}

dialog.transparent {
    opacity: 0 !important;
}

.dialog-content {
	max-height: 100%;
	display: contents;
}

.dialog-content:hover .dialog-close-button {
	opacity: 0.25;
}

.dialog-content:hover .dialog-close-button:hover {
	opacity: 0.75;
}

.dialog-content:hover .dialog-close-button:hover .vertical-bar, .dialog-content:hover .dialog-close-button:hover .horizontal-bar {
	background-color: #ff7a60;
}

.dialog-bottom {
    margin-bottom: var(--content-border-radius);
}

.dialog-close-button {
	opacity: 0.75;
	width: var(--dialog-close-size);
	height: var(--dialog-close-size);
	position: absolute;
	/* top: calc(var(--dialog-close-size) * -1 - 10px); */
	right: calc(var(--dialog-close-size) * -1 - 10px);
	top: -4px;
	transform: rotate(45deg);
	cursor: pointer;
}

.dialog-close-button .vertical-bar {
	background-color: #f8dca6;
	width: var(--dialog-close-line-width);
	height: var(--dialog-close-size);
	border-radius: calc(var(--dialog-close-line-width) / 2);
	position: absolute;
	left: calc(calc(var(--dialog-close-size) - var(--dialog-close-line-width)) / 2);
}

.dialog-close-button .horizontal-bar {
	background-color: #f8dca6;
	width: var(--dialog-close-size);
	height: var(--dialog-close-line-width);
	border-radius: calc(var(--dialog-close-line-width) / 2);
	position: absolute;
	top: calc(calc(var(--dialog-close-size) - var(--dialog-close-line-width)) / 2);
}

/*
MARK: Main layout
*/

#outer-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;

	background-position: center 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#main-wrapper {
	width: var(--page-width);
	display: flex;
	flex-direction: row;
}

#left-column {
	width: var(--left-column-width);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

#logo {
	display: block;
	width: 204px;
	height: 199px;
	margin: 0px 0px 0px 0px;
	background-image: var(--images-url);
	background-position: 0px -776px;
	background-repeat: no-repeat;
	cursor: pointer;
}

/*
MARK: Left menu
*/

#categories {
	overflow: hidden;
	width: 100%;
	margin-top: 2px;
	backdrop-filter: blur(5px);
	z-index: 103;
}

#categories li {
	list-style: none; 
}

#categories li a {
	cursor: pointer;
	display: block;
	font-size: 18px;
	/* color: #f8dca6; */
	color: white;
	text-decoration: none;

	padding: 0 0 2px 63px;
	margin-left: var(--menu-left-margin);
	background-image: var(--images-url);
	height: 49px;
	line-height: 49px;
}

#categories #category-all, #categories #category-atlas, #categories #category-animalatlas {
	line-height: 22px;
	padding-top: 11px;
	height: 58px;
	color: #f8dca6;
}

#categories #category-atlas.category-selected, #categories #category-animalatlas.category-selected {
	height: 60px;
	color: var(--header-color);
}

#categories #category-all {
	color: white;
}

#categories #category-all.category-selected {
	color: var(--header-color);
}

#categories .category-selected { 
	cursor: default;
	color: var(--header-color);
	margin-top: -2px;
	height: 51px;
	line-height: 51px; 
}

#categories #category-mac, #categories #category-ios, #categories #category-win8, #categories #category-android {
	color: #234447;
}

#categories #category-nature, #categories #category-adventure, #categories #category-holidays, #categories #category-fish, #categories #category-fantasy, #categories #category-space, #categories #category-clock, #categories #category-fireplace {
	padding-left: 72px;
}

#category-all { background-position: 0px -2px; }
#category-nature { background-position: 0px -73px; }
#category-adventure { background-position: 0px -124px; }
#category-holidays { background-position: 0px -175px; }
#category-fish { background-position: 0px -226px; }
#category-fantasy { background-position: 0px -277px; }
#category-space { background-position: 0px -328px; }
#category-clock { background-position: 0px -379px; }
#category-fireplace { background-position: 0px -430px; }
#category-mac { background-position: 0px -481px; }
#category-ios { background-position: 0px -532px; }
#category-win8 { background-position: 0px -583px; }
#category-android { background-position: 0px -583px; }
#category-atlas { background-position: 0px -634px; }
#category-animalatlas { background-position: 0px -705px; }

#category-all:hover { background-position: -100% -2px; }
#category-nature:hover { background-position: -100% -73px; }
#category-adventure:hover { background-position: -100% -124px; }
#category-holidays:hover { background-position: -100% -175px; }
#category-fish:hover { background-position: -100% -226px; }
#category-fantasy:hover { background-position: -100% -277px; }
#category-space:hover { background-position: -100% -328px; }
#category-clock:hover { background-position: -100% -379px; }
#category-fireplace:hover { background-position: -100% -430px; }
#category-mac:hover { background-position: -100% -481px; }
#category-ios:hover { background-position: -100% -532px; }
#category-win8:hover { background-position: -100% -583px; }
#category-android:hover { background-position: -100% -583px; }
#category-atlas:hover { background-position: -100% -634px; }
#category-animalatlas:hover { background-position: -100% -705px; }

.category-selected#category-all { margin-top: 0px; height: 69px; line-height: 69px; background-position: -200% -2px; }
.category-selected#category-nature { background-position: -200% -71px; }
.category-selected#category-adventure { background-position: -200% -122px; }
.category-selected#category-holidays { background-position: -200% -173px; }
.category-selected#category-fish { background-position: -200% -224px; }
.category-selected#category-fantasy { background-position: -200% -275px; }
.category-selected#category-space { background-position: -200% -326px; }
.category-selected#category-clock { background-position: -200% -377px; }
.category-selected#category-fireplace { background-position: -200% -428px; }
.category-selected#category-mac { background-position: -200% -479px; }
.category-selected#category-ios { background-position: -200% -530px; }
.category-selected#category-win8 { background-position: -200% -581px; }
.category-selected#category-android { background-position: -200% -581px; }
.category-selected#category-atlas { background-position: -200% -632px; }
.category-selected#category-animalatlas { background-position: -200% -703px; }

/*
MARK: Social buttons
*/

#social-buttons {
	width: var(--menu-width);
	padding: 3px 0px 5px 0px;
	background-color: var(--page-background);

	display: flex;
	flex-flow: row;
	justify-content: space-evenly;
}

#social-buttons a {
	display: block;
	height: 43px;
	margin-top: 3px;

	background-image: var(--images-url);
	background-repeat: no-repeat;
}

#social-buttons #x { background-position: -366px -783px; width: 43px; }
#social-buttons #facebook {	background-position: -411px -783px; margin-left: 0px; width: 43px; }
#social-buttons #youtube { background-position: -456px -786px; margin-top: 6px; height: 38px; width: 53px; }
#social-buttons #instagram { background-position: -511px -783px; width: 43px; }
#social-buttons #vkontakte { background-position: -556px -783px; width: 43px; }

#social-buttons #x:hover { background-position: -366px -831px; }
#social-buttons #facebook:hover { background-position: -411px -831px; }
#social-buttons #youtube:hover { background-position: -456px -834px; }
#social-buttons #instagram:hover { background-position: -511px -831px; }
#social-buttons #vkontakte:hover { background-position: -556px -831px; }

#left-bottom {
	width: var(--menu-width);
	flex-grow: 1;
	background-color: var(--page-background);
	margin-bottom: var(--content-border-radius);
}

/*
MARK: Center column
*/

#center-column {
	display: flex;
	flex-direction: column;
	width: 591px;
}

#slogan_and_languages {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 10px;
	height: 48px;
}

#slogan {
	margin-left: 52px;
	color: #f8dca6;
	font-size: 20px;
	font-weight: normal;
}

#slogan span {
	font-size: 16px;
	font-weight: normal;
}

#languages {
	width: 132px;
	height: 20px;
	margin-top: 8px;

	display: flex;
	justify-content: space-between;
}

.language {
	display: flex;
	justify-content: center;
	width: 26px;
	height: 16px;
	font-size: 12px;
	font-weight: bold;
	color:rgb(248, 220, 166);
	border: 2px solid rgb(248, 220, 166);
	border-radius: 10px;
	background-color: #3962bc;
	line-height: normal;
}

.language:hover {
	border-color: white;
	color: white;
	text-decoration: none;
	background-color: #4272dc;
}

.language-active {
	border-color: white;
	color: white;
	text-decoration: none;
	background-color: rgb(185, 49, 45);
}

.language-active:hover {
	border-color: white;
	color: white;
	text-decoration: none;
	background-color: rgb(185, 49, 45);
}

/*
MARK: Main menu
*/

#menu {
	height: 30px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 0px;
}

#menu li {
	list-style: none; 
	width: 120px;
	margin: 0px 1px 0px 1px;
}

#menu li a {
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: var(--header-color);
	border-radius: var(--block-border-radius) var(--block-border-radius) 0px 0px;
}

.menu-item {
	cursor: pointer;
	height: 100%;

	background-color: #f8dca6;
	border-color: #f8dca6;
}

.menu-item:hover {
	background-color: #ffeecc;
	border-color: #ffeecc !important;
}

.menu-item-active { 
	cursor: default;
	height: 100%;

	background-color: var(--content-background);
	border-color: var(--content-background) !important;

	position: relative;
	z-index: 102;
}

.menu-item-active * {
	color: var(--header-color);
}

.image-cart {
	background-image: var(--images-url);
	background-position: -222px -780px;
	width: 16px;
	height: 13px;
	margin-right: 3px;
}

/*
MARK: Content
*/

#content {
	background-color: var(--content-background);
	border-radius: var(--content-border-radius);
	width: var(--content-width);
	padding: var(--content-vertical-padding) var(--content-horizontal-padding);
	flex-grow: 1;
	min-height: var(--content-min-height);
	z-index: 101;
	box-shadow: 0px -10px 10px -10px rgb(0 0 0 / 80%);
}

#subscribe-center-block {
	background-color: var(--content-background);
	margin: 12px 0px 12px 0px;
}

#subscribe-center-block a {
	display: block;
	width: 569px;
	height: 154px;
}

/*
MARK: Right column
*/

#right-column {
	width: var(--page-outline);
	background-color: var(--page-background);
	margin: 201px 0px var(--content-border-radius) 0px;
}

/*
MARK: Footer
*/

#footer {
	width: var(--footer-width);
	margin-left: var(--menu-left-margin);
	display: flex;
	flex-direction: column;
}

#page-bottom {
	background-color: var(--body-background);
	height: var(--footer-full-height);
	margin-top: calc(var(--footer-height) - var(--footer-full-height));
	z-index: 100;
}

#page-outline {
	background-color: var(--page-background);
	border-radius: 0px 0px var(--page-outline-radius) var(--page-outline-radius);
	height: 100%;
}

#copyright {
	font-size: 12px;
	text-align: center;
	color: white;
	padding: 6px 0px 6px 0px;
	background-color: var(--body-background);
}

#legal {
	color: #ffffff;
	font-weight: bold;
}

/*
MARK: Product buttons
*/

#product-buttons, .product-buttons {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
    padding: 10px 2px 0px 2px;
}

.product-button-wrapper {
	display: flex;
	flex-direction: column;
}

.product-button:hover {
	text-decoration: none;
}

.product-button {
	width: 279px;
	height: 36px;
	display: block;
	font-size: 15px;
	color: #f8dca6;
	font-weight: bold;
	text-align: center;
	line-height: 34px;
	border-radius: calc(var(--block-border-radius) - 2px);
}

#button-download {
	background-color: #286acc;
}

#button-download:hover {
	background-color: #317ef0;
	color: white;
}

#button-buynow, .button-buynow {
	background-color: #d35118;
}

#button-buynow:hover, .button-buynow:hover {
	background-color: #f36b2f;
	color: white;
}

#button-incart, .button-incart {
	background-color: #0a894e;
}

#button-incart:hover, .button-incart:hover {
	background-color: #10ac64;
	color: white;
}

.product-button-wrapper p {
	font-size: 11px;
	color: #1f1f1f;
	text-align: center;
}

/*
MARK: Screenshots and video
*/

.spot-container {
	margin: 0px;
	border-radius: var(--block-border-radius) var(--block-border-radius) 0px 0px;
	overflow: hidden;
}

#spot-promo {
	width: 573px;
	height: 322px;
	background-color: white;
}

#spot-image img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto auto;
}

#spot-arrows-container {
	display: flex;
	height: 12px;
	margin-top: -12px;
	justify-content: space-between;
}

.spot-arrow {
	width: 113px;
}

.preview-uparrow-border {
	display: none;
	width: 0;
	height: 0;
	z-index: 105;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-bottom: 12px solid black;
	position: relative;
	left: 44px;
}

.preview-uparrow {
	display: none;
	width: 0;
	height: 0;
	z-index: 106;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 11px solid var(--plate-border-color-selected);
	position: relative;
	top: -9.5px;
	left: 45px;
}

.spot-arrow-selected i {
	display: block;
}

#spot-previews-container {
	display: flex;
	justify-content: space-between;
}

.spot-preview {
	width: 109px;
	height: 61px;
	display: inline-block;
	border: 2px solid black;
}

.spot-preview img {
    max-width: 100%;
    max-height: 100%;
	display: block;
	margin: auto auto;
 	cursor: pointer;
}

.spot-preview-selected {
	border: 2px solid var(--plate-border-color-selected);
}

.spot-preview-selected img {
 	cursor: auto;
}

.spot-preview-empty {
	background-color: #222222;
}

/*
MARK: Precart
*/

#precart-container {
	width: 806px;
	height: 0px;
}

#num-products-container {
	position: relative;
	top: 48px;
	left: 580px;
	width: fit-content;
	display: flex;
	justify-content: center;
	z-index: 103;
}

#cart-num-products
{
	display: none;
	color: white;
	border-radius: 10px;
	background: #0a894e;
	padding: 0 5px;
	line-height:17px;
	border: 2px solid white;
	font-size: 12px;
	cursor: default;
	/* box-shadow: 0 0 4px black; */
}

#precart {
	display: none;
	width: 359px;
	height: 114px;
	position: relative;
	left: 390px;
	top: 81px;
}

#precart-wrapper {
	overflow: hidden;
	border-radius: 16px;
	border: 1px solid #114e72;
	background-color: white;
	z-index: 110;
	box-shadow: 0 0 4px black;
	position: relative;
}

#precart-uparrow-border {
	position: absolute;
	right: 170px;
	top: -12px;
	width: 0;
	height: 0;
	z-index: 111;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #114e72;
}

#precart-uparrow {
	position: absolute;
	right: 171px;
	top: -11px;
	width: 0;
	height: 0;
	z-index: 112;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid white;
}

#precart-top {
	padding: 9px 0 0 9px;
	height: 72px;
}

#precart-thumb {
	display: inline-block;
	vertical-align: top;
}

#precart-top-text {
	display: inline-block;
	margin-left: 9px;
	vertical-align: top;
}

#precart-top-text p, #precart-top-text span {
	margin-bottom: 5px;
}

#precart-text1 {
	color: #1b609f;
}

#precart-text2 {
	font-weight: bold;
	font-size: 17px;
}

#precart-text3 {
	color: red;
    display: none;
}

#precart-text4 {
	text-decoration: line-through;
	font-size: 14px;
    display: none;
}

#precart-discount {
	font-size: 14px;
    display: none;
}

#precart-bottom {
	background-color: #ff9110;
	height: 31px;
	padding: 2px 0 0 11px;
}

#precart-bottom-total {
	font-size: 14px;
	display: inline-block;
	width: 214px;
	padding: 5px 0 0 0;
}

#precart-bottom-total2 {
	font-weight: bold;
}

#precart-bottom-button
{
	display: inline-block;
	font-size: 13px;
	padding: 4px 0 4px 0;
	text-align: center;
	color: white;
	width: 116px;
	background-color: #0a894e;
	border-radius: 6px;
	border: 1px solid white;
}

#precart-bottom-button:hover {
	text-decoration: none;
	background-color: #10ac64;
}

/*
MARK: System requirements box
*/

#product-sysreq-box {
	font-size: 12px;
	color: #004e69;
	display: none;
	position: absolute;
	left: 450px;
	top: 560px;
	width: 258px;
	height: 106px;
	background-color: white;
	border: 2px solid var(--default-border);
	border-radius: 10px;
	flex-direction: column;
	overflow: hidden;
}

#product-sysreq-title {
	background-color: #1099d6;
	padding: 2px 2px 2px 14px;
	line-height: 21px;
	font-weight: bold;
}

#product-sysreq-req {
	line-height: 18px;
	padding: 4px 2px 2px 14px;
}

/*
MARK: Recommended section
*/

/*#recommended {
	margin-top: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.recommended-item {
	display: flex;
	flex-direction: column;
}

.recommended-item-image {
	width: 139px;
	height: 105px;
}

.recommended-link {
	font-size: 12px;
	font-weight: bold;
	color: #014e71;
	line-height: 17px;
	height: 17px;
	text-align: center;
}*/

/*
MARK: Top 10
*/

#top10 {
	display: grid;
	grid-template-columns: repeat(2, calc(round(down, calc(50% - 3px), 1px)));
	grid-row-gap: 6px;
	justify-content: space-between;
}

.top10-item {
	/* width: 265px; */
	/* margin: 0px 0px 8px 0px; */
	padding: var(--thumb-vertical-margin) 6px calc(var(--thumb-vertical-margin) - 1px) var(--thumb-horizontal-margin);
	cursor: pointer;

	display: flex;
	flex-direction: row;

	border: 2px solid var(--plate-border-color);
	border-radius: var(--plate-border-radius);
	background-color: var(--plate-background);
}

.top10-item:hover {
	background-color: var(--plate-background-active);
	border-color: var(--plate-border-color-active);
}

.top10-item a {
	display: flex;
	flex-direction: row;
}

.top10-item-content {
	flex-grow: 1;
	padding-left: 6px;
}

.top10-item-link {
	font-weight: bold;
	padding-top: 3px;
	color: var(--plate-title-color);
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 168px;
    height: 17px;
}

.top10-item-content a {
	display: block;
	text-decoration: none;
	color: var(--plate-title-color);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 168px;
    height: 17px;
}

.top10-item-content p {
	display: block;
	padding-top: 3px;
	color: var(--plate-text-color);
	overflow: hidden;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 46px;
    height: 46px;
	font-size: 13px;
    line-height: 1.15em;
}

/*
MARK: Category view
*/

.category-list {
	display: grid;
	grid-template-columns: repeat(5, 108px);
	justify-content: space-between;
}

.category-item {
	cursor: pointer;
	color: #043952;
	width: 104px;
	margin-bottom: 8px;
	padding: 4px 0px 0px 0px;
	overflow: hidden;
	border: 2px solid var(--plate-border-color);
	border-radius: var(--plate-border-radius);
	background-color: var(--plate-background);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.category-item div {
	padding: 3px 4px 0px 4px;
	font-size: 11px;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
	height: 28px;
	color: var(--plate-title-color)
}

.category-item:hover{
	background-color: var(--plate-background-active);
	border-color: var(--plate-border-color-active);
}

.category-item-selected:hover {
	cursor: default;
	text-decoration: none;
	background-color: var(--plate-background-selected);
	border-color: var(--plate-border-color-selected);
}

.category-item-selected {
	background-color: var(--plate-background-selected);
	border-color: var(--plate-border-color-selected);
}

/*
MARK: Screenshots block
*/

body {
    --button-width: 30px;
    --button-margin: 0px;
    --zoom-width: 40px;
    --button-height: 40px;

    --dot-size: 10px;
    --dot-color: #909090;
    --dot-color-hover: #aaaaaa;
    --dot-color-active: #487a7f;
}

.screenshots-preview-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#preview-container {
    width: 569px;
    height: 318px;
    cursor: pointer;
    border-radius: var(--plate-border-radius);
    background-color: var(--content-background);
    overflow: hidden;
    position: relative;
}

#video-preview {
    width: 100%;
    height: 100%;
}

#video-preview video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#image-preview {
    width: 100%;
    height: 100%;
}

.screenshot-button {
    position: absolute;
    opacity: 0.5;
    justify-content: center;
    align-items: center;
    display: flex;
}

.screenshot-button:hover {
    opacity: 0.9;
}

.screenshot-button div {
    width: var(--button-width);
    height: var(--button-height);
    background-image: url(/cdn/images/images.png);
    background-repeat: no-repeat;
}

#screenshot-prev, #screenshot-prev-modal {
    left: 0;
    top: 0;
    width: var(--button-width);
    padding: 0px var(--button-margin);
    height: 100%;
    cursor: pointer;
}

#screenshot-prev div, #screenshot-prev-modal div {
    background-position: -302px -784px;
}

#screenshot-next, #screenshot-next-modal {
    right: 0;
    top: 0;
    width: var(--button-width);
    padding: 0px var(--button-margin);
    height: 100%;
    cursor: pointer;
}

#screenshot-next div, #screenshot-next-modal div {
    background-position: -332px -784px;
}

#screenshot-zoom {
    width: calc(100% - calc(var(--button-width) * 2) - calc(var(--button-margin) * 4));
    height: 100%;
    bottom: 0px;
    padding-bottom: 16px;
    left: var(--button-width);
    align-items: flex-end;
    cursor: zoom-in;
}

#screenshot-zoom div {
    width: var(--zoom-width);
    background-position: -262px -784px;
}

#preview-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

#preview-dots > div.image {
    width: calc(var(--dot-size) - 4px);
    height: calc(var(--dot-size) - 4px);
    margin: 0px 2px 0px 2px;
    padding: 2px;
    cursor: pointer;
}

#preview-dots > div.image > div {
    background-color: var(--dot-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

#preview-dots > div.image:hover > div {
    background-color: var(--dot-color-hover);
}

#preview-dots > div.image.active {
    cursor: default;
}

#preview-dots > div.image.active > div {
    background-color: var(--dot-color-active);
}

#preview-dots > div.video {
    width: var(--dot-size);
    height: var(--dot-size);
    overflow: hidden;
    margin: 0px 2px 0px 2px;
    cursor: pointer;
}

#preview-dots > div.video > div {
    width: 0px;
    height: 0px;
    border-left: var(--dot-size) solid var(--dot-color);
    border-top: calc(var(--dot-size) / 2) solid transparent;
    border-bottom: calc(var(--dot-size) / 2) solid transparent;
}

#preview-dots > div.video:hover > div {
    border-left: var(--dot-size) solid var(--dot-color-hover);
}

#preview-dots > div.video.active {
    cursor: default;
}

#preview-dots > div.video.active > div {
    border-left: var(--dot-size) solid var(--dot-color-active);
}

dialog#screenshot-dialog {
    margin: auto;
    max-height: fit-content;
    background-color: transparent;
}

#screenshot-dialog-content {
    overflow: hidden;
    border-radius: var(--content-border-radius);
    background-color: transparent;
    position: relative;
    --button-margin: 30px;
    cursor: zoom-out
}

#screenshot-dialog-video video, #screenshot-dialog img {
    width: calc(100vw - 400px);
    max-width: 1920px;
}

#screenshot-dialog-video video {
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: fill;
}

#screenshot-dialog-image-container {
    overflow: hidden;
    width: fit-content;
    height: auto;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
}

/*
MARK: Help page
*/

.info-about-us-container {
    margin-top: 23px;
    width: 569px;
    border: 2px solid var(--plate-border-color);
    border-radius: var(--plate-border-radius);
    background-color: var(--plate-background);
}

.info-about-us-header {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    width: 569px;
    height: 75px;
}

.info-about-us-image {
    width: 120px;
    height: 90px;
    background-image: url(/cdn/images/images_help.png?2026-04-17-1);
    background-repeat: no-repeat;
    background-position: -240px -90px;
}

.info-about-us-title {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: var(--plate-title-color);
    text-decoration: none;
}

.info-about-us-content {
    margin: 0px 10px 20px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-about-us-content p {
    text-align: justify;
    color: var(--text-color);
    font-size: 14px;
    line-height: 16px;
}

.info-about-us-content p a {
    color: rgb(141, 34, 47);
}

.info-about-us-content p a:visited {
    color: rgb(141, 34, 47);
}

.help-container a {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    width: 569px;
    height: 75px;
    border: 2px solid var(--plate-border-color);
    border-radius: var(--plate-border-radius);
    background-color: var(--help-block-background);
    margin-top: 23px;
    cursor: pointer;
}

.help-container a:hover {
    text-decoration: none;
    border-color: var(--plate-border-color-active);
}

/* .help-container:first-of-type {
    margin-top: 10px;
    overflow: hidden;
} */

.help-container-image {
    width: 120px;
    height: 90px;
    background-image: url(/cdn/images/images_help.png);
    background-repeat: no-repeat;
}

.help-image-faq {
    background-position: 0px 0px;
}
.help-image-orders {
    background-position: 0px -90px;
}
.help-image-recover {
    background-position: -120px 0px;
}
.help-image-support {
    background-position: -120px -90px;
}
.help-image-contact {
    background-position: -240px 0px;
}

.help-container-text {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: var(--plate-title-color);
    text-decoration: none;
}

.help-container-text {
    color: var(--help-block-text-color);
}

.help-answer-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 26px 0px 20px 0px;
}

.help-answer-time-icon {
    width: 204px;
    height: 96px;
    background-image: url(/cdn/images/images_help.png);
    background-position: 0px -180px;
}

.help-answer-time-text {
    width: 450px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-color: rgb(58, 98, 188);
    border-radius: var(--plate-border-radius);
    font-weight: bold;
    color: #f8dca6;
}

.help-answer-time-text span#s1 {
    margin-top: 16px;
    font-size: 18px;
}

.help-answer-time-text span#s2 {
    font-size: 26px;
    margin-top: 10px;
}

.help-answer-time-holidays {
    font-size: 16px;
    font-weight: bold;
    color: rgb(58, 98, 188);
    margin-top: 5px;
}

.help-text {
	display: block;
	font-size: 14px;
	color: var(--help-block-text-color);
	text-align: justify;
	line-height: 16px;
}

.help-block {
    width: 549px;
    border: 2px solid var(--plate-border-color);
    border-radius: var(--plate-border-radius);
    background-color: var(--help-block-background);
    font-size: 14px;
    line-height: 16px;
    padding: 6px 10px 16px 10px;
}

.help-header {
    margin: 6px 0px 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: var(--plate-title-color);
    text-align: center;
}

.help-page-faq-header {
    margin: 20px 0px 0px 12px;
}

#faq {
	font-size: 16px;
	color: var(--help-block-text-color);
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin-top: 6px;
}

.faq-question {
    font-weight: bold;
}

.faq-answer {
    margin-top: 0px;
}

.faq-answer ul {
    list-style-type: disc;
    padding-left: 30px;
}

.faq-answer p {
    margin-block-start: 0.75em;
    margin-block-end: 0.75em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.faq-item {
    padding-bottom: 0px;
}

.help-orders {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.help-resend, .help-feedback, .help-contact-us {
    margin: 6px 0px 10px 0px;
}

.help-contact-us p {
    padding-top: 16px;
}

.help-contact-us p:first-of-type {
    padding-top: 0px;
}

#helpform label {
    color: var(--plate-title-color);
}

/*
MARK: - Packs
*/

#pack-list-container {
    padding-top: 6px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.pack-list-item a img {
    border: var(--border-width) solid var(--content-background);
    border-radius: var(--block-border-radius);
    display: block;
}

.pack-list-item a img:hover {
    border-color: var(--plate-border-color-active);
}

.pack-list-item-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 6px var(--border-width) 0px var(--border-width);
    gap: 6px;
}

.pack-title {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: var(--header-color);
    margin: 10px 0 5px 0;
    -webkit-text-size-adjust: none;
    text-align: center;
}

.pack-desc {
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    line-height: 16px;
    color: var(--text-color);
    padding: 0px 0px;
    height: 48px;
}

.pack-buttons {
    display: flex;
    justify-content: center;
}

.packs-button {
    width: 194px;
    height: 36px;
    display: block;
    font-size: 15px;
    color: #f8dca6;
    font-weight: bold;
    text-align: center;
    line-height: 34px;
    border-radius: calc(var(--block-border-radius) - 2px);
}

.packs-add-to-cart {
    background-color: #d35118;
}

.packs-add-to-cart:hover {
    text-decoration: none;
    background-color: #f36b2f;
    color: white;
}

.packs-in-cart {
    background-color: #0a894e;
}

.packs-in-cart:hover {
    text-decoration: none;
	background-color: #10ac64;
    color: white;
}

/*
MARK: - Subscriptions
*/

.newsletter-container {
    position: relative;
}

.newsletter-container .newsletter-popup {
    position: absolute;
    width: 244px;
    height: 420px;
    background-image: url(/cdn/images/subscribe_popup_en.png);
    border-radius: 28px;
    top: -330px;
    left: 120px;
    background-color: white;
    z-index: 1001;
    display: none;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
}

.newsletter-container:has(.newsletter:hover) .newsletter-popup {
    display: block;
}

.newsletter a {
    z-index: 1001;
}

/*
MARK: - Home page
*/

.hero-video {
	width: 569px;
	height: 318px;
	border-radius: var(--block-border-radius);
	border: 2px solid var(--plate-border-color);
	border-top-width: 0px;
	overflow: hidden;
	position: relative;
}

.hero-video a {
	display: flex;
	justify-content: center;
	text-decoration: none;
	color: white;
}

.hero-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-title {
	height: 33px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.page-title div {
	background-color: #554c87;
	color: var(--plate-background);
	width: 442px;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	border-radius: 24px 24px 0px 0px;
	padding-top: 5px;
}

.page-subtitle {
	margin: 10px 0px 4px 0px;
	padding: 0px 2px;
	color: var(--header-color);
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}

.hero-button {
	position: absolute;
	opacity: 0.75;
	bottom: 20px;
	background-color: #18393c;
	padding: 9px 20px 11px 20px;
	border-radius: 10px;
}

.hero-video:hover .hero-button {
	opacity: 1.0;
}

.home-text {
	padding: 0px calc(var(--block-border-radius) / 2 + 2px);
	margin: 5px 0px 0px 0px;
	color: var(--header-color);
	font-size: 16px;
	line-height: 18px;
	text-align: justify;
}

.complete-collection-desc {
	margin: 0px 0px 6px 0px;
	padding: 0px calc(var(--block-border-radius) / 2 + 2px);
	color: var(--header-color);
	font-size: 16px;
	line-height: 18px;
	text-align: justify;
}

.complete-collection-banner img {
	border: var(--border-width) solid var(--content-background);
	border-radius: var(--block-border-radius);
	display: block;
}

.complete-collection-banner img:hover {
	border-color: var(--plate-border-color-active);
}

.complete-collection-button {
	margin: 6px 0px 0px 0px;
	display: flex;
	justify-content: center;
}

.complete-collection-button a {
	width: 291px;
	height: 36px;
	display: block;
	font-size: 15px;
	color: #f8dca6;
	font-weight: bold;
	text-align: center;
	line-height: 34px;
	border-radius: calc(var(--block-border-radius) - 2px);
	background-color: #d35118;
}

.complete-collection-button a:hover {
	text-decoration: none;
	background-color: #f36b2f;
	color: white;
}

.complete-collection-button .complete-collection-button-in-cart {
    background-color: #0a894e;
}

.complete-collection-button .complete-collection-button-in-cart:hover {
    text-decoration: none;
	background-color: #10ac64;
    color: white;
}

/*
MARK: - ---
*/
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

#submit-button-order {
	margin: 0 auto;
	width: 224px;
	height: 35px;
	display: block;
	font-family: tahoma;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	line-height: 32px;
}

#submit-button-order:hover {
	background-position: 0px -35px;
	text-decoration: none;
}

/*
MARK: - ---
*/

#newsletter-cart {
	width: 202px;
	margin: auto;
	padding-top: 15px;
}

.newsletter {
	background-color: var(--page-background);
	width: var(--menu-width);
	margin-left: var(--menu-left-margin);
	display: flex;
	justify-content: center;
	padding: 10px 0px 10px 0px;
}

.subscribe-mail {
	width: 194px;
	height: 154px;
	background-image: var(--images-url);
	background-position: -210px -877px;

	font-size: 19px;
	text-align: center;
	text-decoration: none;
	color: #f8dca6;

	display: flex;
	align-items: flex-end;
	justify-content: center;
	line-height: 38px;
}

.subscribe-mail:hover {
	background-position: -408px -877px;
	text-decoration: none;
	color: white;
}

.section-caption {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: var(--header-color);
	margin: 10px 0 5px 0;
	-webkit-text-size-adjust: none;
	text-align: center;
}

.category-caption {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: var(--header-color);
	padding-top: 8px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.spot a img {
	border: 2px solid var(--content-background);
	border-radius: var(--block-border-radius);
}

.spot a img:hover {
	border-color: var(--plate-border-color-active);
}

#pack2, #pack3, #pack4, #pack5 { margin: 4px 0 0 0; }

#screenshot {
	padding: 20px 0px 0px 0px;
}

#facebook-like-button {
	height: 20px;
	margin: 2px 0 0 0;
}

.product-appstore-wrapper {
	text-align: center;
	margin-top: 12px;
}

.product-appstore-wrapper p {
	margin: 0 auto;
	width: 224px;
	display: block;
	font-size: 12px;
	line-height: 12px;
	color: #1f1f1f;
	text-align: center;
	padding: 0px 0px 10px 0px;
}

.atlas-stores-sep {
	width: 100%;
	height: 15px;
	clear: both;
}

.atlas-stores-wrapper {
	text-align: center;
	padding: 5px;
}

.atlas-stores-wrapper a {
	padding: 5px;
}

.atlas-stores-wrapper span {
	display: inline-block;
	width: 50px;
	height: 50px;
}

.button-screenshots {
	margin: 0 auto;
	width: 115px;
	height: 20px;
	display: block;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	line-height: 15px;
	padding-left: 2px;
}
.button-screenshots {
	background-position: -577px 0px;
	background-image: url(/cdn/images/images2.png);
}
.button-video {
	background-position: -577px 0px;
	background-image: url(/cdn/images/images2.png);
}

.button-screenshots:hover {
	background-position: -577px -20px;
	text-decoration: none;
}

span#button-video {
	background-position: -577px -40px;
	cursor: default;
}

#product-image {
	width: 574px;
	padding-top: 1px;
}

#product-video-container {
	display: none;
	background-color: black;
	width: 574px;
	height: 204px;
	line-height: 204px;
	text-align: center;
	margin-top: 1px;
}

#product-screenshots {
	position: absolute;
	top: 300px;
	left: 615px;
	width: 115px;
	height: 20px;
	text-align: center;
}

#product-video {
	position: absolute;
	top: 300px;
	left: 480px;
	width: 115px;
	height: 20px;
	text-align: center;
}

#product-image-tip {
	text-align: center;
}

#product-image-tip a {
	color: var(--header-color);
	font-size: 12px;
	font-weight: bold;
}

#product-description {
	margin: 5px 0px 0px 0px;
	font-size: 13px;
	line-height: 16px;
	color: var(--text-color);
    padding: 0px 2px;
	/* min-height: 64px; */
}

#product-sysreq {
	cursor: pointer;
}

.item-title {
	cursor: pointer;
}

.item-title a {
	color: var(--plate-title-color);
}

.item-title a:hover {
	text-decoration: none;
}

.item-download {
	position: relative;
	left: 72px;
	top: -16px;
	display: block;
	background-image: url(/cdn/images/images2.png);
	background-position: -11px -35px;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
	font-size: 0px;
}

.item-download:hover {
	background-position: -11px -54px;
}

.item-download-button {
	font-size: 10px;
	line-height: 10px;
	display: block;
	width: 18px;
	height: 18px;
	position: relative;
	top: -16px;
	left: 72px;
	background-image: url(/cdn/images/images2.png);
	background-repeat: no-repeat;
	background-position: -11px -35px;
}

.item-download-button:hover {
	background-position: -11px -54px;
}

.cddvd-section {
	padding: 15px 0px 0px 0px;
}

.packs-section {
	padding: 15px 0px 0px 0px;
}

.cddvd-section-image {
	padding: 0px 15px 0px 0px;
	float: left;
}

.packs-section-image {
	padding: 0px 15px 0px 0px;
	float: left;
}

.cddvd-section-title {
	font-size: 14px;
	color: #161616;
	text-align: justify;
	font-weight: bold;

	padding: 0px 0px 15px 0px;
}

.packs-section-title {
	font-size: 14px;
	color: #161616;
	text-align: justify;
	font-weight: bold;

	padding: 0px 0px 15px 0px;
}

.cddvd-section-text {
	font-size: 12px;
	color: #161616;
	text-align: justify;
	line-height: 14px;
}

.packs-section-text {
	font-size: 12px;
	color: #161616;
	text-align: justify;
	line-height: 14px;
}

.cddvd-gradient {
	height: 30px;
	width: 100%;
	background-image: url(/cdn/images/images2.png);
	background-position: 0px -425px;
	background-position: center center;
	background-repeat: no-repeat;
}

.packs-gradient {
	height: 30px;
	width: 100%;
	background-image: url(/cdn/images/images2.png);
	background-position: 0px -425px;
	background-position: center center;
	background-repeat: no-repeat;
}

.table-help {
	width: 100%;
	margin: 20px 0 0 0;
}

.table-help * {
	font-size: 12px;
	color: #161616;
}

.table-help th {
	padding: 8px 0px 0px 0px;
	width: 50%;
	text-align: right;
	vertical-align: top;
}

.table-help th label {
	padding: 0px 5px;
}

.table-help td {
	padding: 5px 0px 10px 0px;
	width: 50%;
}

.table-help input {
	width: 150px;
}

.table-help select {
	width: 156px;
}

.table-help input, .table-help select, .table-help textarea {
	border: 1px solid #83a8cc;
}

.table-help textarea {
    min-width: 500px;
    min-height: 140px;
    max-width: 567px;
    max-height: 300px;
}

.submit-button-wrapper {
	width: 100%;
    padding-top: 10px;
}

.submit-button:hover {
    background-color: #317ef0;
	color: white;
	text-decoration: none;
}

.submit-button {
	margin: 0 auto;
	width: 302px;
	height: 36px;
	display: block;
	font-size: 15px;
	color: #f8dca6;
	font-weight: bold;
	text-align: center;
	line-height: 34px;
	border-radius: calc(var(--block-border-radius) - 2px);
	margin: 0 auto;
    background-color: #286acc;
}

.ok-button:hover {
	background-position: 0px -26px;
	text-decoration: none;
}

.ok-button {
/*	background-image: url(/cdn/images/button-ok.gif);*/
	width: 45px;
	height: 26px;
	display: block;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	line-height: 21px;
	margin: 0 0 0 2px;
	float: left;
}



#table-products {
	width: 100%;
	color: #65777a;
	font-size: 13px;
	margin: 0 0 10px 0;
}

#table-products hr {
	background-color: #aaa;
    border: 0 none;
    color: #aaa;
    height: 1px;
    font-size: 3px;
}

#col-hr-top {
	padding: 0 0 4px 0;	
}

#col-hr-bottom {
	padding: 3px 0 2px 0;
}

.row-dark { background-color: #f0f0f0; }
.row-selected { color: #2d3e4b; background-color: #acb7b9; }
.row-coupon { color: red; }

.col-title {
	width: 67%;
}

.col-dp {
	width: 20%;
	text-align: right;
	padding: 0 5px 0;
	text-decoration: line-through;
}

#row-yousave * {
	font-weight: bold;
}

#row-yousave .col-title {
	color: #aa0000;
}

#row-yousave .col-dp {
	text-decoration: none;
}

#row-yousave .col-rp {
	color: #55676a;
}

#row-yousave #rp_total {
	color: #000000;
}

.col-rp {
	white-space: nowrap;
	width: 14%;
}

.col-rp .rp-coupon {
	color: red;
}

.col-title .label-checked {
	font-weight: bold;
}

.tooltip {
	display: block;
	visibility: hidden;
	position: absolute;
	z-index: 1;
}

#product-buttons.cart-buttons {
	justify-content: flex-end;
}

.cart-button-disabled
{
	background-color: gray;
	cursor: default;
	width: 283px;
	height: 36px;
	line-height: 34px;
	color: #b3b3b3;
}

.cart-button-disabled:hover
{
	background-color: gray;
	text-decoration: none;
	color: #b3b3b3;
}

#submit-button-order { width: 239px; background-image: url(/cdn/images/button-blue-order.gif); }

.button-continue {
	background-image: url(/cdn/images/images2.png);
	background-position: -102px -165px;
}
.button-continue:hover {
	background-position: -102px -200px;
	text-decoration: none;
}

.button-checkout {
	background-color: #0a894e;
}

.button-checkout:hover {

	background-color: #10ac64;
	text-decoration: none;
	color: white;
}

.cart-text {
	display: block;
	font-size: 13px;
	color: #364345;
	text-align: justify;
	margin: 15px 0px 0px 0px;
	line-height: 16px;
}

.cart-text-highlight {
	color: #1099d6;
	font-weight: bold;
}

#col-emptycart {
	padding: 10px 0 15px 0;
	font-weight: bold;
	text-align: center;
}

#col-cart-megapack {
	padding: 0px 0 15px 0;
	font-weight: bold;
	text-align: center;
}

#cartform {
	margin: 0px;
	font-size: 13px;
}

#combo-currency {
	text-align: right;
}

#table-order-details {
	width: 100%;
}

#table-order-details th {
	width: 30%;
	text-align: right;
	padding: 0 5px 0 0;
}

#table-order-details td {
	width: 70%;
	padding: 10px 0 0 0;
}

.content-checkout {
	font-size: 13px;
	color: #364345;
	line-height: 16px;
}

.checkout-title {
	font-size: 16px;
	color: #161616;
	text-align: center;
	font-weight: bold;

	padding: 15px 0px 15px 0px;
}

.table-order {
	width: 100%;
}

.table-order th {
	width: 150px;
}

.errorlist {
	display: inline;
}

.errorlist li {
	color: red;
	display: inline;
	list-style: none; 
}

.table-order-rowdata {
	width: 40%;
}

.table-order-errors {
	width: 30%;
}

.table-order td {
	padding: 5px 0 0 0;
}

.table-order th {
	width: 30%;
	text-align: right;
	padding: 0 5px 0 0;
}

.table-order input, .table-order select {
	border: 1px solid #83a8cc;
}

.table-order input {
	width: 228px;
}

#id_expiry_date_year {
	margin: 0 0 0 16px;
	width: 70px;
}

#id_expiry_date_month {
	width: 140px;
}

.table-order select {
	width: 230px;
}

.error {
	color: red;
}

.error input, .error select, .error textarea {
	border: 1px solid red;
}

.required_label {
	font-weight: bold;
}

.form-help-text {
	font-size: 11px;
	color: #161616;
	font-weight: normal;
}

.image-spot {
	background-image: var(--images-url);
	background-position: 0px -975px;
	width: 574px;
	height: 204px;
}

.image-thumb {
	width: 84px;
	height: 63px;

	margin: var(--border-width);
	border-radius: var(--thumb-border-radius);
	display: block;
}

.image-news { width: 158px; height: 118px; }
.image-recommened { width: 139px; height: 105px; }
.image-round { width: 9px; height: 9px; }
.image-spot2 { width: 569px; height: 154px; }
.image-subgift { padding-top: 10px; margin: auto; display: block; }

#disc-info p {
	font-size: 12px;
	line-height: 16px;
	margin: 15px 0 10px 0;
}



.disable-events {
	pointer-events: none;
	cursor: default; 
}

.button-spot {
	width: 144px;
	height: 28px;
	position: absolute;
	top: 552px;
	background-image: var(--images-url);
	line-height: 26px;
	margin: 0 auto;
	display: block;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	background-repeat: no-repeat;
	text-align: center;
}

.button-spot:hover {
	text-decoration: none;
}

#button-spot-download {
	right: 311px;
	background-position: -231px -975px;
}

#button-spot-download:hover {
	background-position: -385px -975px;
}

#button-spot-moreinfo {
	right: 156px;
	background-position: -231px -941px;
}

#button-spot-moreinfo:hover {
	background-position: -385px -941px;
}

.product-title {
	text-align: center;
	color: #014e71;
    font-size: 20px;
    padding: 10px 0 0 0;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-close { cursor: pointer!important; }

.form-popup {
  border: 3px solid #f1f1f1;
  z-index: 9;
  position: relative;
  background: #FFF;
  padding: 10px;
  width: auto;
  max-width: 322px;
  margin: 0 auto;
}

.form-container {
  padding: 10px;
  background-color: white;
}

.form-container input {
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
  margin: 15px 0 22px 0;
  border: none;
  background: #f1f1f1;
  font-size: 14px;
}

.form-container input:focus {
  background-color: #ddd;
  outline: none;
}

.btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 10px;
  opacity: 0.8;
  font-size: 16px;
}

.btn:hover, .open-button:hover {
  opacity: 1;
}


#newsletter-title {
	font-size: 20px;
	color: black;
	font-weight: bold;
}

#signup-loading {
  height: 145px;
	display: none;
	margin-top: 0px;
	text-align: center;
  padding: 10px;
}

#signup-status {
  height: 105px;
	display: none;
	margin-top: 40px;
	text-align: center;
  font-size: 16px;
  padding: 10px;
}

#status {
	margin: 0 0 28px 0;
}

#submit-btn {
	margin: 10px 0 0 0;
}

.btn:disabled, .btn[disabled] {
  background-color: #cccccc;
  opacity: 0.8;
}

#screensaver-price-old {
	text-decoration: line-through;
}