/* Import */

@font-face {
	font-family: "FreightSans";
	font-display: fallback;
	src: url("/res/fonts/FreightSansProBlack-Regular.eot?#iefix") format("embedded-opentype"), url("/res/fonts/FreightSansProBlack-Regular.woff") format("woff"), url("/res/fonts/FreightSansProBlack-Regular.ttf") format("truetype"), url("/res/fonts/FreightSansProBlack-Regular.svg#FreightSansProBlack-Regular") format("svg");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "FreightSans";
	font-display: fallback;
	src: url("/res/fonts/FreightSansProBold-Regular.eot?#iefix") format("embedded-opentype"), url("/res/fonts/FreightSansProBold-Regular.woff") format("woff"), url("/res/fonts/FreightSansProBold-Regular.ttf") format("truetype"), url("/res/fonts/FreightSansProBold-Regular.svg#FreightSansProBold-Regular") format("svg");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "FreightSans";
	font-display: fallback;
	src: url("/res/fonts/FreightSansProMedium-Regular.eot?#iefix") format("embedded-opentype"), url("/res/fonts/FreightSansProMedium-Regular.woff") format("woff"), url("/res/fonts/FreightSansProMedium-Regular.ttf") format("truetype"), url("/res/fonts/FreightSansProMedium-Regular.svg#FreightSansProMedium-Regular") format("svg");
	font-weight: 500;
	font-style: normal;
}

/***** Reset *****/

*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
body {
	line-height: 1;
	font-family: "FreightSans", sans-serif;
	font-weight: 500;
}
body.hidden {
	overflow: hidden;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
:focus {
	outline: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.transition {
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.transition:active,
.transition:focus {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

@media screen and (min-width: 1200px) {
	body.hidden {
		overflow: visible;
	}
}

/* Typography */

h1 {
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
}
h2 {
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
}
h3 {
	font-weight: 700;
	font-size: 17px;
	line-height: 32px;
}
p {
	font-weight: 500;
	font-size: 17px;
	line-height: 32px;
}
p strong {
	font-weight: 700;
}
p em {
	font-style: italic;
}
sub,
sup {
	position: relative;
	vertical-align: baseline;

	font-size: 75%;
	line-height: 0;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

.small {
	font-size: 15px;
	line-height: 24px;
}

.muted {
	color: #767676;
}

@media screen and (min-width: 1200px) {
	h2 {
		font-size: 28px;
		line-height: 37px;
	}
	h3 {
		font-size: 22px;
	}
}

/* Tracking Pixels */

.tracking__pixels {
	pointer-events: none;
	position: absolute;
	opacity: 0;
	z-index: -1;
}

/* Components */

/***** Table *****/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
tr:nth-of-type(odd) {
	background: #e4f1f5;
}
tr:nth-of-type(even) {
	background: #bedfe8;
}
td,
th {
	padding: 16px;
	vertical-align: middle;

	font-size: 15px;
	line-height: 24px;
	text-align: left;
}
th {
	color: #ffffff;
	font-weight: 700;

	background: #0e81a0;
}

/* ScrollTable */

.scrolltable__wrap {
	margin-left: -16px;
	margin-right: -16px;
	overflow: hidden;
	position: relative;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}
.scrolltable__scroller {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.scrolltable__scroller::-webkit-scrollbar {
	display: none;
}

table.scrolltable__shadow-header,
table.scrolltable__shadow-leftcolheader,
table.scrolltable__shadow-leftcol {
	pointer-events: none;
}
table.scrolltable__shadow-leftcol {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
table.scrolltable__shadow-header,
table.scrolltable__shadow-leftcolheader {
	display: none;
	position: fixed;
	top: 0;
	z-index: 1;
}
table.scrolltable__shadow-header--fixed,
table.scrolltable__shadow-leftcolheader--fixed {
	display: table;
}
table.scrolltable__shadow-header tbody,
table.scrolltable__shadow-leftcolheader tbody {
	visibility: hidden;
}
table.scrolltable__shadow-leftcol th:not(:first-child),
table.scrolltable__shadow-leftcol td:not(:first-child),
table.scrolltable__shadow-leftcolheader th:not(:first-child) {
	visibility: hidden;
}
table.scrolltable__shadow-leftcol td:first-child {
	border-right: 1px solid #ffffff;
}
table.scrolltable th:first-child,
table.scrolltable__shadow-leftcol th:first-child,
table.scrolltable__shadow-leftcolheader th:first-child {
	border-right: 1px solid #caedec;
}

@media screen and (min-width: 768px) {
	.scrolltable__wrap {
		margin-left: 0;
		margin-right: 0;
	}
	table.scrolltable__shadow-leftcol td:first-child,
	table.scrolltable th:first-child,
	table.scrolltable__shadow-leftcol th:first-child,
	table.scrolltable__shadow-leftcolheader th:first-child {
		border-right: 0;
	}
}

/* FIAT & CRYPTO table */

table.fiat__table {
	min-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table.fiat__table td.fiatcurrency {
	padding-right: 0;

	font-size: 13px;
	line-height: 21px;
	text-align: center;
}
.fiatcurrency__flag {
	display: block;
	height: auto;
	margin: 0 auto 8px;
	width: 24px;

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.18);
}
table.fiat__table td.fiatchange {
	color: #0e81a0;
	font-weight: 700;
	text-align: center;

	background: #d6eff3;
}
table.fiat__table td.fiatchange--up {
	color: #4ab948;

	background: #e2f4e2;
}
table.fiat__table td.fiatchange--down {
	color: #df1b50;

	background: #fadae3;
}
table.fiat__table th.fiatchart {
	text-align: center;
}
.fiatchart__chart {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 80px;
	width: 100%;
}
table.scrolltable__shadow-leftcol.fiat__table td.fiatcurrency {
	border-right: 0;
}
table.scrolltable__shadow-leftcol.fiat__table td.fiatname {
	visibility: visible;
	border-right: 1px solid #ffffff;
}

@media screen and (max-width: 599px) {
	table.fiat__table td.fiatname {
		font-size: 13px;
		line-height: 21px;
	}
}

/* CRYPTO table */

table.crypto__table {
	min-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table.crypto__table td,
table.crypto__table th {
	padding: 12px 6px;

	line-height: 21px;
	text-align: center;
}
table.crypto__table th {
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
}
table.crypto__table th strong {
	font-weight: 700;
}
table.crypto__table td.cryptocurrency,
table.crypto__table th.cryptocurrency,
table.crypto__table td.cryptoprice,
table.crypto__table th.cryptoprice,
table.crypto__table td.cryptomarketcap,
table.crypto__table th.cryptomarketcap {
	text-align: left;
}
table.crypto__table td.cryptocurrency,
table.crypto__table th.cryptocurrency {
	padding-left: 12px;
	padding-right: 12px;
}
table.crypto__table td.cryptoprice,
table.crypto__table th.cryptoprice {
	padding-left: 12px;
}
table.crypto__table td.cryptoaction,
table.crypto__table th.cryptoaction {
	padding-right: 12px;
}
table.crypto__table th.cryptomarketcap,
table.crypto__table td.cryptomarketcap {
	white-space: nowrap;
}
table.crypto__table td.cryptomarketcap {
	font-size: 13px;
	line-height: 18px;
}
.cryptocurrency__icon {
	display: block;
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 24px;
}
.cryptocurrency__name {
	display: block;
	padding-left: 36px;
	position: relative;

	font-size: 13px;
	line-height: 18px;
}
.cryptocurrency__name strong {
	display: block;

	font-size: 15px;
	font-weight: 700;
	line-height: 21px;
}
.cryptochange__chart {
	display: block;
	height: auto;
	margin: 0 auto;
	width: 48px;
}
.cryptobutton {
	display: inline-block;
	vertical-align: middle;
	padding: 4px 16px;

	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	text-decoration: none;

	background: #45a93e;
	border-radius: 99999px;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
}
.cryptobutton:hover {
	background: #399c32;
}
.cryptobutton:active,
.cryptobutton:focus {
	background: #2e8f27;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15) inset;
}
.cryptobutton.disabled,
.cryptobutton.disabled:hover,
.cryptobutton.disabled:active,
.cryptobutton.disabled:focus {
	cursor: default;
	background: #c2c2c2;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
}

@media screen and (min-width: 768px) {
	table.crypto__table,
	table.fiat__table {
		min-width: 0;
	}
	table.crypto__table.scrolltable {
		width: 100%;
	}
	table.scrolltable__shadow-leftcol.fiat__table td.fiatname {
		border-right: 0;
	}
	.cryptochange__chart {
		width: 64px;
	}
}

/* FIAT & CRYPTO Calculator */

.fiat__calculator,
.crypto__calculator {
	margin-bottom: 32px;
	padding: 8px;

	background: #fcdc31;
	border-radius: 4px;
}
.fiat__calculator .form-group,
.crypto__calculator .form-group {
	padding: 8px;
}
.fiat__calculator .form-group + .form-group,
.crypto__calculator .form-group + .form-group {
	margin-top: 8px;
}
.fiat__calculator .form-group-heading > *:last-child,
.crypto__calculator .form-group-heading > *:last-child {
	margin-bottom: 0;
}
.fiat__calculator .form-group-heading > *:first-child,
.crypto__calculator .form-group-heading > *:first-child {
	padding-top: 0;
}
.fiat__calculator .form-group > label,
.crypto__calculator .form-group > label {
	display: block;
	margin-bottom: 8px;

	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
}
.fiat__calculator .form-group .input,
.crypto__calculator .form-group .input {
	font-size: 0;
}
.fiat__calculator #calc_result,
.crypto__calculator #calc_result {
	display: block;
	padding: 8px;

	font-size: 17px;
	font-weight: 700;
	line-height: 32px;
	text-align: center;

	background: #e2c52f;
	border-radius: 4px;
}
.fiat__calculator:after,
.fiat__calculator .form-group:after,
.fiat__calculator .form-group .input:after,
.crypto__calculator:after,
.crypto__calculator .form-group:after,
.crypto__calculator .form-group .input:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

/* Custom Checkmark*/

.fiat__calculator .radio-group,
.crypto__calculator .radio-group {
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 49%;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.fiat__calculator .radio-group + .radio-group,
.crypto__calculator .radio-group + .radio-group {
	margin-left: 2%;
}
.fiat__calculator .radio-group input,
.crypto__calculator .radio-group input {
	cursor: pointer;
	height: 0;
	opacity: 0;
	position: absolute;
	width: 0;
}
.fiat__calculator .radio-group .form-radiotext,
.crypto__calculator .radio-group .form-radiotext {
	display: block;
	padding: 2px 8px 2px 40px;

	font-size: 17px;
	font-weight: 500;
	line-height: 32px;

	background-color: #e2c52f;
	border-radius: 4px;
}
.fiat__calculator .radio-group .form-checkmark,
.crypto__calculator .radio-group .form-checkmark {
	height: 16px;
	left: 12px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	width: 16px;

	background: #ffffff;
	border-radius: 2px;
}
.fiat__calculator .radio-group input:checked ~ .form-checkmark,
.crypto__calculator .radio-group input:checked ~ .form-checkmark {
	background: #ffffff url(../images/checkmark.svg) no-repeat center;
}
.fiat__calculator .radio-group input:checked ~ .form-radiotext,
.crypto__calculator .radio-group input:checked ~ .form-radiotext {
	color: #ffffff;
	background-color: #ca5010;
}

.fiat__calculator input[type="text"].form-control,
.fiat__calculator input[type="email"].form-control,
.fiat__calculator input[type="number"].form-control,
.fiat__calculator select.form-control,
.crypto__calculator input[type="text"].form-control,
.crypto__calculator input[type="email"].form-control,
.crypto__calculator input[type="number"].form-control,
.crypto__calculator select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	height: 36px;
	padding: 0 12px;
	vertical-align: top;
	width: 100%;

	color: #000000;
	font-family: "FreightSans", sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: normal;

	background: #ffffff;
	border: 0;
	border-radius: 4px;
}
.fiat__calculator input[type="text"].form-control,
.fiat__calculator input[type="email"].form-control,
.fiat__calculator input[type="number"].form-control,
.crypto__calculator input[type="text"].form-control,
.crypto__calculator input[type="email"].form-control,
.crypto__calculator input[type="number"].form-control {
	box-shadow: 0 -2px 0 #c9af2d;
}
.fiat__calculator select.form-control,
.crypto__calculator select.form-control {
	padding-right: 32px;
	background: #ffffff url(/res/images/dropdown.svg) no-repeat right center;
	box-shadow: 0 2px 0 #c9af2d;
}

@media screen and (min-width: 768px) {
	.fiat__calculator,
	.crypto__calculator {
		margin-bottom: 48px;
		padding: 12px;
	}
	.fiat__calculator .form-group,
	.crypto__calculator .form-group {
		padding: 12px;
	}
	.fiat__calculator .form-group + .form-group,
	.crypto__calculator .form-group + .form-group {
		margin-top: 0;
	}
	.fiat__calculator .form-group > label,
	.crypto__calculator .form-group > label {
		margin-bottom: 12px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.fiat__calculator,
	.crypto__calculator {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.fiat__calculator .form-group,
	.crypto__calculator .form-group {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
		flex: 1 1 0px;
	}
	.fiat__calculator .form-group-fiat-result,
	.crypto__calculator .form-group-crypto-result,
	.fiat__calculator .form-group-heading,
	.crypto__calculator .form-group-heading {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
}

@media screen and (min-width: 1200px) {
	.fiat__calculator,
	.crypto__calculator {
		margin-bottom: 0;
	}
	.fiat__calculator:not(:last-child),
	.crypto__calculator:not(:last-child) {
		margin-bottom: 24px;
	}
	.fiat__calculator .form-group > label,
	.crypto__calculator .form-group > label {
		font-size: 17px;
		line-height: 32px;
	}
}

/* Header */

.header__wrap {
	background: #ffffff;
}
.header__inner {
	padding: 16px;
	position: relative;
}
.header__branding,
.header__branding__img {
	display: block;
}
.header__branding {
	width: 140px;
}
.header__branding__img {
	height: auto !important;
	width: 100% !important;
}
.header__heading {
	margin-top: 16px;

	color: #525252;
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	text-decoration: none;
}
.header__claim {
	margin-top: 8px;

	color: #767676;
	font-size: 15px;
	line-height: 24px;
}

@media screen and (min-width: 768px) {
	.header__inner {
		padding: 24px;
	}
	.header__heading {
		margin-top: 24px;
	}
	.header__claim {
		margin-top: 12px;
	}
}

@media screen and (min-width: 1200px) {
	.header__inner {
		margin: auto;
		max-width: 1200px;
	}
	.header__branding,
	.header__heading {
		float: left;
	}
	.header__branding {
		margin-top: 1px;
	}
	.header__heading {
		margin: 0 0 0 34px;
		position: relative;
	}
	.header__heading:before {
		content: " ";
		display: block;
		height: 30px;
		left: -18px;
		position: absolute;
		top: 0;
		width: 2px;

		background: #fcdc31;
	}
	.header__claim {
		clear: both;
		margin-top: 0;
		padding-top: 16px;
	}
}

/* Formular */

.content__wrap {
	background: #ffffff;
}
.content__inner {
	margin: auto;
	padding: 8px 16px 16px;
}
.content h2,
.content h3,
.content p,
.content ul,
.content ol,
.content .totaltip {
	margin-bottom: 16px;
}
.content h2,
.content h3 {
	padding-top: 16px;
}
.content ul,
.content ol {
	margin-left: 0;
	padding-left: 32px;

	font-size: 17px;
	line-height: 32px;
}
.content ul {
	list-style: disc outside none;
}
.content ol {
	list-style: decimal outside none;
}
.content ol.lower-alpha {
	list-style-type: lower-alpha;
}
.content li {
	padding-left: 8px;
}
.content li + li {
	margin-top: 8px;
}
.content li ul,
.content li ol {
	margin-top: 16px;
}
.content .scrolltable__wrap {
	margin-bottom: 16px;
}
.content p a,
.content li a {
	color: #0e81a0;
	text-decoration: underline;
}
.content p a:visited,
.content li a:visited {
	color: #575097;
}
.content p a:hover,
.content li a:hover {
	color: #0e6270;
}
.content p a:active,
.content p a:focus,
.content li a:active,
.content li a:focus {
	color: #df1b50;
}

@media screen and (min-width: 768px) {
	.content__inner {
		padding: 12px 24px 24px;
	}
	.content h2,
	.content h3,
	.content p,
	.content ul,
	.content ol,
	.content .totaltip {
		margin-bottom: 24px;
	}
	.content h2,
	.content h3 {
		padding-top: 24px;
	}
	.content li + li {
		margin-top: 12px;
	}
	.content li ul,
	.content li ol {
		margin-top: 24px;
	}
	.content .scrolltable__wrap {
		margin-bottom: 24px;
	}
}

@media screen and (min-width: 1200px) {
	.content__inner {
		margin: auto;
		max-width: 1200px;
	}
	.content__sidebar {
		padding-left: 324px;
		position: relative;
	}
	.content__sidebar__left {
		left: 0;
		position: absolute;
		top: 0;
		width: 300px;
	}
	.content__sidebar__left.sticky {
		position: fixed;
		top: 24px;
		z-index: 1;
	}
}

/* Scaled banner */

.content__sidebar__right .textframe__660x90,
.content__sidebar__right .textframe__728x90 {
	margin-bottom: 32px;
}
.content__sidebar__right .scrolltable__wrap .textframe__660x90,
.content__sidebar__right .scrolltable__wrap .textframe__728x90 {
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0;
}
.textframe__660x90,
.textframe__728x90 {
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;

	border-radius: 4px;
}
.textframe__660x90 {
	width: 264px;
	height: 36px;
}
.textframe__728x90 {
	width: 291.2px;
	height: 36px;
}
.textframe__660x90 iframe,
.textframe__728x90 iframe {
	display: block;
	pointer-events: none;
	border: 0;
}
.textframe__660x90 iframe {
	width: 660px;
	height: 90px;
}
.textframe__728x90 iframe {
	width: 728px;
	height: 90px;
}
.textframe__660x90 iframe,
.textframe__728x90 iframe {
	-webkit-transform: scale(0.4);
	-ms-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

@media screen and (min-width: 414px) {
	.textframe__660x90 {
		width: 330px;
		height: 45px;
	}
	.textframe__728x90 {
		width: 364px;
		height: 45px;
	}
	.textframe__660x90 iframe,
	.textframe__728x90 iframe {
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
	}
}

@media screen and (min-width: 568px) {
	.textframe__660x90 {
		width: 495px;
		height: 67.5px;
	}
	.textframe__728x90 {
		width: 546px;
		height: 67.5px;
	}
	.textframe__660x90 iframe,
	.textframe__728x90 iframe {
		-webkit-transform: scale(0.75);
		-ms-transform: scale(0.75);
		transform: scale(0.75);
	}
}

@media screen and (min-width: 768px) {
	.content__sidebar__right .textframe__660x90,
	.content__sidebar__right .textframe__728x90 {
		margin-bottom: 48px;
	}
	.content__sidebar__right .scrolltable__wrap .textframe__660x90,
	.content__sidebar__right .scrolltable__wrap .textframe__728x90 {
		margin-bottom: 0;
		margin-right: auto;
		margin-left: auto;
	}
	.textframe__660x90 {
		width: 660px;
		height: 90px;
	}
	.textframe__728x90 {
		width: 728px;
		height: 90px;
	}
	.textframe__660x90 iframe,
	.textframe__728x90 iframe {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transform-origin: 50% 50% 0;
		-ms-transform-origin: 50% 50% 0;
		transform-origin: 50% 50% 0;
	}
	.scrolltable__wrap .textframe__728x90 {
		width: 546px;
		height: 67.5px;
	}
	.scrolltable__wrap .textframe__728x90 iframe {
		-webkit-transform: scale(0.75);
		-ms-transform: scale(0.75);
		transform: scale(0.75);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}

@media screen and (min-width: 1200px) {
	.content__sidebar__right .textframe__660x90,
	.content__sidebar__right .textframe__728x90 {
		margin-bottom: 24px;
	}
	.content__sidebar__right .scrolltable__wrap .textframe__660x90,
	.content__sidebar__right .scrolltable__wrap .textframe__728x90 {
		margin-bottom: 0;
	}
	.scrolltable__wrap .textframe__728x90 {
		width: 728px;
		height: 90px;
	}
	.scrolltable__wrap .textframe__728x90 iframe {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transform-origin: 50% 50% 0;
		-ms-transform-origin: 50% 50% 0;
		transform-origin: 50% 50% 0;
	}
}

.content__formular__inner__social__banner__wrap {
	margin-bottom: 32px;
}
.content__formular__inner__social__banner__wrap__claim {
	display: block;
	margin-bottom: 8px;

	color: #616161;
	font-size: 13px;
	line-height: 21px;
	text-align: center;
}

#sideframe__pop iframe {
	display: block;
	pointer-events: none;
	border: 0;
	border-radius: 4px;
}
#sideframe__pop img {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}
.banner_300x300,
.banner_300x600,
.banner_300x300_pop,
.banner_300x600_pop {
	display: block;
	margin: auto;
}
.banner_300x300,
.banner_300x300_pop {
	height: 300px;
	width: 300px;
}
.banner_300x600,
.banner_300x600_pop {
	height: 600px;
	width: 300px;
}

@media screen and (min-width: 768px) {
	.content__formular__inner__social__banner__wrap {
		margin-bottom: 48px;
	}
	.content__formular__inner__social__banner__wrap__claim {
		margin-bottom: 12px;
	}
}

@media screen and (min-width: 1200px) {
	.content__formular__inner__social__banner__wrap {
		margin-bottom: 0;
	}
}

.popped-banner.show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: auto;
	height: auto;
	margin: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;

	background-color: rgba(255, 255, 255, 0.88);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.popped-banner .close-button {
	display: none;
}
.popped-banner.show .close-button {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 1;

	color: inherit;

	background-color: transparent;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMzEwLjYgMzYxLjRjMTIuNSAxMi41IDEyLjUgMzIuNzUgMCA0NS4yNUMzMDQuNCA0MTIuOSAyOTYuMiA0MTYgMjg4IDQxNnMtMTYuMzgtMy4xMjUtMjIuNjItOS4zNzVMMTYwIDMwMS4zTDU0LjYzIDQwNi42QzQ4LjM4IDQxMi45IDQwLjE5IDQxNiAzMiA0MTZTMTUuNjMgNDEyLjkgOS4zNzUgNDA2LjZjLTEyLjUtMTIuNS0xMi41LTMyLjc1IDAtNDUuMjVsMTA1LjQtMTA1LjRMOS4zNzUgMTUwLjZjLTEyLjUtMTIuNS0xMi41LTMyLjc1IDAtNDUuMjVzMzIuNzUtMTIuNSA0NS4yNSAwTDE2MCAyMTAuOGwxMDUuNC0xMDUuNGMxMi41LTEyLjUgMzIuNzUtMTIuNSA0NS4yNSAwczEyLjUgMzIuNzUgMCA0NS4yNWwtMTA1LjQgMTA1LjRMMzEwLjYgMzYxLjR6Ii8+PC9zdmc+");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	border-width: 0;
}

/* TotalTip */

.totaltips__wrap {
	background: #ffffff;
}
.totaltips__inner {
	padding: 0 16px 16px;
}
.content .totaltips__inner {
	padding: 0 0 32px;
}
.totaltip {
	display: block;
	margin-bottom: 16px;
	padding: 0 16px 16px;

	color: #ffffff;
	text-decoration: none;

	background: #575097;
	border: 1px solid #575097;
	border-radius: 4px;
}
.totaltip:last-of-type {
	margin-bottom: 0;
}
.totaltip > img {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
}
.totaltip__branding {
	display: inline-block;
	vertical-align: top;
	margin-top: -1px;
	padding: 16px;

	background: #ffffff;
	border-radius: 0 0 4px 4px;
}
.totaltip__branding__img {
	display: block;
	height: 36px;
	width: 84px;
}
.totaltip__heading,
.totaltip__description {
	display: block;
	margin-top: 16px;
}
.totaltip__heading {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
}
.totaltip__description {
	color: #e3e3ea;
	font-size: 15px;
	line-height: 24px;
}
.totaltip__description ul {
	list-style: disc;
	margin-top: 16px;
	margin-left: 0;
	padding-left: 24px;
}
.totaltip__description ul li {
	padding-left: 6px;
}
.totaltip__description strong {
	font-weight: 700;
}
.totaltip__badge {
	display: inline-block;
	margin-top: -2px;
	margin-right: 4px;
	padding: 2px 4px;

	color: #e3e3ea;
	font-size: 13px;
	line-height: 15px;

	border: 1px solid #e3e3ea;
	border-radius: 4px;
}
.totaltip__btn {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	margin-top: 16px;
	padding: 4px 24px;

	font-size: 17px;
	font-weight: 700;
	line-height: 32px;
	text-align: center;
	white-space: nowrap;

	background: #45a93e;
	border-radius: 99999px;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
}
.totaltip__btn:hover {
	background: #399c32;
}
.totaltip__btn:active,
.totaltip__btn:focus {
	background: #2e8f27;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15) inset;
}
.totaltip__btn i {
	margin: -2px 0 0 12px;
	vertical-align: middle;
}

@media screen and (min-width: 768px) {
	.totaltips__inner {
		padding: 0 24px 24px;
	}
	.content .totaltips__inner {
		padding: 0 0 48px;
	}
	.totaltip {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin-bottom: 12px;
		padding: 0;
	}
	.totaltip__branding,
	.totaltip__content {
		position: relative;
		width: 100%;
		min-height: 1px;
	}
	.totaltip__branding {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		-ms-flex-item-align: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch;
		padding: 24px;
		margin-top: 0;

		border-radius: 4px;
	}
	.totaltip__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.totaltip__info,
	.totaltip__action {
		position: relative;
		width: 100%;
		min-height: 1px;
		padding: 24px;
	}
	.totaltip__info {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.totaltip__action {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.totaltip__heading {
		margin-top: 0;
	}
	.totaltip__description,
	.totaltip__description ul {
		margin-top: 12px;
	}
	.totaltip__btn {
		margin-top: 0;
	}
}

@media screen and (min-width: 1200px) {
	.totaltips__inner {
		margin: auto;
		max-width: 1200px;
		padding: 0 24px 24px;
	}
	.content .totaltips__inner {
		padding: 0 0 24px;
	}
	.formular__formular + .totaltips .totaltips__inner {
		padding-top: 0;
	}
	.totaltip__branding {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 17.8%;
		flex: 0 0 17.8%;
		max-width: 17.8%;
		padding: 16px 24px;
	}
	.content .totaltip__branding {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.totaltip__branding__img {
		height: 48px;
		width: 96px;
	}
	.totaltip__content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 82.2%;
		flex: 0 0 82.2%;
		max-width: 82.2%;
	}
	.content .totaltip__content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.totaltip__info,
	.totaltip__action {
		padding: 16px 24px;
	}
	.totaltip__action {
		min-width: 21.7%;
		text-align: center;
	}
	.content .totaltip__action {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.totaltip__heading,
	.totaltip__description {
		max-width: 696px;
	}
	.totaltip__description,
	.totaltip__description ul {
		margin-top: 8px;
	}
}

/***** Footer *****/

.footer__porovnanie__wrap {
	background: #009cb6;
	border-bottom: 12px solid #615f9c;
}
.footer__porovnanie__inner {
	padding: 20px 15px;
}
.footer__porovnanie__inner p,
.footer__porovnanie__inner p a {
	color: #b1e4e3;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
}
.footer__porovnanie__inner p {
	margin: 0 0 10px;
}
.footer__porovnanie__inner p:last-child {
	margin: 0;
}
.footer__porovnanie__inner p a.contact {
	display: block;
	padding: 10px 0 0;

	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
}
.footer__porovnanie__inner p a img {
	display: inline-block;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	width: 12px;
}
.footer__porovnanie__inner p a i {
	margin: 0 3px 0 0;
	vertical-align: middle;

	font-size: 12px;
}
.footer__porovnanie__inner p a:active,
.footer__porovnanie__inner p a:focus,
.footer__porovnanie__inner p a:hover {
	color: #fcdc31;
}
.footer__porovnanie__inner p span.pomlcka {
	display: none;
}
.footer__porovnanie__inner p span.mobile__block {
	display: block;
}

@media screen and (min-width: 840px) {
	.footer__porovnanie__inner {
		padding: 20px;
	}
}

@media screen and (min-width: 1200px) {
	.footer__porovnanie__inner {
		margin: auto;
		max-width: 1150px;
		padding: 40px 0;
	}
	.footer__porovnanie__inner p a.contact,
	.footer__porovnanie__inner p span.pomlcka,
	.footer__porovnanie__inner p span.mobile__block {
		display: inline;
		padding: 0;
	}
}

/***** Cookies *****/

.cookies__wrap {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	z-index: 20;

	background: #000000;
	background: rgba(0, 0, 0, 0.9);
}
.cookies__inner {
	padding: 5px 15px;

	text-align: center;
}
.cookies__inner__text {
	color: #ffffff;
	font-size: 14px;
	line-height: 17px;
}
.cookies__inner__text + .cookies__inner__text {
	margin: 5px 0 0;
}
.cookies__inner__text.druhy__text {
	display: none;
}
.cookies__inner__text a {
	color: #ffffff;
	font-weight: 500;
	text-decoration: underline;
}
.cookies__inner__text a:hover,
.cookies__inner__text a:active,
.cookies__inner__text a:focus {
	color: #ffffff;
}
.cookies__inner__text a.cookies__inner__anchor {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 18px;
	vertical-align: middle;

	line-height: 22px;
	text-decoration: none;

	background: #666666;
	border-radius: 3px;
}
.cookies__inner__text a.cookies__inner__anchor:hover {
	background: #767676;
}

@media screen and (min-width: 1200px) {
	.cookies__inner {
		margin: auto;
		max-width: 1150px;
		padding: 5px 0;
	}
}
