/* Reboot variables */
/* Color palette */
/* new grey colors */
/* Breakpoints */
/* Layout measures */
/* Font weight measures */
/* This is a slightly modified version of bootstrap reboot css */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-behavior: smooth;
}

@-ms-viewport {
  width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "TESCOModern";
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 100%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.1em;
}

a {
  color: #007bff;
  text-decoration: underline;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #0056b3;
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

@font-face {
  font-family: "TESCOModern";
  src: url("../fonts/TESCOModern-Light.woff") format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "TESCOModern";
  src: url("../fonts/TESCOModern-Regular-web.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "TESCOModern";
  src: url("../fonts/TESCOModern-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "TESCOModern";
  src: url("../fonts/TESCOModern-Bold.woff") format("woff");
  font-weight: 700;
}
/* Text colors */
.text-yellow {
  color: #FCD700;
}

.text-red {
  color: #004d6d;
}

.text-orange-exclamation-point {
  display: none;
  color: #fd5e00;
}

.text-blue {
  color: #004d6d;
}

.text-white {
  color: #FFF;
}

.text-grey-light {
  color: #A5A5A5;
}

.text-grey-dark {
  color: #575757;
}

.text-black {
  color: #000;
}

/* Background colors */
.bg-transparent {
  background-color: transparent;
}

.bg-yellow {
  background-color: #FCD700;
}

.bg-red {
  background-color: #004d6d;
}

.bg-blue {
  background-color: #fd5e00;
}

.bg-white {
  background-color: #FFF;
}

.bg-grey-section {
  background-color: #EAEFF4;
}

/* Because of low selector specificity, we use !important attributes */
.hidden {
  display: none !important;
}

.invisible {
  visibility: none !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.w-1\/2 {
  width: 50%;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.no-padding {
  padding: 0 !important;
}

@media only screen and (max-width: 26.25em) {
  .desktop-only {
    display: none !important;
  }
}

@media only screen and (min-width: 26.3125em) {
  .mobile-only {
    display: none !important;
  }
}

.desktop-only-birth-date {
    display: grid !important;
}

.mobile-only-birth-date {
    display: none !important;
 }

@media only screen and (hover: none) and (pointer: coarse) {
  .mobile-only-birth-date {
    display: grid !important;
  }
  .desktop-only-birth-date {
    display: none !important;
  }
}

.clip-box {
  overflow: hidden;
}

.centered {
  margin: 0 auto;
}

.list-reset {
  list-style: none;
  padding: 0;
}

/* Responsive typography flow */
.rt-flow {
  font-size: 0.375em;
}
@media (min-width: 26.3125em) {
  .rt-flow {
    font-size: calc(0.375em + 0.625 * (100vw - 26.3125em) / 53.625);
  }
}
@media (min-width: 79.9375em) {
  .rt-flow {
    font-size: 1em;
  }
}
@media only screen and (max-width: 26.25em) {
  .rt-flow {
    font-size: 1em;
  }
}

/* Headings */
h1, h2 {
  font-weight: 700;
  color: #004d6d;
}

h1 {
  font-size: 3.125em;
}
h1.underlined {
  margin-top: 0.88em;
  padding-bottom: 0.4em;
  border-bottom: solid 1px #C4C4C4;
}
@media only screen and (max-width: 26.25em) {
  h1 {
    font-size: 1.5625em;
  }
  h1.sm-35 {
    font-size: 2.1875em;
  }
  h1.sm-medium {
    font-weight: 500;
  }
}

h2 {
  font-size: 2.1875em;
}
h2.product-title {
  font-size: 3.125em;
}
@media only screen and (max-width: 26.25em) {
  h2 {
    font-size: 1.5625em;
  }
  h2.product-title {
    font-size: 1.875em;
  }
}

h4 {
  font-size: 1.5em;
  color: #fd5e00;
}
@media only screen and (max-width: 26.25em) {
  h4 {
    font-size: 1.3125em;
  }
}

/* Paragraphs */
p {
  font-size: 1.125em;
}
@media only screen and (max-width: 26.25em) {
  p {
    font-size: 0.9375em;
  }
}

/* Links */
a.link-white {
  color: #FFF;
}
a.link-white:hover, a.link-white:focus {
  color: #FFF;
  text-decoration: none;
}
a.link-white:active {
  outline: 0;
}

a.link-blue {
  color: #fd5e00;
}
a.link-blue.unopened::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('/images/icons/uncheck.svg');
  background-size: contain;
  margin-left: 5px;
}

a.link-blue.opened::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('/images/icons/check.svg');
  background-size: contain;
  margin-left: 5px;
}
a.link-blue:hover, a.link-blue:focus {
  color: #fd5e00;
  text-decoration: none;
}
a.link-blue:active {
  outline: 0;
}

a.link-grey {
  color: #797979;
}
a.link-grey:hover, a.link-grey:focus {
  color: #797979;
  text-decoration: none;
}
a.link-grey:active {
  outline: 0;
}

/* Lists */
ul.list {
  margin-bottom: 0;
  padding-left: 0;
}
ul.list.style-tick {
  list-style: none;
}
ul.list.style-tick li {
  padding-left: 1.7272727273em;
  background-image: url("../images/icon-tick-white.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1em 0.7727272727em;
}

ul.list.style-tick-new-cdn {
  list-style: none;
}
ul.list.style-tick-new-cdn li {
  padding-left: 1.7272727273em;
  background-image: url("/api/cdn/Download?uri=icon-tick-white.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1em 0.7727272727em;
}

ul.list li {
  font-size: 1.375em;
  color: #FFF;
}
@media only screen and (max-width: 26.25em) {
  ul.list li {
    font-size: 1.125em;
  }
}

/* Font weights */
.font-light {
  font-weight: 200;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-bold {
  font-weight: 700;
}

/* Text styles */
.underline {
  text-decoration: underline;
}

.uppercase {
  text-transform: uppercase;
}

.btn {
  font-size: 1.5625em;
  min-width: 10em;
  padding: 0.52em 0.72em;
  margin-bottom: 0;
  display: inline-block;
  line-height: normal;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2.4em;
  color: #FFF;
  background-color: #fd5e00;
}

.btn:disabled{
  webkit-box-shadow: inset 200px 200px 300px 200px rgba(234,239,244,0.7);
  -moz-box-shadow: inset 200px 200px 300px 200px rgba(234,239,244,0.7);
  box-shadow: inset 200px 200px 300px 200px rgba(234,239,244,0.7);
  border-color:rgba(234,239,244,0.7);
}

.btn:hover, .btn:focus {
  color: #FFF;
  text-decoration: none;
  outline: 0;
}
.btn:active {
  outline: 0;
}
.btn.auto-width {
  min-width: auto !important;
  padding-left: 1.6em;
  padding-right: 1.6em;
}
.btn.btn-small {
  font-size: 1em;
  min-width: 11.25em;
  padding: 0.75em 0.625em;
}
@media only screen and (max-width: 26.25em) {
  .btn.btn-small {
    font-size: 0.75em;
    min-width: 9em;
    padding: 0.625em 0.8125em;
  }
}
@media only screen and (max-width: 26.25em) {
  .btn {
    font-size: 1.25em;
    min-width: 11.35em;
    padding: 0.65em 0.8em;
  }
}

.btn-blue {
  color: #FFF;
  background-color: #004d6d;
}

.btn-red {
  color: #FFF;
  background-color: #004d6d;
}

.btn-white {
  color: #fd5e00;
  background-color: #FFF;
}
.btn-white:hover, .btn-white:focus {
  color: #fd5e00;
}
.btn-white.bordered {
  border: solid 1px #fd5e00;
}

.tag {
  display: inline-block;
  font-size: 1.875em;
  padding-top: 25px;
  padding-right: 1em;
  text-align: center;
  font-weight: 700;
  color: #fff;
}
.tag.multiline {
  display: flex;
  flex-direction: column;
  padding-top: 0.2352941176em;
  padding-bottom: 0.2352941176em;
  line-height: 1.2;
}
.tag.multiline small {
  font-size: 0.4901960784em;
  font-weight: 400;
}
.tag.tag-large {
  font-size: 2.1875em;
  line-height: 1.6279069767em;
}
.tag small {
  font-size: 0.6744186047em;
}
@media only screen and (max-width: 26.25em) {
  .tag:not(.tag-large) {
    font-size: 1.875em;
  }
  .tag:not(.tag-large) small {
    font-size: 0.5em;
  }
}

.link-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.link-list a {
  margin-bottom: 1em;
}

.clubcard-banner {
  position: relative;
  padding-left: 14.625em;
}
.clubcard-banner .badge-clubcard {
  position: absolute;
  left: 3.5625em;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.clubcard-banner .badge-clubcard-new-cdn {
  position: absolute;
  left: 3.5625em;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.clubcard-banner p {
  margin-bottom: 0;
  font-size: 1.75em;
  padding: 1em 0;
}
.clubcard-banner.align-left {
  padding-left: 10.625em;
}
.clubcard-banner.align-left .badge-clubcard {
  left: 0;
}
.clubcard-banner.align-left .badge-clubcard-new-cdn {
  left: 0;
}
@media only screen and (max-width: 26.25em) {
  .clubcard-banner {
    font-size: 0.5em;
    padding-right: 0.625em;
  }
  .clubcard-banner-new-cdn {
    font-size: 0.5em;
    padding-right: 0.625em;
  }
}

.badge-clubcard {
  display: block;
  border-radius: 50%;
  width: 8.8125em;
  height: 8.8125em;
  background: url("../images/badge-clubcard.svg") no-repeat center center;
  background-size: cover;
}

.badge-clubcard-new-cdn {
  display: block;
  border-radius: 50%;
  width: 8.8125em;
  height: 8.8125em;
  background: url("/api/cdn/Download?uri=badge-clubcard.png") no-repeat center center;
  background-size: cover;
}
.badge-clubcard-new-cdn::before{
	display: inline-block;
	width: 0.9824561404em;
	height: 0.9824561404em;
	text-align: center;
	position: relative;
	top: -0.350877193em;
	content: "+";
	background-color: #FCD700;
	color: #000;
	font-size: 3.5625em;
	font-weight: 700;
	line-height: 0.85;
	border-radius: 50%;
	box-shadow: 4px 9px 9px rgba(0, 0, 0, 0.25);
}
.badge-clubcard::before {
  display: inline-block;
  width: 0.9824561404em;
  height: 0.9824561404em;
  text-align: center;
  position: relative;
  top: -0.350877193em;
  content: "+";
  background-color: #FCD700;
  color: #000;
  font-size: 3.5625em;
  font-weight: 700;
  line-height: 0.85;
  border-radius: 50%;
  box-shadow: 4px 9px 9px rgba(0, 0, 0, 0.25);
}

.tick-red {
  display: inline-block;
  width: 1.75em;
  height: 1.25em;
  background-image: url("../images/tick-oc.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.tick-red-new-cdn {
  display: inline-block;
  width: 1.75em;
  height: 1.25em;
  background-image: url("/api/cdn/Download?uri=tick-red.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.tick-blue {
  display: inline-block;
  width: 1.75em;
  height: 1.25em;
  background-image: url("../images/tick-blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.tick-blue-new-cdn {
  display: inline-block;
  width: 1.75em;
  height: 1.25em;
  background-image: url("/api/cdn/Download?uri=tick-blue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.tabbed-content {
  width: 100%;
}
.tabbed-content .tabs {
  display: flex;
  width: 100%;
}
.tabbed-content .tabs .tab {
  flex: 0 1 50%;
  padding: 0.875em 0.625em;
  margin-right: 2px;
  margin-bottom: 1.375em;
  position: relative;
  color: #004d6d;
  background-color: #EAEFF4;
  text-align: center;
  cursor: pointer;
}
.tabbed-content .tabs .tab.selected {
  background-color: #004d6d;
}
.tabbed-content .tabs .tab.selected h2, .tabbed-content .tabs .tab.selected p {
  color: #FFF;
}
.tabbed-content .tabs .tab.selected.fixed {
  background-color: #EAEFF4;
  cursor: default;
}
.tabbed-content .tabs .tab.fixed{
  background-color: #EAEFF4;
  cursor: default;
}

.tabbed-content .tabs .tab.selected.fixed h2, .tabbed-content .tabs .tab.selected.fixed p {
  color: #004d6d;
}
.tabbed-content .tabs .tab h2 {
  font-size: 2.3125em;
  font-weight: 500;
  margin-bottom: 0;
}
.tabbed-content .tabs .tab p {
  font-size: 1.375em;
  font-weight: 500;
  margin-bottom: 0;
}
@media only screen and (max-width: 26.25em) {
  .tabbed-content .tabs .tab h2 {
    font-size: 1.25em;
  }
  .tabbed-content .tabs .tab p {
    font-size: 0.9375em;
  }
}
.tabbed-content .panels {
  width: 100%;
}
.tabbed-content .panels .panel {
  display: none;
}
.tabbed-content .panels .panel.active {
  display: block;
}

table {
  width: 100%;
  font-weight: 700;
  line-height: normal;
  font-size: 1.025em;
  color: #4b4b4b;
}
table th {
  font-size: 1.2222222222em;
  font-weight: 700;
}
table td, table th {
  padding: 0.1944444444em 0;
}
table.tall-lines td {
  line-height: 1.7222222222em;
}
@media only screen and (max-width: 26.25em) {
  table {
    font-size: 0.8125em;
  }
}

/* These are just control classes, separate accordion component hasn't been implemented */
.accordion + * {
  display: none;
}
.accordion.opened + * {
  display: block;
}

.form-box {
  border: solid 2px #fd5e00;
  margin-bottom: 3.125em;
}
.form-box .form-h-padding {
  padding-left: 5em;
  padding-right: 5em;
}
@media only screen and (max-width: 26.25em) {
  .form-box .form-h-padding {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }
}
.form-box header.form-header {
  padding: 1.5625em 5em 0;
}
.form-box header.form-header h3 {
  font-size: 2.3125em;
  font-weight: 500;
  padding-bottom: 0.5945945946em;
  margin-bottom: 1.027027027em;
  color: #fd5e00;
  border-bottom: solid 1px #C4C4C4;
}
@media only screen and (max-width: 26.25em) {
  .form-box header.form-header h3 {
    font-size: 1.375em;
    margin-bottom: 0;
  }
}
.form-box header.form-header.accordion {
  padding-bottom: 1.5625em;
  cursor: pointer;
}
.form-box header.form-header.accordion h3 {
  background-image: url("../images/accordion-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right center;
  margin-bottom: 0;
  background-size: 0.8108108108em;
}

.form-box header.form-header.accordion .newH3 {
  background-image: url("/api/cdn/Download?uri=accordion-arrow-down.png");
}

@media only screen and (max-width: 26.25em) {
  .form-box header.form-header.accordion h3 {
    background-size: 0.9545454545em;
  }
}
.form-box header.form-header.accordion.opened h3 {
  background-image: url("../images/accordion-arrow-up.svg");
}

.form-box header.form-header.accordion.opened .newH3 {
  background-image: url("/api/cdn/Download?uri=accordion-arrow-up.png");
}
.form-box header.form-header.accordion:not(.opened) h3 {
  padding-bottom: 0;
  border-bottom: 0;
}





@media only screen and (max-width: 26.25em) {
  .form-box header.form-header {
    padding: 1.25em 2em;
  }
}
.form-box fieldset {
  width: auto;
  max-width: calc(100% - 4.6875em);
  margin-bottom: 1.5625em;
}
@media only screen and (max-width: 63.9375em) {
  .form-box fieldset {
    width: 100%;
    max-width: 100%;
  }
}
.form-box fieldset p {
  font-size: 0.8125rem;
  color: #575757;
}
@media (min-width: 26.3125em) {
  .form-box fieldset p {
    font-size: calc(0.8125rem + 0.4375 * (100vw - 26.3125em) / 53.625);
  }
}
@media (min-width: 79.9375em) {
  .form-box fieldset p {
    font-size: 1.25rem;
  }
}

.form-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 26% 74%;
  grid-template-columns: 26% 74%;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  margin-bottom: 1.25rem;
}
.form-row.col-1\/2 {
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}
.form-row > * {
  -ms-grid-row-align: center;
  align-self: center;
}
.form-row > *:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.form-row > *:nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.form-row .form-input-col {
  display: flex;
  -ms-grid-row-align: center;
  align-self: center;
  min-height: 50px;
  align-items: center;
}
.form-row .form-input-col > input,
.form-row .form-input-col > select,
.form-row .form-input-col textarea,
.form-row .form-input-col .custom-input,
.form-row .form-input-col > .input-group {
  flex: 1 0 auto;
}
.form-row .form-input-col .input-group {
  display: flex;
  align-items: center;
}
.form-row .form-input-col .input-group > * {
  flex: 1 1 auto;
  min-width: 0;
}
.form-row .form-input-col .input-group > .flex-no-grow {
  min-width: auto;
}
.form-row .form-input-col .input-group > *:not(:last-child) {
  margin-right: 1.25em;
}
@media only screen and (max-width: 26.25em) {
  .form-row .form-input-col .input-group > *:not(:last-child) {
    margin-right: 0.5em;
  }
}
.form-row .form-input-col .input-group p {
  margin-bottom: 0;
}

.form-row .form-input-col p{
  margin: 0;
}

.form-row .radio-btn-group {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}
.form-row .error-text {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  margin-top: 0.25em;
  color: #004d6d;
}
@media only screen and (max-width: 63.9375em) {
  .form-row:not(.checkbox-row) {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .form-row:not(.checkbox-row) > *:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  .form-row:not(.checkbox-row) > *:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .form-row:not(.checkbox-row) .input-group {
    width: 100%;
  }
  .form-row label {
    text-align: left;
  }
  .form-row .error-text {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    font-size: 1.5em;
  }
  .form-row .controls {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .form-row .controls a {
    font-size: 0.95em;
  }
}
@media only screen and (max-width: 26.25em) {
  .form-row .error-text {
    font-size: 1em;
  }
}

label {
  font-size: 0.8125rem;
  padding-right: 1.6em;
  margin-bottom: 0;
  color: #575757;
  text-align: right;
}
@media (min-width: 26.3125em) {
  label {
    font-size: calc(0.8125rem + 0.4375 * (100vw - 26.3125em) / 53.625);
  }
}
@media (min-width: 79.9375em) {
  label {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 26.25em) {
  label {
    font-size: 1.25em;
    margin-bottom: 0.4em;
  }
}

input[type],
select,
textarea,
.custom-input {
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.5em 0.75em;
  color: #fd5e00;
  caret-color: #004d6d;
  border: solid 2px #467EB1;
  border-radius: 0.3em;
}
@media (min-width: 26.3125em) {
  input[type],
select,
textarea {
    font-size: calc(0.8125rem + 0.4375 * (100vw - 26.3125em) / 53.625);
  }
}
@media (min-width: 79.9375em) {
  input[type],
select,
textarea {
    font-size: 1.25rem;
  }
}
input[type]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(0, 83, 159, 0.3);
}
input[type]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(0, 83, 159, 0.3);
}
input[type]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: rgba(0, 83, 159, 0.3);
}
input[type]::placeholder,
select::placeholder,
textarea::placeholder {
  color: rgba(0, 83, 159, 0.3);
}
input[type].error,
select.error,
textarea.error {
  color: #004d6d;
  border: solid 2px #004d6d;
}
input[type].error::-webkit-input-placeholder,
select.error::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder {
  color: rgba(228, 0, 0, 0.3);
}
input[type].error:-ms-input-placeholder,
select.error:-ms-input-placeholder,
textarea.error:-ms-input-placeholder {
  color: rgba(228, 0, 0, 0.3);
}
input[type].error::-ms-input-placeholder,
select.error::-ms-input-placeholder,
textarea.error::-ms-input-placeholder {
  color: rgba(228, 0, 0, 0.3);
}
input[type].error::placeholder,
select.error::placeholder,
textarea.error::placeholder {
  color: rgba(228, 0, 0, 0.3);
}
input[type]:disabled,
select:disabled,
textarea:disabled {
  border: solid 2px #A5A5A5;
  color: #848c97;
  background-color: #EAEFF4;
  cursor: not-allowed;
}
input[type].input-sm,
select.input-sm,
textarea.input-sm {
  max-width: 4.1em;
}
@media only screen and (max-width: 26.25em) {
  input[type],
select,
textarea {
    font-size: 1.25em;
  }
}

.checkbox-row {
  -ms-grid-columns: 10% 90%;
  grid-template-columns: 10% 90%;
}
.checkbox-row > div:first-child {
  -ms-grid-row-align: start;
  align-self: start;
}
.checkbox-row .checkbox {
  -ms-grid-row-align: start;
  align-self: start;
  -ms-grid-column-align: end;
  justify-self: end;
  display: block;
  float: right;
  margin: 3px 1.5em 0 0;
}
.checkbox-row .form-input-col label {
  width: 100%;
}
@media only screen and (max-width: 26.25em) {
  .checkbox-row {
    -ms-grid-columns: 20% 80%;
    grid-template-columns: 20% 80%;
  }
}

.checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.checkbox input[type=checkbox]:checked + label {
  background-color: #fd5e00;
  background-image: url("../images/icon-checkbox-tick.svg");
}

.checkbox-new-cdn-bg input[type=checkbox]:checked + label {
  background-color: #fd5e00;
  background-image: url("/api/cdn/Download?uri=icon-checkbox-tick.png");
}

.checkbox input[type=checkbox].error:not(:checked) + label {
  border-color: #004d6d;
}
.checkbox label {
  font-size: 1rem;
  width: 1.625em;
  height: 1.625em;
  padding-right: 0;
  text-align: left;
  border-style: solid;
  border-width: 2px;
  border-color: #fd5e00;
  border-radius: 4px;
  background-color: #FFF;
  background-position: center;
  cursor: pointer;
}
.checkbox input[type=checkbox]:disabled + label {
  border-color: #A5A5A5;
  background-color: #A5A5A5;
}

.checkbox-text-label {
  text-align: left;
  cursor: pointer;
}
.checkbox-text-label.disabled {
  color: #A5A5A5;
}
.checkbox-text-label a {
  color: #575757;
}
.checkbox-text-label a:hover {
  color: #fd5e00;
  text-decoration: underline;
}
@media only screen and (max-width: 26.25em) {
  .checkbox-text-label {
    padding-left: 0 !important;
    padding-right: 0;
    font-size: 0.9375em;
  }
}

.radio-btn-group {
  display: flex;
  width: 100%;
  flex: 1 1 100% !important;
  justify-content: space-around;
}
.radio-btn-group label {
  font-size: inherit;
  min-width: 11.875em;
  padding: 0;
}
.radio-btn-group label input {
  visibility: hidden;
}
.radio-btn-group label span {
  display: block;
  padding: 0.4583333333em;
  font-size: 1.5em;
  font-weight: 700;
  background: #EAEFF4;
  color: #fd5e00;
  border-radius: 0.5em;
  text-align: center;
  cursor: pointer;
}
.radio-btn-group label p.description {
  font-size: 1.0625em;
  font-weight: 700;
  margin-top: 0.5882352941em;
  color: #fd5e00;
  text-align: center;
}
.radio-btn-group label input:checked + span {
  background: #004d6d;
  color: #ffffff;
}
.radio-btn-group label input:checked ~ p.description {
  color: #000;
}
@media only screen and (max-width: 26.25em) {
  .radio-btn-group {
    flex-flow: row wrap;
    margin: 0 auto;
    font-size: 0.59375em;
  }
}
@media only screen and (max-width: 63.9375em) {
  .radio-btn-group {
    justify-content: space-around;
  }
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

select {
  background-image: url("../images/select-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 0.25em center;
  background-size: 1.05em 0.65em;
  padding-right: 1.6em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  /* IE 10 */
}
select:disabled {
  background-image: url("../images/select-arrow-disabled.svg");
}
select::-ms-expand {
  display: none;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-force-row {
  flex-direction: row !important;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.flex-grow {
  flex-grow: 1 !important;
}

.flex-shrink {
  flex-shrink: 1 !important;
}

.flex-no-grow {
  flex-grow: 0 !important;
}

.flex-no-shrink {
  flex-shrink: 0 !important;
}

.flex-basis-33 {
  flex-basis: 33%;
}

.flex-basis-50 {
  flex-basis: 50%;
}

.flex-basis-100 {
  flex-basis: 100%;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.content-center {
  align-content: center;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.modal-overlay {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background: rgba(101, 101, 101, 0.6);
}
.modal-overlay.active {
  display: flex;
}

.modal-overlay .modal {
  position: relative;
  height: 31.25em;
  margin: 2.1875em;
  background: #FFF;
  box-shadow: 0px 0.25em 1.5em rgba(0, 0, 0, 0.25);
  z-index: 300;
  border-radius: 40px;
}
.modal-overlay .modal .modal-content {
  overflow: auto;
  height: 100%;
}
.modal-overlay .modal .btn-close {
  display: block;
  position: absolute;
  top: 1.75em;
  right: 2.375em;
  width: 16px;
  height: 16px;
  background-image: url("../images/icon-modal-close.svg");
  background-repeat: no-repeat;
  background-size: 16px;
}

.modal-overlay .modal .btn-close-new-cdn {
  display: block;
  position: absolute;
  top: 1.75em;
  right: 2.375em;
  width: 16px;
  height: 16px;
  background-image: url("/api/cdn/Download?uri=icon-modal-close.png");
  background-repeat: no-repeat;
  background-size: 16px;
}

@media only screen and (max-width: 26.25em) {
  .modal-overlay .modal .btn-close {
    top: 0.9375em;
    right: 0.9375em;
  }
}

.fade-and-slide {
  -webkit-animation: fade-and-slide 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 60ms 1;
          animation: fade-and-slide 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 60ms 1;
}

.delay-250 {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

[data-anim=fade-and-slide].anim-ready {
  opacity: 0;
  -webkit-transform: translate3D(0, 20%, 0);
          transform: translate3D(0, 20%, 0);
  will-change: transform;
}

@-webkit-keyframes fade-and-slide {
  from {
    opacity: 0;
    -webkit-transform: translate3D(0, 20%, 0);
            transform: translate3D(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
            transform: translate3D(0, 0, 0);
  }
}

@keyframes fade-and-slide {
  from {
    opacity: 0;
    -webkit-transform: translate3D(0, 20%, 0);
            transform: translate3D(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
            transform: translate3D(0, 0, 0);
  }
}
.pr-0.pr-0 {
  padding-right: 0;
}

.mt-20 {
  margin-top: 1.25em !important;
}

.mb-50 {
  margin-bottom: 3.125em !important;
}
@media only screen and (max-width: 26.25em) {
  .mb-50 {
    padding-bottom: 1.25em !important;
  }
}

.pb-50 {
  padding-bottom: 3.125em !important;
}
@media only screen and (max-width: 26.25em) {
  .pb-50 {
    padding-bottom: 1.25em !important;
  }
}

.mt-45 {
  margin-top: 2.8125em !important;
}
@media only screen and (max-width: 26.25em) {
  .mt-45 {
    margin-top: 1.25em !important;
  }
}

.mb-45 {
  margin-bottom: 2.8125em !important;
}
@media only screen and (max-width: 26.25em) {
  .mb-45 {
    margin-bottom: 1.25em !important;
  }
}

.mt-65 {
  margin-top: 4.0625em !important;
}
@media only screen and (max-width: 26.25em) {
  .mt-65 {
    margin-top: 1.875em !important;
  }
}

.mb-65 {
  margin-bottom: 4.0625em !important;
}
@media only screen and (max-width: 26.25em) {
  .mb-65 {
    margin-bottom: 1.875em !important;
  }
}

.pt-65 {
  padding-top: 4.0625em !important;
}
@media only screen and (max-width: 26.25em) {
  .pt-65 {
    padding-top: 1.875em !important;
  }
}

.pb-65 {
  padding-bottom: 4.0625em !important;
}
@media only screen and (max-width: 26.25em) {
  .pb-65 {
    padding-bottom: 1.875em !important;
  }
}

.page-wrapper {
  min-height: 100vh;
}
.page-wrapper > main > section {
  width: 100%;
}
.page-wrapper > main > section:first-child {
  padding-top: calc(2.75em + 2.75em);
}
@media only screen and (max-width: 26.25em) {
  .page-wrapper > main > section:first-child {
    padding-top: 4.0625em;
  }
}

.center-lock {
  max-width: 80em;
  padding: 0 7.5em;
  margin: 0 auto;
}
@media only screen and (max-width: 26.25em) {
  .center-lock {
    padding: 0 2.125em;
  }
}

p.font-padding-fix {
  padding-left: 0.125rem;
}

.faq-page .hero-content {
  height: 32.625em;
}

@media only screen and (max-width: 26.25em) {
  .weboffice .hero-content h1 {
    font-size: 2.5em;
  }
  .weboffice .hero-content > article {
    padding-bottom: 5.3125em;
  }
}

@media only screen and (max-width: 365px) {
  body {
    font-size: 0.85em;
  }
}

@media only screen and (max-width: 290px) {
  body {
    font-size: 0.65em;
  }
}

.page-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2.75em;
  background: linear-gradient(45deg, rgba(0,52,77,1) 0%, rgba(0, 110,149,1) 100%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 100;
  transition: 0.4s;
}
.page-header .logo > img {
  width: 4.375em;
  margin-right: 1.625em;
}
.page-header .new-logo > img {
  margin-right: 0.625em;
}
@media only screen and (max-width: 26.25em) {
  .page-header .logo > img {
    width: 5.5em;
  }
  .page-header .new-logo > img {
    width: 1.3em;
    height: 1.3em;
    margin-bottom: 5px;
    image-rendering: -webkit-optimize-contrast;
  }
  .page-header .new-logo {
    font-size: 1.2em;
    color: #FFF;
    text-decoration: none;
    margin-bottom: -5px;
  }
}
.page-header > .center-lock {
  position: relative;
}
@media only screen and (max-width: 26.25em) {
  .page-header > .center-lock {
    padding: 0 1.4375em;
  }
}
.page-header nav {
  margin-left: 0.5625em;
  height: 100%;
}
.page-header nav > a {
  display: block;
  position: relative;
  padding: 0 1em;
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
}
.page-header nav > a span {
  border-bottom: transparent solid 1px;
  transition: border-bottom 0.3s;
}
.page-header nav > a img.icon-home {
  width: 1.125em;
}
.page-header nav > a img.hiper-logo {
  width: 1.5em;
  margin-right: 1em;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -webkit-optimize-contrast;
}
@media only screen and (min-width: 26.3125em) {
  .page-header nav > a {
    line-height: 2.6875em;
    border-right: solid 1px rgba(255, 255, 255, 0.3);
  }
  .page-header nav > a:hover {
    background-color: #008DC8;
  }
  .page-header nav > a.active span, .page-header nav > a:hover span {
    border-bottom: solid 1px #FFF;
  }
  .page-header nav > a:first-child, .page-header nav > a:last-child {
    border-left: solid 1px rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
  }
  .page-header nav > a:first-child.mobile-only + a {
    border-left: 0;
  }
  .page-header nav > a.pull-right {
    margin-left: auto;
  }
}
@media only screen and (max-width: 26.25em) {
  .page-header nav > a {
    padding: 1.05em 0 1.15em 0.8em;
    min-width: 11em;
    flex-basis: auto;
    /* default value */
    flex-grow: 1;
    background: #fd5e00;
    border-bottom: solid 1px rgba(115, 161, 202, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  .page-header nav > a:last-child {
    border: 0;
  }
  .page-header nav > a.active {
    background: #FFF;
    color: #fd5e00;
  }
}
@media only screen and (max-width: 26.25em) {
  .page-header nav {
    display: none;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    top: 4.0625em;
    right: 0;
    width: auto;
    height: calc(100vh - 65px);
    overflow: auto;
  }
}
.page-header .open-nav {
  display: none;
  margin-left: auto;
  border: 0;
  outline: none;
  font-size: 1.25em;
  padding-right: 1.85em;
  padding-bottom: 0.2em;
  background-image: url("../images/open-nav.svg");
  background-repeat: no-repeat;
  background-position: right center;
}
.page-header .open-nav-new-cdn {
  background-image: url("/api/cdn/Download?uri=open-nav.png");
  background-repeat: no-repeat;
  background-position: right center;
}

@media only screen and (max-width: 26.25em) {
  .page-header .open-nav {
    display: block;
  }
}
.page-header .open-nav.active {
  background-image: url("../images/close-nav.svg");
}
.page-header .open-nav.active-new-cdn {
  background-image: url("/api/cdn/Download?uri=close-nav.png");
}
.page-header .open-nav.active ~ nav {
  display: flex;
}
@media only screen and (max-width: 26.25em) {
  .page-header {
    height: 4.0625em;
  }
}

.page-footer {
  background: #F6F6F6;
  flex: 0 1 20.375em;
}
.page-footer .footer-inner {
  padding: 2.1875em;
}
.page-footer .footer-inner > article {
  min-height: 3.75em;
}
.page-footer .footer-inner > article > section {
  border-right: solid 1px rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 26.3125em) {
  .page-footer .footer-inner > article > section:first-child {
    padding-left: 0;
  }
  .page-footer .footer-inner > article > section:last-child {
    padding-right: 0;
    border-right: 0;
  }
}
@media only screen and (max-width: 26.25em) {
  .page-footer .footer-inner > article > section {
    border-right: 0;
    /* flex: 0 0 100%; */
    padding: 0 2.125em 0;
  }
}
.page-footer .footer-inner > article h2 {
  font-size: 1em;
  margin-bottom: 1.125em;
  color: #383D47;
}
.page-footer .footer-inner > article p {
  font-size: 0.9375em;
  line-height: 1.4666666667em;
  margin-bottom: 0;
  color: #797979;
}
.page-footer .footer-inner .mb-1em{
  margin-bottom: 1em;
}
.page-footer .footer-inner > article p.mb-18 {
  margin-bottom: 1.2em;
}
.page-footer .footer-inner > article p.mb-5 {
  margin-bottom: 0.3333333333em;
}
.page-footer .footer-inner > article p.small {
  font-size: 0.75em;
  line-height: 1.5833333333em;
}
.page-footer .footer-inner > article p.small.mb-18 {
  margin-bottom: 1.5em;
}
.page-footer .footer-inner > article a {
  font-size: 1em;
  text-decoration: none;
}
.page-footer .footer-inner > article a span {
  border-bottom: transparent solid 1px;
  transition: border-bottom 0.3s;
}
.page-footer .footer-inner > article a.active span, .page-footer .footer-inner > article a:hover span {
  border-bottom: solid 1px #797979;
}
.page-footer .footer-inner > article .btn-chat {
  display: inline-block;
  font-size: 1.1666666667em;
  font-weight: 700;
  padding: 0.1428571429em 1em 0.2142857143em;
  margin-right: 0.4285714286em;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  background: #004d6d;
  border-radius: 2.4285714286em;
}
.page-footer .footer-inner > article .phone-style {
  color: #797979;
  text-decoration: none;
}
.page-footer .footer-inner > article .footer-brand .logo {
  display: block;
  max-width: 7.625em;
}
@media only screen and (max-width: 26.25em) {
  .page-footer .footer-inner > article .footer-brand .logo {
    max-width: 4.375em;
  }
}
.page-footer .footer-inner > article .footer-brand .footer-open {
  display: inline-block;
  font-size: 0.875em;
  font-weight: 700;
  text-decoration: none;
  padding-right: 1.5714285714em;
  background-image: url("../images/icon-footer-closed.svg");
  background-repeat: no-repeat;
  background-position: center right;
}

.page-footer .footer-inner > article .footer-brand .footer-open-new-cdn {
  display: inline-block;
  font-size: 0.875em;
  font-weight: 700;
  text-decoration: none;
  padding-right: 1.5714285714em;
  background-image: url("/api/cdn/Download?uri=icon-footer-closed.png");
  background-repeat: no-repeat;
  background-position: center right;
}

.page-footer .footer-inner > article .footer-brand.opened .footer-open {
  background-image: url("../images/icon-footer-opened.svg");
}
.page-footer .footer-inner > article .footer-brand.opened .footer-open-new-cdn {
  background-image: url("/api/cdn/Download?uri=icon-footer-opened.png");
}

@media only screen and (max-width: 26.25em) {
  .page-footer .footer-inner > article .footer-brand {
    height: 3.75em;
    padding: 0 2.125em;
    justify-content: space-between;
    align-items: center;
  }
  .page-footer .footer-inner > article .footer-brand:not(.opened) ~ section {
    display: none;
  }
}
@media only screen and (max-width: 26.25em) {
  .page-footer .footer-inner > article .sitemap-section {
    padding-top: 1.625em;
    padding-bottom: 1.625em;
  }
}
.page-footer .footer-inner > article .sitemap a {
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 26.25em) {
  .page-footer .footer-inner > article .sitemap {
    flex-direction: row;
  }
  .page-footer .footer-inner > article .sitemap div {
    flex: 0 0 50%;
  }
  .page-footer .footer-inner > article .sitemap div:last-child {
    padding-left: 2.125em;
    border-right: 0;
  }
  .page-footer .footer-inner > article .sitemap a {
    font-size: 0.8125em;
  }
}
.page-footer .footer-inner > article .weboffice p {
  margin-bottom: 1.625em;
}
@media only screen and (min-width: 26.3125em) {
  .page-footer .footer-inner > article .weboffice {
    max-width: 15.625em;
  }
}
@media only screen and (max-width: 26.25em) {
  .page-footer .footer-inner > article .weboffice {
    display: flex;
    flex-direction: column;
    flex-flow: row wrap;
    padding-bottom: 2.125em;
  }
  .page-footer .footer-inner > article .weboffice h2,
.page-footer .footer-inner > article .weboffice .link-login {
    order: 1;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .page-footer .footer-inner > article .weboffice p {
    order: 2;
    flex: 0 0 100%;
  }
  .page-footer .footer-inner > article .weboffice .link-login {
    text-align: right;
  }
}
.page-footer .footer-inner > article .social-media {
  padding-bottom: 2.1875em;
}
.page-footer .footer-inner > article .social-media a {
  margin-right: 0.75em;
}
.page-footer .footer-inner > article .social-media a img {
  max-width: 2.5em;
}
@media only screen and (max-width: 26.25em) {
  .page-footer .footer-inner > article {
    flex-direction: column;
  }
}
@media only screen and (max-width: 26.25em) {
  .page-footer .footer-inner {
    padding: 0;
  }
}
@media only screen and (max-width: 26.25em) {
  .page-footer {
    flex: 0 0 100%;
  }
}

.copyright-footer {
  padding: 0.9375em;
  background-color: #FFF;
}
.copyright-footer p {
  font-size: 0.875em;
  margin-bottom: 0;
  color: #333333;
}
@media only screen and (max-width: 26.25em) {
  .copyright-footer p {
    font-size: 0.625em;
  }
}

.page-wrapper main section.hero-content {
  padding-top: 4.3125em;
  margin-top: 2.75em;
}
@media only screen and (max-width: 26.25em) {
  .page-wrapper main section.hero-content {
    padding-top: 69vw;
    margin-top: 0;
  }
}

.hero-content {
  position: relative;
  padding-bottom: 4.0625em;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-color: #ec5e12;
}

.hero-content.bg-oc {
  background:
          radial-gradient(circle at center, transparent, rgba(0, 77, 109, 0.96) 600px),
          url("../images/aloldal-header-oc.png");
  background-size: cover, 80em 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-content.bg-family {
  background-image:
  url("../images/fejlec-kezdolap-oc.jpg");
  background-size: auto calc(36em + 2.75em);
}
.hero-content.bg-family-new-cdn {
  background-image: url("/api/cdn/Download?uri=fejlec-kezdolap.jpg");
  background-size: auto calc(36em + 2.75em);
}
.hero-content.bg-family.new-logo {
  height: 33em;
}
@media only screen and (max-width: 26.25em) {
  .hero-content.bg-family.new-logo {
    height: auto;
  }
}
.hero-content.bg-family article img{
	position: inherit;
	width: 100%;
	top: 10.8em;
	left: 3.5em;
	opacity: 0.7;
}
.hero-content.bg-family .intro-header {
	top: 0.5em;
	font-size: 3.6em;
	text-indent: 3.2em;
	line-height: 1.1em;
	padding-top: 0;
    padding-left: 1.45em;

  text-shadow: none;
	position: absolute;
}
@media only screen and (max-width: 26.25em) {
  .hero-content.bg-family .intro-header {
  	font-size: 2.5em !important;
    margin-bottom: 0.525em !important;
    line-height: normal;
    padding-top: 0.3896103896em;
    text-indent: 0;
    text-shadow: 0px 0px 3px #000000;
	position: static;
  }
  .intro-text-yellow {
    width: 50%;
  }
}
.hero-content.bg-family p.intro-new-cdn {
	font-size: 1.37em;
	font-weight: 500;
	padding-top: 0;
	position: absolute;
}
@media only screen and (max-width: 26.25em) {
  .hero-content.bg-family p.intro-new-cdn {
    font-size: 1.125em;
	font-weight: 700;
	position: static;
  }
}
.intro-text-yellow {
	top: 16em;
	left: 17em;
	color: #ffffff;
}
.intro-text {
	top: 17.5em;
}
@media only screen and (max-width: 26.25em) {
  .hero-content.bg-family {
    background-image: url("../images/fejlec-kezdolap-mobile.jpg");
    height: auto;
  }
  .hero-content.bg-family-new-cdn {
    background-image: url("/api/cdn/Download?uri=fejlec-kezdolap-mobile.jpg");
    height: auto;
  }
}
.hero-content.bg-kid {
    background:
          radial-gradient(circle at center, transparent, rgba(00, 77, 109, 0.96) 600px),
          url("../images/csomag-egyeni-oc.jpg");
    background-size: auto ,80em;
    background-repeat: no-repeat;
    background-position: center, center 20%;

}
.hero-content.bg-kid-new-cdn {
  background-image: url("/api/cdn/Download?uri=fejlec-balesetbiztositas.jpg");
  background-size: auto calc(43.5em + 2.75em);
}
@media only screen and (max-width: 26.25em) {
  .hero-content.bg-kid {
    background-image: url("../images/fejlec-balesetbiztositas-mobile.jpg");
  }
  .hero-content.bg-kid-new-cdn {
    background-image: url("/api/cdn/Download?uri=fejlec-balesetbiztositas-mobile.jpg");
  }
}
.hero-content.bg-employee {
  background-image: url("../images/employee-promotion.png");
}
.hero-content.bg-employee-new-cdn {
  background-image: url("/api/cdn/Download?uri=employee-promotion.png");
}
.hero-content.employee-page {
  padding-top: 10.5em;
  padding-left: 2.5em;
  padding-right: 50%;
  padding-bottom: 2.5em;
  background-size: cover;
  background-position-y: 8.2em;
  background-attachment: scroll;
}
.hero-content.employee-page p {
  font-size: 1.2em;
  margin-bottom: 1.3rem;
}
.employee-page article p:last-of-type {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}
.btn.employee-btn {
  font-size: 1em;
  min-width: 11.25em;
  padding: 0.75em 0.625em;
}
@media only screen and (max-width: 26.25em) {
  .hero-content.employee-page {
    padding: 81vw 0 0 0;
    background-position-y: 6.8em;
  }
  .hero-content.employee-page article {
    padding: 1.2em;
    text-align: justify;
  }
  .hero-content.bg-employee {
    background-image: url("../images/employee-promotion-mobile.jpg");
  }
  .hero-content.bg-employee-new-cdn {
    background-image: url("/api/cdn/Download?uri=employee-promotion-mobile.jpg");
  }
  .btn.employee-btn {
    font-size: 1.25em;
    min-width: 11.35em;
    padding: 0.65em 0.8em;
    margin-bottom: 1.5em;
  }
}
.hero-content.bg-2in1 {
  background:
          radial-gradient(circle at center, transparent, rgba(00, 77, 109 ,.96) 600px),
          url("../images/fejlec-2in1-oc.png");
  background-size: cover, 80em 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.hero-content.bg-2in1-new-cdn {
  background-image: url("/api/cdn/Download?uri=fejlec-2in1.jpg");
  background-size: auto 90%;
  background-position: -8em 5em;
}
@media only screen and (max-width: 26.25em) {
  .hero-content.bg-2in1 {
    background-image: url("../images/fejlec-2in1-mobile.png");
    background-size: unset;
    background-position: 0em 3em;
  }
  .hero-content.bg-2in1-new-cdn {
    background-image: url("/api/cdn/Download?uri=fejlec-2in1-mobile.png");
    background-size: unset;
    background-position: 0em 3em;
  }
}
.hero-content.bg-car {
  background: radial-gradient(circle at center, transparent, rgba(0, 77, 109, 0.96) 600px),
  url("../images/fejlec-auto-asszisztencia-oc.jpg");
  background-size: cover, 80em 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.hero-content.bg-car-new-cdn {
  background-image: url("/api/cdn/Download?uri=fejlec-auto-asszisztencia.jpg");
  background-size: auto calc(43.875em + 2.75em);
}
@media only screen and (max-width: 26.25em) {
  .hero-content.bg-car {
    background-image: url("../images/fejlec-auto-asszisztencia-mobile.jpg");
  }
  .hero-content.bg-car-new-cdn {
    background-image: url("/api/cdn/Download?uri=fejlec-auto-asszisztencia-mobile.jpg");
  }
}
.hero-content.bg-health {
  background:
          radial-gradient(circle at center, transparent, rgba(0, 77, 109 ,0.96) 600px),
           url(../images/csomag-alap-health-oc.jpg);
  background-size: auto, 80em;
  background-repeat: no-repeat;
  background-position: center, center 6%;
}
.hero-content.bg-health-new-cdn {
  background-image: url(/api/cdn/Download?uri=fejlec-egeszsegor.png);
  background-size: auto calc(43.875em + 2.75em);
  background-position-y: 36px;
  background-position-x: 60%;
}


@media only screen and (max-width: 26.25em) {
  .hero-content.bg-health {
    background-image: url("../images/fejlec-egeszsegor-mobile.png");
  }
  .hero-content.bg-health-new-cdn {
    background-image: url("/api/cdn/Download?uri=fejlec-egeszsegor-mobile.png");
  }
}
.hero-content.bg-income {
  background-image: url(../images/fejlec-jovedelempotlo.png);
  background-size: auto calc(40.875em + 2.75em);
  background-position-x: 57%;
}
.hero-content.bg-income-new-cdn {
  background-image: url(/api/cdn/Download?uri=fejlec-jovedelempotlo.png);
  background-size: auto calc(40.875em + 2.75em);
  background-position-x: 57%;
}
@media only screen and (max-width: 26.25em) {
  .hero-content.bg-income {
    background-image: url("../images/fejlec-jovedelempotlo-mobile.png");
  }
   .hero-content.bg-income-new-cdn {
    background-image: url("/api/cdn/Download?uri=fejlec-jovedelempotlo-mobile.png");
  }
}
.hero-content.bg-weboffice {
  background-image: url("../images/fejlec-webiroda.jpg");
  background-size: auto calc(30em + 2.75em);
}
.hero-content.bg-weboffice-new-cdn {
  background-image: url("/api/cdn/Download?uri=fejlec-webiroda.jpg");
  background-size: auto calc(30em + 2.75em);
}
@media only screen and (max-width: 26.25em) {
  .hero-content.bg-weboffice {
    background-image: url("../images/fejlec-webiroda-mobile.jpg");
  }
  .hero-content.bg-weboffice-new-cdn {
    background-image: url("/api/cdn/Download?uri=fejlec-webiroda-mobile.jpg");
  }
}
.hero-content.bg-faq {
  background-image: url("../images/fejlec-gyik.jpg");
  background-size: auto calc(32.625em + 2.75em);
}
.hero-content.bg-faq-new-cdn {
  background-image: url("/api/cdn/Download?uri=fejlec-gyik.jpg");
  background-size: auto calc(32.625em + 2.75em);
}
@media only screen and (max-width: 26.25em) {
  .hero-content.bg-faq {
    background-image: url("../images/fejlec-gyik-mobile.jpg");
  }
  .hero-content.bg-faq-new-cdn {
    background-image: url("/api/cdn/Download?uri=fejlec-gyik-mobile.jpg");
  }
}
@media only screen and (max-width: 26.25em) {
  .hero-content article {
    background-image: radial-gradient(384.61px at 15.35% -26.51%, #3c1a07 0%, rgba(10, 52, 91, 0.948752) 24.86%, rgba(17, 74, 129, 0.751743) 60.83%, rgba(58, 115, 170, 0) 100%);
    background-color: #3778B4;
  }
}
.hero-content h1 {
  font-size: 4.8125em;
  line-height: 1.2727272727em;
  padding-top: 0.3896103896em;
  margin: 0;
  color: #FFF;
  text-shadow: 0px 0px 3px #000000;
}
.hero-content h1.medium-size {
  font-size: 3.4375em;
  line-height: normal;
}
@media only screen and (max-width: 26.25em) {
  .hero-content h1 {
    font-size: 2.5em !important;
    margin-bottom: 0.525em;
    line-height: normal;
  }
}
.hero-content .intro {
  font-size: 1.25em;
  line-height: normal;
  font-weight: 700;
  padding-top: 1.5em;
  margin: 0;
}
@media only screen and (max-width: 26.25em) {
  .hero-content .intro {
    font-size: 1.125em;
    padding-top: 0;
  }
}
.hero-content .intro-faq {
  padding-bottom: 3.75em;
}
.hero-content .intro-giftcard {
  font-size: 2.125em;
  line-height: 1.3529411765em;
  padding-top: 1.0588235294em;
  margin: 0;
}
@media only screen and (max-width: 26.25em) {
  .hero-content .intro-giftcard {
    font-size: 1.25em;
    padding: 1.2em 0 2.8823529412em;
    line-height: 1.2em;
  }
}
.hero-content ul {
  margin-top: 2.375em;
  padding-bottom: 2.375em;
}
@media only screen and (max-width: 26.25em) {
  .hero-content ul {
    padding-bottom: 2.8125em;
  }
}
.hero-content .cta-button {
  z-index: 1;
}
@media only screen and (max-width: 26.25em) {
  .hero-content .cta-button {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    border: solid 1px #467EB1;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
  }
}
@media only screen and (max-width: 26.25em) {
  .hero-content {
    background-size: 100vw !important;
    padding-bottom: 0;
  }
}

.team {
  padding-top: 2.8125em;
}
.team > h1 {
  margin-bottom: 0.7em;
}
.team .intro {
  font-size: 1.6875em;
  line-height: 1.5555555556em;
  margin-bottom: 1.6666666667em;
}
@media only screen and (max-width: 26.25em) {
  .team .intro {
    font-size: 0.9375em;
    line-height: 1.5333333333em;
    margin-bottom: 1.6em;
  }
}
.team img {
  max-width: 100%;
}
.team > article {
  padding-bottom: 2.8125em;
}
.team > article h1 {
  padding-top: 0.7em;
}
.team > article p {
  font-size: 0.6875rem;
  line-height: normal;
}
@media (min-width: 26.3125rem) {
  .team > article p {
    font-size: calc(0.6875rem + 0.5625 * (100vw - 26.3125rem) / 53.625);
  }
}
@media (min-width: 79.9375rem) {
  .team > article p {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 26.25em) {
  .team > article p {
    font-size: 0.9375em;
    line-height: 1.8em;
  }
}

.statistics {
  padding: 2.1875em 0 2.8125em;
}
.statistics figure {
  margin: 0;
  padding: 0 2.25em 2.25em;
  text-align: center;
  font-weight: 500;
  background-image: url("../images/separator-vertical.svg");
  background-repeat: no-repeat;
  background-position: center left;
}
.statistics .figure-new-cdn {
  margin: 0;
  padding: 0 2.25em 2.25em;
  text-align: center;
  font-weight: 500;
  background-image: url("/api/cdn/Download?uri=separator-vertical.png");
  background-repeat: no-repeat;
  background-position: center left;
}

.statistics figure:first-child {
  padding-left: 0;
  background-image: none;
}
.statistics figure:last-child {
  padding-right: 0;
}
.statistics figure .tag {
  border-radius: 10px;
  margin: 0 auto;
}
.statistics figure .tag.tag-normal {
  width: 6.0697674419em;
}
.statistics figure .tag.tag-wider {
  width: 5em;
}
.statistics figure p, .statistics figure figcaption {
  font-size: 1.5em;
}
.statistics figure figcaption {
  margin-top: 0.9166666667em;
}
@media only screen and (max-width: 63.9375em) {
  .statistics {
    padding: 2.25em 0 3.125em;
  }
  .statistics h1 {
    text-align: center;
  }
  .statistics .stat-boxes {
    font-size: 1rem;
    flex-flow: column nowrap;
  }
  .statistics figure {
    padding-top: 2.25em;
    background-image: url("../images/separator-horizontal.svg");
    background-position: top center;
    padding-left: 0;
    padding-right: 0;
  }
  .statistics .figure-new-cdn {
    padding-top: 2.25em;
    background-image: url("/api/cdn/Download?uri=separator-horizontal.png");
    background-position: top center;
    padding-left: 0;
    padding-right: 0;
  }
  .statistics figure:first-child {
    padding-top: 0;
  }
  .statistics figure:last-child {
    padding-bottom: 0;
  }
  .statistics figure p, .statistics figure figcaption {
    padding: 0;
    margin: 0;
  }
}
@media only screen and (max-width: 26.25em) {
  .statistics {
    /* FIXME: should be the default size, but page-padding breaks it into 2 lines.. */
  }
  .statistics h1 {
    font-size: 1.5em;
  }
}

.stat-cards {
  padding: 2.5em 0 0;
}
.stat-cards > .center-lock {
  padding-left: 4.25em;
}
.stat-cards h1 {
  margin-bottom: 1em;
}
@media only screen and (max-width: 63.9375em) {
  .stat-cards .card-list {
    max-width: 37.5em;
    font-size: 1rem;
    margin: 0 auto;
  }
  .stat-cards .card-list > figure {
    margin: 1.25em;
  }
}
@media screen and (max-width: 45em) {
  .stat-cards .card-list {
    flex-direction: column;
    align-items: center;
    width: auto;
  }
}
.stat-cards figure {
  width: 14.6875em;
  height: 17.6875em;
  padding: 1.75em 0;
  margin: 0 1.25em;
  text-align: center;
  font-weight: 500;
  border: 1px solid #fd5e00;
  background-image: url("../images/stat-card-bg.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #FFF;
  box-shadow: 0.3125em 0.8125em 1.875em rgba(0, 0, 0, 0.08);
}

.stat-cards .figure-new-cdn {
  width: 14.6875em;
  height: 17.6875em;
  padding: 1.75em 0;
  margin: 0 1.25em;
  text-align: center;
  font-weight: 500;
  border: 1px solid #fd5e00;
  background-image: url("/api/cdn/Download?uri=stat-card-bg.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #FFF;
  box-shadow: 0.3125em 0.8125em 1.875em rgba(0, 0, 0, 0.08);
}

.stat-cards figure.skewed {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  margin: 0 2.5em;
}
.stat-cards figure p, .stat-cards figure figcaption {
  color: #848c97;
  text-align: center;
}
.stat-cards figure p {
  font-size: 1em;
}
.stat-cards figure figcaption {
  font-size: 1.125em;
}
.stat-cards figure img {
  margin-top: 2em;
  margin-bottom: 2em;
  position: relative;
  left: 0.3125em;
}

.features {
  position: relative;
  padding-top: 3.4375em;
}
.features h1 {
  margin-bottom: 1.3em;
}
@media only screen and (max-width: 26.25em) {
  .features h1 {
    text-align: center;
    margin-bottom: 1.04em;
  }
}
@media only screen and (min-width: 26.3125em) {
  .features .feature-list .feature div:first-child {
    margin-right: 2.25em;
  }
}
.features .feature-list .feature .image-container {
  position: relative;
  padding: 1.875em;
  width: 18.75em;
  height: 18.75em;
  box-sizing: content-box;
}
.features .feature-list .feature .image-container img {
  width: 103%;
  border-radius: 50%;
  position: relative;
  top: -12px;
  left: -8px;
  z-index: -1;
}
.features .feature-list .feature .image-container .circle {
  position: absolute;
  border-radius: 50%;
}
.features .feature-list .feature .image-container .circle-blue {
  width: 19.375em;
  height: 19.375em;
  border: solid 2px #004d6d;
  -webkit-transform: translate(-0.5625em, -0.8125em);
  transform: translate(-0.5625em, -0.8125em);
}
@media only screen and (max-width: 26.25em) {
  .features .feature-list .feature .image-container .circle-blue {
    -webkit-transform: translate(-7%, -8.28%);
    transform: translate(-7%, -8.28%);
  }
}
.features .feature-list .feature .image-container .circle-grey {
  width: 21.25em;
  height: 21.25em;
  border: solid 1px #E0E0E0;
  -webkit-transform: translate(-1.5em, -1.75em);
  transform: translate(-1.5em, -1.75em);
}
@media only screen and (max-width: 26.25em) {
  .features .feature-list .feature .image-container .circle-grey {
    -webkit-transform: translate(-2.94%, -4.2%);
    transform: translate(-2.94%, -4.2%);
  }
}
@media only screen and (max-width: 26.25em) {
  .features .feature-list .feature .image-container {
    font-size: 0.6875em;
    width: 55vw;
    height: 55vw;
  }
  .features .feature-list .feature .image-container .circle-grey, .features .feature-list .feature .image-container .circle-blue {
    width: calc(100% - 1.875em);
    height: calc(100% - 1.875em);
  }
}
.features .feature-list .feature .feature-content {
  width: 100%;
}
.features .feature-list .feature .feature-content h2 {
  margin-bottom: 0.6em;
}
.features .feature-list .feature .feature-content p {
  position: relative;
  color: #333333;
}
.features .feature-list .feature .feature-content p img.leading-line {
  position: absolute;
  max-width: 15.6875rem;
  width: 17vw;
  left: 0;
  top: 6.3888888889em;
}
.features .feature-list .feature .feature-content p img.leading-line.mirrored {
  left: auto;
  right: 0;
}
@media only screen and (max-width: 26.25em) {
  .features .feature-list .feature .feature-content p img.leading-line {
    display: none;
  }
}
@media only screen and (max-width: 26.25em) {
  .features .feature-list .feature .feature-content {
    position: absolute;
    max-width: 300px;
    top: 105vw;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
  }
  .features .feature-list .feature .feature-content.active {
    opacity: 1;
    z-index: 2;
  }
}
.features .feature-list .feature.justify-end p::after {
  left: auto;
  right: 0;
}
.features .feature-list .feature:last-child p::after {
  content: none;
}
@media only screen and (max-width: 26.25em) {
  .features .feature-list .feature {
    margin-bottom: 4.0625em;
  }
  .features .feature-list .feature .feature-content.active {
    display: block;
  }
  .features .feature-list .feature:first-child {
    margin-left: 64px;
    transition: margin-left 0.3s ease 0s;
  }
}
@media only screen and (max-width: 26.25em) {
  .features .feature-list {
    flex-direction: row;
  }
}
.features .nav {
  display: none;
}
@media only screen and (max-width: 26.25em) {
  .features .nav {
    display: block;
    position: absolute;
    top: 97vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    z-index: 2;
  }
  .features .nav > a {
    font-size: 0.3125em;
    display: inline-block;
    border-radius: 50%;
    width: 1.625em;
    height: 1.625em;
    background: #C4C4C4;
    margin: 0 0.75em;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .features .nav > a.active {
    background: #fd5e00;
  }
}
@media only screen and (max-width: 26.25em) and (max-width: 26.25em) {
  .features .nav > a.active {
    margin: 0 0.875em;
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
  }
}
@media only screen and (max-width: 26.25em) {
  .features {
    min-height: 162vw;
    padding: 3.4375em 0 0 0;
    overflow-x: hidden;
  }
  .features .justify-end p, .features .justify-end h2 {
    text-align: center;
  }
  .features + section + .social-footer {
    background: #EAEFF4;
  }
}

.products {
  padding-top: 4.75em;
  position: relative;
}
.products h1 {
  margin-bottom: 0;
}
@media only screen and (max-width: 26.25em) {
  .products {
    padding-top: 2.5em;
    background-color: #FFF;
    background-image: linear-gradient(to bottom, #FFF, #FFF 21.2%, #EAEFF4 21.2%, #EAEFF4 94%, #FFF 94%, #FFF 100%);
  }
  .products h1 {
    text-align: center;
  }
}

.product-list {
  padding: 5.625em 4.75em 6.0625em;
}
@media only screen and (max-width: 26.25em) {
  .product-list {
    flex-direction: column;
    padding: 2.5625em 2.125em 0;
  }
}
@media only screen and (min-width: 26.3125em) and (max-width: 79.9375em) {
  .product-list {
    font-size: 0.90625em;
  }
}
@media only screen and (max-width: 63.9375em) {
  .product-list {
    font-size: 0.875em;
  }
}

.product-box {
  width: 100%;
  max-width: 34.0625em;
  padding-bottom: 2.375em;
  overflow: hidden;
  z-index: 1;
  box-shadow: -0.125em 0.875em 5em rgba(0, 0, 0, 0.15);
}
.product-box .header {
  position: relative;
  height: 19.6875em;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.product-box .header::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 13.875em;
  width: 100%;
 /* background-image: linear-gradient(to top, rgba(159, 75, 0, 0.96) 0%, rgba(0, 83, 159, 0) 100%);
  background-image: -ms-linear-gradient(to top, rgba(159, 75, 0, 0.96) 0%, rgba(0, 83, 159, 0) 100%);*/
}
@media only screen and (max-width: 26.25em) {
  .product-box .header::before {
    height: 7.8125em;
  }
}
.product-box .header h2.product-title {
  position: absolute;
  left: 0;
  bottom: 0.32em;
  margin-bottom: 0;
  width: 100%;
}
.product-box .header .tag {
  position: absolute;
  top: 0;
  right: 0;
  /*line-height: 2;*/
}
.product-box .header.bg-oc {
  background-image: url("../images/bg-oc.png");
}
.product-box .header.bg-kid {
  background-image: url("../images/product-bg-kid-oc.jpg");
}
.product-box .header.bg-kid-new-cdn {
  background-image: url("/api/cdn/Download?uri=product-bg-kid.jpg");
}
.product-box .header.bg-car {
  background-image: url("../images/product-bg-car-oc.jpg");
}
.product-box .header.bg-car-new-cdn {
  background-image: url("/api/cdn/Download?uri=product-bg-car.jpg");
}
.product-box .header.bg-inc {
  background-image: url("../images/product-bg-inc.png");
}
.product-box .header.bg-inc-new-cdn {
  background-image: url("/api/cdn/Download?uri=product-bg-inc.png");
}
.product-box .header.bg-health {
  background-image: url("../images/product-bg-health-oc.jpg");
}
.product-box .header.bg-health-new-cdn {
  background-image: url("/api/cdn/Download?uri=product-bg-health.png");
  background-position: right 40px top 0px;
}
.product-box .header.bg-2in1 {
  background-image: url("../images/fejlec-2in1-oc.png");
  background-position: right;
}
.product-box .header.bg-2in1-new-cdn {
  background-image: url("/api/cdn/Download?uri=fejlec-2in1.jpg");
  background-position: right;
}
@media only screen and (max-width: 26.25em) {
  .product-box .header {
    height: 12.5em;
  }
}
.product-box p.description {
  margin: 1.5555555556em 3.0555555556em 1em;
  line-height: 1.9444444444em;
}
@media only screen and (max-width: 26.25em) {
  .product-box p.description {
    font-size: 0.9375em;
    line-height: 1.8666666667em;
    margin: 1.4666666667em;
  }
}
@media only screen and (max-width: 26.25em) {
  .product-box {
    padding-bottom: 2.125em;
  }
  .product-box:not(:last-of-type) {
    margin-bottom: 2.125em;
  }
}

.package-offers {
  margin-top: 4.0625em;
  padding: 0 1.6875em;
}
@media only screen and (max-width: 26.25em) {
  .package-offers {
    padding: 0;
    margin-top: 2.375em;
  }
}
.package-offers .panel > * {
  width: 100%;
}
.package-offers .panel header {
  position: relative;
  padding: 3.75em 3.75em 0;
  margin-bottom: 1.625em;
  background-repeat: no-repeat;
  background-size: cover;
}
.package-offers .panel header h1 {
  font-size: 4.0625em;
  line-height: 1.38em;
  margin-bottom: 0.4615384615em;
}
.package-offers .panel header p {
  font-size: 1.9375em;
  font-weight: 400;
  margin-bottom: 0;
}
.package-offers .panel header .subtitle {
  font-size: 4.375em;
  font-weight: 500;
  margin-top: 0.2857142857em;
}
.package-offers .panel header .subtitle .small {
  font-size: 0.4285714286em;
}
.package-offers .panel header .tag {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 26.25em) {
  .package-offers .panel header .tag {
    font-size: 3.7142857143em;
  }
}
.package-offers .panel header.bg-yearly-package {
  background-image: url("../images/csomag-eves-oc.jpg");
  background-position: 20% center;
}
.package-offers .panel header.bg-yearly-package-new-cdn {
  background-image: url("/api/cdn/Download?uri=csomag-eves.jpg");
}
.package-offers .panel header.bg-quarterly-package {
  background-image: url("../images/csomag-negyedeves-oc.jpg");
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}
.package-offers .panel header.bg-quarterly-package-new-cdn {
  background-image: url("/api/cdn/Download?uri=csomag-negyedeves.jpg");
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}
.package-offers .panel header.bg-monthly-package {
  background-image: url("../images/csomag-havi-oc.jpg");
  background-position: 60% 39%;

}
.package-offers .panel header.bg-monthly-package-new-cdn {
  background-image: url("/api/cdn/Download?uri=csomag-havi.jpg");
}
.package-offers .panel header.bg-family-package {
  background-image: url("../images/csomag-csaladi-oc.jpg");
  background-position: 60% 39%;
}
.package-offers .panel header.bg-family-package-new-cdn {
  background-image: url("/api/cdn/Download?uri=csomag-csaladi.jpg");
}

.package-offers .panel header.bg-solo-package {
  background-image: url("../images/csomag-egyeni-oc.jpg");
}
.package-offers .panel header.bg-solo-package-new-cdn {
  background-image: url("/api/cdn/Download?uri=csomag-egyeni.jpg");
}
.package-offers .panel header.bg-premium-package {
  background-image: url("../images/csomag-premium.png");
  background-color: #fd5e00;
  background-size: cover;
  background-position: right;
}
.package-offers .panel header.bg-premium-package-new-cdn {
  background-image: url("/api/cdn/Download?uri=csomag-premium.png");
  background-color: #fd5e00;
  background-size: cover;
  background-position: right;
}
.package-offers .panel header.bg-premium-health-package {
  background-image: url("../images/csomag-premium-health-oc.jpg");
  background-color: #fd5e00;
  background-size: cover;
  background-position: right;
}
.package-offers .panel header.bg-premium-health-package-new-cdn {
  background-image: url("/api/cdn/Download?uri=csomag-premium-health.png");
  background-color: #fd5e00;
  background-size: cover;
  background-position: right;
}
.package-offers .panel header.bg-standard-health-package {
  background-image: url("../images/csomag-alap-health-oc.jpg");
  background-color: #fd5e00;
  background-position: 1% 10%;

}
.package-offers .panel header.bg-standard-health-package-new-cdn {
  background-image: url("/api/cdn/Download?uri=csomag-alap-health.png");
  background-color: #fd5e00;
  background-size: cover;
  background-position: right;
}

.package-offers .panel header.bg-loan {
  background-image: url("../images/loan-classic.jpg");
  background-size: auto calc(59em + 9.75em);
  background-position: 1% 10%;
}


@media only screen and (min-width: 26.3125em) {
  .package-offers .panel header {
    min-height: 28.125em;
  }
}
@media only screen and (max-width: 26.25em) {
  .package-offers .panel header {
    /* > * { display: none; } */
    font-size: 0.4375em;
    min-height: 20em;
    padding: 2.8571428571em;
  }
}

.package-details > div:not(.cta-container) {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 50%;
  max-width: 50%;
  padding: 3em;
  border: solid 1px #CCCCCC;
}

.package-details-oc > div:not(.cta-container) {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
  max-width: 100%;
  padding: 3em;
  border: solid 1px #CCCCCC;
}
.package-details > div:not(.cta-container) h3 {
  font-size: 1.355em;
  margin-bottom: 0.2727272727em;
}
.package-details > div:not(.cta-container) h3 sup {
  left: -0.3em;
}
.package-details > div:not(.cta-container) img {
  width: 100%;
}
@media only screen and (min-width: 26.3125em) {
  .package-details > div:not(.cta-container).col-left {
    border-right: 0;
  }
}
@media only screen and (min-width: 26.3125em) {
  .package-details-oc > div:not(.cta-container).col-left {
  }
}
@media only screen and (max-width: 26.25em) {
  .package-details > div:not(.cta-container) {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
    border: 0;
    padding-bottom: 3em;
  }
  .package-details > div:not(.cta-container).col-left {
    border-bottom: solid 1px #fd5e00;
  }
  .package-details > div:not(.cta-container).col-right {
    padding-top: 3em;
  }
  .package-details > div:not(.cta-container) h3 {
    font-size: 1.25em;
  }
}
.package-details.col-2\/3 table {
  line-height: 2.2em;
}
@media only screen and (min-width: 26.3125em) {
  .package-details.col-2\/3 {
    padding-right: 0;
  }
  .package-details.col-2\/3 .col-left {
    flex-basis: 64%;
    max-width: 64%;
  }
  .package-details.col-2\/3 .col-right {
    flex-basis: 36%;
    max-width: 36%;
    padding-left: 0;
  }
  .package-details.col-2\/3 .col-right table {
    max-width: 80%;
    margin: 0 auto;
  }
  .package-details.col-2\/3 h3 {
    padding-left: 3.2em;
  }
  .package-details.col-2\/3 table {
    margin: 1.25em;
  }
}
.package-details-oc  footer,
.package-details  footer {
  flex: 0 1 100%;
  padding: 1.375em 1.125em;
  background: #F6F6F6;
  color: #575757;
  border: solid 1px #CCCCCC;
  border-top: 0;
}
.package-details-oc  footer p,
.package-details  footer p {
  font-size: 0.9375em;
  line-height: 1.7333333333em;
  padding-left: 0.8em;
  margin-bottom: 0;
}
.package-details-oc footer p:last-child,
.package-details footer p:last-child {
  padding-left: 0.8em;
}
@media only screen and (max-width: 26.25em) {
  .package-details footer p {
    font-size: 0.8125em;
    margin-bottom: 0.75em;
  }
}
.package-details-oc footer sup ,
.package-details footer sup {
  font-size: 2.0666666667em;
  top: 0;
  left: -0.1em;
  margin-left: 0.2em;
}
@media only screen and (max-width: 26.25em) {
  .package-details footer {
    border: 0;
  }
}
.package-details-oc .cta-container ,
.package-details .cta-container {
  display: flex;
  justify-content: space-around;
  flex: 0 1 100%;
  margin-top: 2.5em;
}

.package-details .cta-container .btnoc {
  width: 50%;
  margin: 0 1%;
  max-width: 200px;
}

@media only screen and (max-width: 26.25em) {
  .package-details {
    flex-direction: column;
    padding: 2.125em;
  }
}

.story-slider {
  display: none;
  position: relative;
  padding: 0 1.6875em;
  margin-top: 4.0625em;
}
.story-slider .photo-box {
  position: relative;
  overflow: hidden;
  width: 58.625em;
  height: 46.0625em;
}
.story-slider .photo-box .photos {
  display: flex;
  justify-content: flex-start;
}
.story-slider .photo-box .photos.animate {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.story-slider .photo-box .photos .photo-slide {
  position: relative;
}
.story-slider .photo-box .photos .photo-slide > img {
  width: 58.625em;
}
.story-slider .photo-box .photos .photo-slide .tag {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 26.25em) {
  .story-slider .photo-box .photos .photo-slide {
    width: 88vw;
    margin-right: 0.625em;
    height: auto;
  }
  .story-slider .photo-box .photos .photo-slide img {
    width: 100%;
  }
}
@media only screen and (max-width: 26.25em) {
  .story-slider .photo-box .photos {
    width: 64em;
  }
}
.story-slider .photo-box .gradient-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-image: radial-gradient(21.25em at 7.4% -6.98%, #3E94E3 0%, rgba(27, 54, 78, 0) 100%);
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
@media only screen and (max-width: 26.25em) {
  .story-slider .photo-box .gradient-overlay {
    display: none;
  }
}
@media only screen and (max-width: 26.25em) {
  .story-slider .photo-box {
    width: 100vw;
    height: auto;
  }
}
.story-slider .story-box {
  position: absolute;
  top: 0;
  right: 1.6875em;
  width: 35.5em;
  height: 34.375em;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: linear-gradient(90deg, rgba(0, 83, 159, 0.95) -21.05%, rgba(98, 172, 241, 0.95) 121.05%);
  box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.1);
}
.story-slider .story-box .stories {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.story-slider .story-box .stories .story {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 3.5em 4.25em;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 1;
}
.story-slider .story-box .stories .story.active {
  opacity: 1;
  z-index: 2;
}
.story-slider .story-box .stories .story .tag {
  position: absolute;
  top: 0;
  right: 0;
}
.story-slider .story-box .stories .story h2 {
  font-weight: 400;
}
.story-slider .story-box .stories .story h2 > .name {
  font-weight: 700;
}
.story-slider .story-box .stories .story blockquote {
  font-size: 1.5em;
}
@media only screen and (max-width: 26.25em) {
  .story-slider .story-box .stories .story blockquote {
    font-size: 0.9375em;
    text-align: justify;
  }
}
.story-slider .story-box .stories .story .btn {
  /*margin-top: 1.2142857143em;*/
}
@media only screen and (max-width: 26.25em) {
  .story-slider .story-box .stories .story .btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
  }
}
@media only screen and (max-width: 26.25em) {
  .story-slider .story-box .stories .story {
    padding: 3.5em 2.125em;
  }
}
.story-slider .story-box .stories .nav {
  position: absolute;
  bottom: -7em;
  left: 20%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 2;
}
.story-slider .story-box .stories .nav > a {
  display: inline-block;
  border-radius: 50%;
  width: 1.625em;
  height: 1.625em;
  background: rgba(255, 255, 255, 0.4);
  margin: 0 0.75em;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.story-slider .story-box .stories .nav > a.active {
  background: #FFF;
}
@media only screen and (max-width: 26.25em) {
  .story-slider .story-box .stories .nav > a.active {
    margin: 0 0.875em;
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
  }
}
@media only screen and (max-width: 26.25em) {
  .story-slider .story-box .stories .nav {
    top: 1.375em;
    left: 50%;
    bottom: auto;
  }
  .story-slider .story-box .stories .nav > a {
    font-size: 0.3125em;
  }
}
@media only screen and (max-width: 26.25em) {
  .story-slider .story-box {
    position: static;
    width: 100%;
    height: 21.6875em;
  }
}
@media only screen and (max-width: 26.25em) {
  .story-slider {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 2.3125em;
    margin-top: 0;
  }
}

.progressbar {
  display: flex;
  justify-content: space-between;
  padding: 0;
  list-style: none;
  counter-reset: step;
  text-align: center;
}
.progressbar li {
  position: relative;
  width: 10em;
  font-weight: 500;
  color: #C4C4C4;
}
.progressbar li::before {
  content: counter(step) ".";
  counter-increment: step;
  width: 1.5161290323em;
  height: 1.5161290323em;
  font-size: 1.9375em;
  padding-left: 0.1290322581em;
  font-weight: 700;
  display: block;
  margin: 0 auto;
  background: #C4C4C4;
  color: #FFF;
  border-radius: 50%;
}
.progressbar li::after {
  content: "";
  width: 260%;
  height: 2px;
  background: #C4C4C4;
  position: absolute;
  left: 50%;
  top: 1.4375em;
  z-index: -1;
}
.progressbar li:last-child::after {
  content: none;
}
.progressbar li.active {
  color: #fd5e00;
}
.progressbar li.active:before {
  background: #fd5e00;
  color: #FFF;
}
.progressbar li.completed:after {
  background: #00BF58;
  color: #FFF;
}
.progressbar li.completed {
  color: #00BF58;
}
.progressbar li.completed:before {
  background: #00BF58;
  color: #FFF;
}
@media only screen and (max-width: 26.25em) {
  .progressbar li::after {
    font-size: 1.4375em;
  }
  .progressbar li::after {
    width: 100%;
    top: 1em;
  }
}

.order {
  padding-bottom: 4.0625em;
}
.order .order-form {
  margin-top: 2.8125em;
}
.order .progressbar {
  font-size: 0.625rem;
}
@media (min-width: 26.3125em) {
  .order .progressbar {
    font-size: calc(0.625rem + 0.375 * (100vw - 26.3125em) / 53.625);
  }
}
@media (min-width: 79.9375em) {
  .order .progressbar {
    font-size: 1rem;
  }
}

.order .js-clubcard-text {
  display: none;
}

.order .tabs {
  border-bottom: none;
}
.order .panel.form-box {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.order .clubcard-banner {
  font-size: 0.75em;
  margin: 4.0625em 5em 2.1875em;
}
@media only screen and (max-width: 26.25em) {
  .order .clubcard-banner {
    font-size: 0.4375em;
    margin-left: 0;
    margin-right: 0;
  }
}

#statements-modal .modal {
  padding: 1.5625em 3.875em 3.875em;
}
#statements-modal .modal h1 {
  font-size: 1.875em;
  margin-top: 0;
  margin-bottom: 1.3333333333em;
  padding-bottom: 0.8333333333em;
}
#statements-modal .modal ol {
  padding-left: 0;
  list-style: none;
  counter-reset: item;
}
#statements-modal .modal ol li {
  counter-increment: item;
  margin-bottom: 1.125em;
  color: #575757;
}
#statements-modal .modal ol li:before {
  content: counter(item) ".) ";
  margin-right: 0.75em;
  color: #fd5e00;
  font-weight: 700;
  display: inline-block;
}
#statements-modal .modal .close-statements {
  position: absolute;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
@media only screen and (max-width: 26.25em) {
  #statements-modal .modal {
    padding-left: 1.5625em;
    padding-right: 1.5625em;
  }
}

.payment-summary {
  margin-top: 2.8125em;
}
@media only screen and (min-width: 26.3125em) {
  .payment-summary h3 {
    font-size: 1.375em;
  }
  .payment-summary .package-details h3 {
    font-size: 1.125em;
  }
}
.payment-summary .tabbed-content {
  margin-top: 2.8125em;
}
@media only screen and (max-width: 26.25em) {
  .payment-summary .tabbed-content .tabs .tab {
    flex: 1 0 100%;
  }
}
.payment-summary .package-summary .separator {
  padding: 0 0.8888888889em;
}
@media only screen and (max-width: 26.25em) {
  .payment-summary .package-summary p {
    font-size: 0.875em;
  }
  .payment-summary .package-summary p span {
    display: block;
  }
}
.payment-summary .package-details > div {
  padding-top: 0;
  border: 0;
}
.payment-summary .package-details > div.col-left {
  padding-left: 0;
}
.payment-summary .package-details > div.col-right {
  padding-right: 0;
}

.progress-controls {
  margin-bottom: 3.125em;
  position: relative;
}
.progress-controls .controls .btn {
  margin: 0.7142857143em;
}
@media only screen and (max-width: 26.25em) {
  .progress-controls .controls .btn {
    font-size: 0.875em;
  }
}
.progress-controls .loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.85);
}
.progress-controls .loading-overlay > .message {
  padding-top: 2.8125em;
  background: url("../images/loading-icon.svg") no-repeat top center;
  background-size: 2.5em;
  color: #fd5e00;
  font-weight: 500;
  text-align: center;
}

.payment-frame {
  margin-bottom: 4.0625em;
}
.payment-frame .progressbar {
  margin-top: 4.0625em;
  margin-bottom: 4.0625em;
}

.payment-result {
	margin-top: 45px;
	margin-bottom: 10px;
}

.payment-result::before {
  content: "";
  flex: 1;
}
.payment-result::after {
  content: "";
  flex: 3;
}

.payment-status .status-icon {
  width: 12em;
  margin-bottom: 2.8125em;
}
@media only screen and (max-width: 26.25em) {
  .payment-status .status-icon {
    font-size: 75%;
  }
}
.payment-status p {
  font-size: 1.875em;
  margin-top: 0;
  margin-bottom: 0;
  color: #848c97;
}
@media only screen and (max-width: 26.25em) {
  .payment-status p {
    font-size: 1.25em;
  }
}
.payment-status h2 {
  margin-bottom: 0;
}
.payment-status .btn {
  margin-top: 1.6071428571em;
}
.payment-status .transaction-success p {
  margin-top: 1em;
  color: #575757;
  font-weight: 500;
}

.summary-box {
  padding: 3.25em;
}
.summary-box .col-left, .summary-box .col-right {
  flex: 0 1 50%;
  max-width: 50%;
}
@media only screen and (max-width: 26.25em) {
  .summary-box .col-left, .summary-box .col-right {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.summary-box.panel.form-box {
  border-top-left-radius: 0;
}
@media only screen and (max-width: 26.25em) {
  .summary-box.panel.form-box {
    border-top-right-radius: 0;
  }
}
.summary-box table.data-summary td {
  font-size: 1.1111111111em;
  line-height: 1.8em;
  text-align: left;
  word-break: break-all;
}
.summary-box table.data-summary td:first-child {
  padding-right: 0.8em;
}
.summary-box table.data-summary td:last-child {
  padding-left: 0.8em;
}
.summary-box table.data-summary td.label {
  width: 45%;
  color: #575757;
  font-weight: 400;
  text-align: right;
  word-break: normal;
}
@media only screen and (max-width: 26.25em) {
  .summary-box {
    padding: 1em;
  }
  .summary-box > .flex {
    flex-direction: column;
  }
}

.bg-account-page {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  background-color: #FFF;
  background-image: linear-gradient(to right, transparent 50%, white 62%), url(../images/fejlec-bejelentkezes-oc.jpg);

}

.bg-account-page-new-cdn {
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  background-color: #FFF;
  background-image: url("/api/cdn/Download?uri=fejlec-bejelentkezes-oc.jpg");
}
@media only screen and (min-width: 26.3125em) and (max-width: 79.9375em) {
  .bg-account-page {
    background-size: cover;
  }
}
@media only screen and (max-width: 26.25em) {
  .bg-account-page {
    background-image: none;
  }
}

.account-box-wrapper {
  flex-basis: 80em;
  width: 25em;
}
@media only screen and (min-width: 26.3125em) {
  .account-box-wrapper::before {
    content: "";
    flex: 1;
  }
  .account-box-wrapper::after {
    content: "";
    flex: 3;
  }
}

.account-box {
  margin-right: 2.5em;
  margin-bottom: 2.5em;
}
.account-box h1 {
  margin-bottom: 0;
}
@media only screen and (min-width: 26.3125em) {
  .account-box h1 {
    font-size: 3.75em;
  }
}
.account-box p {
  font-size: 1.25em;
  color: #fd5e00;
  margin: 1.75em 0;
}
.account-box p.error {
  color: #004d6d;
}
@media only screen and (max-width: 26.25em) {
  .account-box p {
    font-size: inherit;
    text-align: center;
  }
}
.account-box .submenu {
  padding-top: 2.125em;
  text-align: center;
}
.account-box .submenu a {
  font-size: 1.25em;
}
@media only screen and (max-width: 26.25em) {
  .account-box .submenu {
    padding-top: 1.375em;
  }
  .account-box .submenu a {
    font-size: 0.9375em;
  }
}
.account-box .form-row label {
  color: #fd5e00;
}
.account-box .form-row input + sup {
  font-weight: 700;
  color: #fd5e00;
  left: 0.2em;
}
@media only screen and (max-width: 26.25em) {
  .account-box {
    margin-bottom: 1.25em;
  }
}

.damage-report {
  margin-top: 2.8125em;
  margin-bottom: 4.0625em;
}
@media only screen and (max-width: 63.9375em) {
  .damage-report .form-row label {
    text-align: center;
    padding-right: 0;
    margin-bottom: 0.4em;
  }
  .damage-report .form-row .form-input-col {
    -ms-grid-column-align: center;
    justify-self: center;
  }
}
@media only screen and (min-width: 26.3125em) {
  .damage-report h1 {
    font-size: 3.75em;
    margin-bottom: 0.5em;
  }
  .damage-report p {
    font-size: 1.25em;
  }
  .damage-report::before {
    content: "";
    flex: 1;
  }
  .damage-report::after {
    content: "";
    flex: 3;
  }
}

.weboffice-features {
  margin: 4.0625em 6.25em 4.0625em;
}
.weboffice-features > a {
  display: block;
  text-align: center;
  color: none;
  text-decoration: none !important;
  max-width: 15.3125em;
  flex: 0 0 33.33%;
}
.weboffice-features > a h2 {
  color: #333333;
  font-size: 1.5em;
}
.weboffice-features > a img {
  width: 100%;
  max-width: 11.5625em;
  background-color: #fd5e00;
  border-radius: 50%;
}
.weboffice-features > a p {
  color: #575757;
  font-size: 1.25em;
  margin-top: 1.625em;
}
@media only screen and (max-width: 26.25em) {
  .weboffice-features > a {
    margin-bottom: 2.125em;
  }
}
@media only screen and (max-width: 26.25em) {
  .weboffice-features {
    margin: 2.125em;
    flex-direction: column;
    align-items: center;
  }
}

.title-reach-us {
  font-size: 1.75em;
  font-weight: 500;
  color: #575757;
  padding: 0 3.5714285714em;
  margin-bottom: 1.3214285714em;
}

.my-insurances .insurance-summary {
  border-radius: 0.375em;
  padding: 1.25em 1.5625em;
  margin-bottom: 2.5em;
}
.my-insurances .insurance-summary.short {
  max-width: 80%;
  margin: 0 auto;
}
@media only screen and (max-width: 26.25em) {
  .my-insurances .insurance-summary.short {
    max-width: 100%;
  }
}
.my-insurances .insurance-summary p {
  font-size: 16px;
}
.my-insurances .insurance-summary p.label {
  font-size: 1.25em;
  font-weight: 700;
  margin-bottom: 0.125em;
}
.my-insurances .insurance-summary h3 {
  font-size: 1.625em;
}
@media only screen and (max-width: 26.25em) {
  .my-insurances .insurance-summary h3 {
    font-size: 1.25em;
  }
}
.my-insurances .insurance-summary .insurance-table > div {
  flex: 1 1 33.33%;
}
.my-insurances .insurance-summary .insurance-table .actions {
  position: relative;
  padding-bottom: 1.25em;
}
.my-insurances .insurance-summary .insurance-table .actions .btn {
  margin: 0 auto 1.375em;
}
.my-insurances .insurance-summary .insurance-table .actions .btn.wide {
  width: 90%;
}
.my-insurances .insurance-summary .insurance-table .actions .btn-delete {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.125em;
  height: 1.5em;
  background: url("../images/icon-trash.svg") no-repeat;
}
@media only screen and (max-width: 26.25em) {
  .my-insurances .insurance-summary .insurance-table {
    flex-direction: column;
  }
}
.my-insurances .insurance-summary .insurance-details > table tr {
  border-bottom: solid 1px #C4C4C4;
}
.my-insurances .insurance-summary .insurance-details > table tr:last-child {
  border-bottom: 0;
}
.my-insurances .insurance-summary .insurance-details > table td {
  font-size: 1.125em;
  padding: 0.2777777778em 0;
  color: #333333;
  text-align: right;
}
.my-insurances .insurance-summary .insurance-details > table td.label {
  text-align: left;
}
.my-insurances .insurance-summary .support-contact {
  margin: 1.25em;
}
.my-insurances .insurance-summary .support-contact img {
  margin-right: 1.875em;
}
@media only screen and (max-width: 26.25em) {
  .my-insurances .insurance-summary .support-contact {
    margin: 0.625em;
  }
}
.my-insurances .payment-history {
  margin: 2.8125em 0;
  position: relative;
}
.my-insurances .payment-history tr:nth-child(even) td {
  background-color: #EAEFF4;
}
.my-insurances .payment-history th {
  font-size: 1.125em;
  color: #fd5e00;
  text-align: left;
}
.my-insurances .payment-history th:first-child {
  padding-left: 0.5em;
}
.my-insurances .payment-history td {
  font-size: 0.8888888889em;
  line-height: 2.5em;
  font-weight: 400;
  color: #333333;
}
.my-insurances .payment-history td:first-child {
  padding-left: 0.5em;
}
@media only screen and (max-width: 26.25em) {
  .my-insurances .payment-history td {
    font-size: 0.9230769231em;
    line-height: 1.75em;
    min-width: 6.6666666667em;
  }
  .my-insurances .payment-history td:nth-child(1) {
    min-width: 22.5em;
  }
  .my-insurances .payment-history td:nth-child(2) {
    min-width: 15.4166666667em;
  }
  .my-insurances .payment-history td:nth-child(3) {
    min-width: 11.6666666667em;
  }
}
.my-insurances .payment-history .gradient-overlay {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5em;
  height: 100%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.8) 100%);
}
.my-insurances .btn-buy-insurance {
  display: block;
  position: relative;
  width: 100%;
  max-width: 66.67%;
  margin: 0 auto;
  font-size: 2.375em;
  padding: 0.5263157895em 0.9210526316em;
  margin-bottom: 0.7894736842em;
  border-radius: 0.5263157895em;
  color: #575757;
  background-color: #e5e5e5;
  text-decoration: none;
}
.my-insurances .btn-buy-insurance::after {
  content: "";
  width: 2.25em;
  height: 2.125em;
  position: absolute;
  top: 50%;
  right: 0.6em;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: inline-block;
  background: url("../images/icon-plus.svg") no-repeat center center;
}
@media only screen and (max-width: 26.25em) {
  .my-insurances .btn-buy-insurance::after {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 26.25em) {
  .my-insurances .btn-buy-insurance {
    max-width: 100%;
    font-size: 1.25em;
  }
}

#buy-insurance-modal .modal {
  background: #EAEFF4;
  padding: 1.25em 2.625em 2.625em;
}
#buy-insurance-modal .modal h1 {
  font-size: 2.25em;
  font-weight: 500;
}
#buy-insurance-modal .modal .product-list {
  padding: 0;
  font-size: 0.75em;
}
#buy-insurance-modal .modal .product-list .product-box {
  overflow: visible;
  padding-bottom: 0;
}
#buy-insurance-modal .modal .product-list .product-box .btn {
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}
@media only screen and (max-width: 26.25em) {
  #buy-insurance-modal .modal .product-list .product-box {
    margin-bottom: 3.75em;
  }
}

.nextPaymentDateTrigger {
  color: #ffffff;
  background-color: #fd5e00;
  border: 1px solid #fd5e00;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  line-height: 9px;
  text-align: center;
  padding: 0 7px;
  font-size: 12px;
  vertical-align: top;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}

.nextPaymentDateTrigger:hover {
  background-color: transparent;
  color: #fd5e00;
  transition: 0.2s ease-in-out;
}

.nextPaymentDateBubble {
  background-color: #ffffff;
  color: #212529;
  line-height: 9px;
  text-align: center;
  font-size: 14px;
  position: absolute;
  padding: 29px;
  margin: -67px 12px;
  line-height: 15px;
  transition: all 0.2s ease-in-out, background-color 0s;
}

@media screen and (max-width: 1279px) {
  .nextPaymentDateBubble {
    padding: 26px;
    margin: -67px 95px 0 15px;
  }
}
@media screen and (max-width: 426px) {
  .nextPaymentDateBubble {
    padding: 17px;
    margin: -67px 44px 0 -140px;
  }
}
.nextPaymentDateTrigger {
  color: #ffffff;
  background-color: #fd5e00;
  border: 1px solid #fd5e00;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  line-height: 9px;
  text-align: center;
  padding: 0 7px;
  font-size: 12px;
  vertical-align: top;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}

.nextPaymentDateTrigger:hover {
  background-color: transparent;
  color: #fd5e00;
  transition: 0.2s ease-in-out;
}

.nextPaymentDateBubble {
  background-color: #ffffff;
  color: #212529;
  line-height: 9px;
  text-align: center;
  font-size: 14px;
  position: absolute;
  padding: 29px;
  margin: -67px 12px;
  line-height: 15px;
  transition: all 0.2s ease-in-out, background-color 0s;
  z-index: 1;
}

@media screen and (max-width: 1279px) {
  .nextPaymentDateBubble {
    padding: 26px;
    margin: -67px 95px 0 15px;
  }
}
@media screen and (max-width: 426px) {
  .nextPaymentDateBubble {
    padding: 17px;
    margin: -67px 44px 0 -140px;
  }
}
.passworderrormsg {
  width: 306px;
  display: flex;
  flex: 1 0 auto;
}

.paymentGif {
  margin-top: 11px;
}

.my-profile #post-result.success {
  color: #00BF58;
}
.my-profile #post-result.error {
  color: #004d6d;
}
.my-profile .tabbed-content {
  margin-top: 2.8125em;
}
@media only screen and (max-width: 26.25em) {
  .my-profile .tabbed-content .tab {
    flex: 1 1 100%;
  }
  .my-profile .tabbed-content .form-box {
    padding-left: 0;
    padding-right: 0;
  }
  .my-profile .tabbed-content .form-row label {
    padding-left: 0;
  }
  .my-profile .tabbed-content .form-row p {
    font-size: 1.25em;
  }
}
.my-profile .controls .btn {
  margin: 0 0.7142857143em 1.6071428571em;
}
@media only screen and (max-width: 26.25em) {
  .my-profile .controls {
    font-size: 0.75em;
  }
}

.faq {
  margin: 3.125em auto;
}
.faq .faq-article {
  margin-bottom: 3.125em;
}
.faq .faq-article h2 {
  position: relative;
  font-size: 1.875em;
  font-weight: 500;
  color: #fd5e00;
  margin-bottom: 0.5666666667em;
  padding-left: 1.4em;
  transition: 0.2s;
  cursor:pointer;
  word-break: break-word;
}

.faq .faq-article h2:hover {
  color: #333333;
}

@media only screen and (max-width: 26.25em) {
  .faq .faq-article h2 {
    padding-left: 0;
  }
}
.faq .faq-article h2::before {
  content: "";
  display: block;
  width: 0.4666666667em;
  height: 0.4666666667em;
  border-radius: 50%;
  background-color: #fd5e00;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media only screen and (max-width: 26.25em) {
  .faq .faq-article h2::before {
    display: none;
  }
}
.faq .faq-article p {
  font-size: 1.25em;
  line-height: 1.3em;
  padding-left: 2.1em;
  color: #333333;
  display:none;
}
.faq .opened p {
  display:block;
}
.faq .faq-article p a {
  color: #fd5e00;
}
@media only screen and (max-width: 26.25em) {
  .faq .faq-article p {
    padding-left: 0;
  }
}
@media only screen and (max-width: 26.25em) {
  .faq {
    font-size: 0.75em;
  }
}

.support-footer .support-choices {
  margin: 4.375em 6.25em;
}
.support-footer .support-choices article {
  flex: 1 0 11.5625em;
  align-items: center;
}
.support-footer .support-choices article p {
  font-size: 0.875em;
  line-height: 1.5714285714em;
  margin-left: 1.4285714286em;
  margin-bottom: 0;
}
@media only screen and (max-width: 26.25em) {
  .support-footer .support-choices article p {
    font-size: 1.25em;
    line-height: 1.4em;
    margin-left: 0;
    margin-top: 0.4em;
  }
}
@media only screen and (max-width: 26.25em) {
  .support-footer .support-choices article {
    flex-direction: column;
    justify-content: center;
    flex: 0 0 9.375em;
  }
}
@media only screen and (max-width: 26.25em) {
  .support-footer .support-choices {
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0.75em;
  }
}

.social-footer {
  padding: 2.1875em 4.75em;
}
.social-footer h1 {
  margin-bottom: 0.4em;
}
.social-footer .social-sites {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.social-footer .social-sites li {
  padding: 1.25em 3.5em;
  background-image: url("../images/social-sites-separator.svg");
  background-repeat: no-repeat;
  background-position: right 38%;
  background-size: 2px 4.875em;
}
.social-footer .social-sites li:last-child {
  background: none;
}
.social-footer .social-sites a {
  display: block;
  color: #fd5e00;
  text-decoration: none;
  text-align: center;
}
.social-footer .social-sites a img {
  width: 100%;
  max-width: 3.9375em;
}
.social-footer .social-sites a p {
  margin-top: 8px;
}
@media only screen and (max-width: 26.25em) {
  .social-footer {
    flex-direction: column;
    justify-content: center;
  }
  .social-footer .social-sites li a p {
    text-align: center;
    font-size: 0.9375em;
  }
  .social-footer .social-sites li a img {
    max-width: 2.5em;
  }
  .social-footer li {
    padding: 1.25em 1.25em !important;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html,
body,
.page-wrapper {
    min-height: 100%;
  }

  .page-footer {
    min-height: 20.625em;
  }
}
.ie10 .page-footer .sitemap a {
  display: block;
}

.reference-number{
  color: #fd5e00;
  margin-top: 3em;
  margin-left: 1em;
}

.graph article h1{color: #fd5e00;line-height: normal;}
.graph .graph-content {display:flex; width: 100%; justify-content: space-between;}
.graph .graph-content h1 {font-size: 23px; line-height: normal; text-align: center; color: #575757; margin: 0;}
.graph .graph-content .extra-margin {margin: 0 0 0 26px;}
.graph .graph-content .item-1 {display: flex; flex-direction: column; align-items: baseline; width: 100%; margin-left: 6px;}
.graph .graph-content .item-2 {display: flex; flex-direction: column; align-items: center; width: 120%;}
.graph .graph-content .item-3 {display: flex; flex-direction: column; align-items: center; width: 100%;}
.graph .graph-content .item-1 .item-img-content {background-image: url(../images/averageaccidentcosts.svg); width: 30px; height: 190px; background-repeat: no-repeat; background-size: contain; margin: 20px 0 20px 66px;}
.graph .graph-content .item-1 .line{position: relative; border: 2px solid #C2D2E1; box-sizing: border-box; width: 60px; height: 0px; top: -146px; left: 51px;}
.graph .graph-content .item-2 .item-img-content {background-image: url(../images/numberofremovedcars.svg); width: 220px; height: 120px; background-repeat: no-repeat; background-size: contain; margin: 55px 0;}
.graph .graph-content .item-2 .item-img-content-new-cdn {background-image: url(/api/cdn/Download?uri=numberofremovedcars.png); width: 220px; height: 120px; background-repeat: no-repeat; background-size: contain; margin: 55px 0;}
.graph .graph-content .item-2 .item-img-segment {position: absolute; background-image: url(../images/numberofremovedcarssegment.svg); width: 220px; height: 80px; background-repeat: no-repeat; background-size: contain; margin: 130px 0px 0 0;}
.graph .graph-content .item-2 .item-img-segment-new-cdn {position: absolute; background-image: url(/api/cdn/Download?uri=numberofremovedcarssegment.png); width: 220px; height: 80px; background-repeat: no-repeat; background-size: contain; margin: 130px 0px 0 0;}
.graph .graph-content .item-3 .item-img-content {background-image: url(../images/cascorate.svg); width: 170px; height: 140px; background-repeat: no-repeat; background-size: contain; margin: 45px 0;}
.graph .graph-content .item-3 .item-img-content-new-cdn {background-image: url(/api/cdn/Download?uri=cascorate.png); width: 170px; height: 140px; background-repeat: no-repeat; background-size: contain; margin: 45px 0;}


.graph .graph-content .item-3 .numbers {position: relative; height: 0px; top: -200px; color: #AEAEAE;}
.graph .graph-content .item-3 .first-number {position: relative; left: -102px; top: 68px; font-size: 16px; margin: 0; font-weight: bold;}
.graph .graph-content .item-3 .second-number {position: relative; left: -75px; top: -12px; font-size: 16px; margin: 0;}
.graph .graph-content .item-3 .third-number {position: relative; top: -62px; font-size: 16px; margin: 0;}
.graph .graph-content .item-3 .fourth-number {position: relative; left: 77px; top: -58px; font-size: 16px; margin: 0;}
.graph .graph-content .item-3 .fifth-number {position: relative; left: 112px; top: -24px; font-size: 16px; margin: 0; font-weight: bold;}

.graph .graph-content .item-3 .dashes {position: relative; height: 0px; top: -160px;}
.graph .graph-content .item-3 .first-dash {position: relative; height: 10px; width: 4px; background-color: #979797; transform: rotate(-45deg); left: -39px; top: 20px;}
.graph .graph-content .item-3 .second-dash {position: relative; height: 10px; width: 4px; background-color: #979797; top: -10px;}
.graph .graph-content .item-3 .third-dash {position: relative; height: 10px; width: 4px; background-color: #979797; transform: rotate(45deg); left: 39px; top: 0px;}

.graph .graph-content .item-3 .clock {position: relative; height: 0px; top: -110px;}
.graph .graph-content .item-3 .round {width: 18px; height: 18px; border: 3px solid #979797; border-radius: 50%;}
.graph .graph-content .item-3 .straight {position: relative; height: 28px; width: 4px; background-color: #979797; transform: rotate(66deg); top: -31px; left: 27px;}

.graph .graph-content .item {border-right: 2px dashed #C2D2E1;}
.graph .graph-content .item:last-child {border-right:0; padding-right:0;}
.graph .container{display:flex; justify-content: center;}
.graph .reference-number{color:#fd5e00; margin-top: 2em; margin-left: 0;}
.bg-lighted-gray {background-color:#EAEFF4; padding: 2em 0 0;}

@media screen and (max-width: 1024px){
  .graph .graph-content {display:flex; flex-direction:column; width: 100%; justify-content: space-between;}
  .graph .graph-content .item {border-right:0; border-bottom: 2px dashed #C2D2E1;}
  .graph .graph-content .item-1 {align-items: center; margin-left: 0; padding: 1em 0;}
  .graph .graph-content .item-1 .item-img-content{margin: 20px 0;}
  .graph .graph-content .item-1 .line{left: 0px;}
  .graph .graph-content .item-2 {width: 100%; padding: 1em 0;}
  .graph .graph-content .item-3 {padding: 1em 0;}
  .graph .graph-content .extra-margin {margin:0;}
  .graph article h1{margin: 0 1em;}
  .graph .reference-number{margin-left: 1em;}
  .clubcard_link_wrapper a{right: 0; left: auto !important;}
}
.span-first-line{width:330px; display:inline-block;}
.checkbox-text-label .privacy:not([href]):not([tabindex]) {color: #fd5e00; text-decoration: underline;}
.checkbox-text-label .privacy:not([href]):not([tabindex]):hover {text-decoration: none;}

.modal-shadow{position: fixed; height: 100vh; width: 100vw; background-color: rgba(101, 101, 101, 0.6); top: 0; left: 0; z-index: 100; transition: 0.3s;}
.privacy-modal{position: fixed; height: 80vh; width: 80vw; margin: 10vh 10vw; background-color: #ffffff; top: 0; left: 0; padding: 2em 4em; z-index: 110; overflow: hidden; border-radius: 40px; transition: 0.3s;}
.privacy-modal .title{display: flex; justify-content: space-between; align-items: center;}
.privacy-modal .title a{color: #fd5e00; font-size: 1em; width: 2.1875em; height: 2.1875em; border: 1px solid #fd5e00; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; top: -0.83em; cursor: pointer; transition: 0.3s;}
.privacy-modal .title a:hover{color:#ffffff; background-color: #fd5e00;}
.privacy-modal .modal-inner{overflow-y: scroll; overflow-x: hidden; position: relative; padding: 0 2em; margin: 2em 0; height: 80%; width: 100%;}
.privacy-modal .col{width: 50%; display: inline-block;}
.privacy-modal .inner{padding: 0 0 0 2em;}
.privacy-modal a{color:#fd5e00; text-decoration: none;}
.privacy-modal a:hover{text-decoration: underline;}
.privacy-modal h3{color:#fd5e00; font-weight: normal;}
.privacy-modal h5{text-align: center; font-size: 1.17em; margin: 4em 0 1em 0; font-weight: normal;}
.privacy-modal .blue-text{color:#fd5e00;}
.privacy-modal .small-text{font-size: 1em; margin: 1em 0; font-weight: lighter;}
.privacy-modal .strong{font-weight: bold;}
.privacy-modal .number{font-size: 1em; font-weight: bold; position: relative; width: 0px; height: 0px; display: block; position: relative; left: -32px;}
.privacy-modal .alphabetical{font-size: 1em; font-weight: bold; position: relative; width: 0px; height: 0px; display: block; position: relative; left: -32px;}

@media screen and (max-width: 769px){
  .privacy-modal{height:100vh; width:100vw; margin:0; border-radius: 0;}
  .two-in-one-packages .mini-tabs{flex-direction: column;}
}

@media screen and (max-width: 425px){
  .privacy-modal{height:100vh; width:100vw; margin:0; border-radius: 0; padding: 2em 1em;}
  .privacy-modal .number{left:-26px;}
  .insurance-box .head{flex-direction: column;}
  .insurance-box .body .row{flex-direction: column;}
  .insurance-box .body .row .col{width: 100% !important;}
  .insurance-box .body .details .details-body{flex-direction: column;}
  .insurance-box .body .details .details-body .col{width: 100% !important;}
  .insurance-box .body .featured .featured-body .header-row{display: none !important;}
  .insurance-box .body .featured .featured-body .row .col{width:100% !important; padding: 1em 2em !important;}
  .two-in-one-packages .healthguard-bg{display: none;}
  .two-in-one-packages .household-bg{display: none;}
  .two-in-one-packages .assistence-bg{display: none;}
  .two-in-one-packages .healthguard-bg-new-cdn{display: none;}
  .two-in-one-packages .household-bg-new-cdn{display: none;}
  .two-in-one-packages .assistence-bg-new-cdn{display: none;}
  .two-in-one-packages .healthguard{padding:0 !important;}
}

/*
.loss-report{color: #fd5e00; text-align: left; font-weight: 600; line-height: 2em;}
*/
.to-left{text-align:left;}
.lossReportContentTop{text-align:left;}
.lossReportContentBottom{margin-top: 8em;}
.lossReportContentTop h2{font-size:1.25em; margin-bottom:1em;}
.lossReportContentTop .margin-top{margin-top:2em; display:block;}
.lossReportContentBottom p,
.lossReportContentTop p,
.lossReportContentTop a{color:#fd5e00;}
.lossReportContentTop br{display: block; margin: 1em 0; content: " ";}
.lossReportContentTop ul{list-style: none; padding-left: 0;}
.lossReportContentTop li{color: #fd5e00; font-size: 1.25em; font-weight: 500; line-height: 2em;}
.lossReportContentTop li:before{content: "-";  padding-right: 8px; color: #fd5e00; }

.cookie-consent{display: none; align-items: center; justify-content: space-between; position: fixed; bottom: 0; left: 0; width: 100vw; padding: 1em 2em; background-color: #fd5e00; z-index: 100; transition: 0.3s;}
.cookie-consent p{margin:0; color:#ffffff;}
.cookie-consent a{font-size: 1.115em; color: #ffffff;}
.cookie-consent .close-button{font-size: 1.115em; background-color: #ffffff; padding: 0.5em 1em; margin-left: 1em; border-radius: 8px; cursor: pointer;}
.tagove-livechat-widget{position: absolute; z-index: 99;}
.details-table-data{height: 40px; vertical-align: middle;}

.devWarning{position: fixed; display: flex; flex-direction: column; align-items: center; bottom: 1em; left: 1em; z-index: 100; width: calc(250px - 2em); background-color: #FCD700; padding: 1em 1em 0 1em; border-radius: 12px;}
.devWarning p{text-align: center;}
.devWarning a{height: 40px; background-color: #004d6d; padding: 10px; color: #ffffff; text-decoration: none; box-sizing: border-box; font-family: "Acquire_WF",sans-serif,Helvetica Neue,Arial; font-weight: 300; font-size: 14px; line-height: 1.4; border-radius: 19px; display: flex; align-items: center; margin-bottom: 1em;}

.env-banner {position: fixed;top: 1em;right: -3em;width: 10em;padding: 0.3em 0;height: 1.5em;background: rgba(255,255,0,0.9);pointer-events: none;z-index: 9999;display: flex;align-items: center;justify-content: center;transform: rotate(45deg);transform-origin: center;}
.env-text {font-size: 0.9rem;font-weight: bold;color: rgba(255,0,0,0.8);white-space: nowrap;user-select: none;pointer-events: none;}

.secondary-header{position: fixed; top: 2.75em; height: 2.75em; width: 100%; background-color: #EAEFF4; z-index: 100; display: flex; align-items: center; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); transition: 0.4s;}
.secondary-header .center-lock{width: 1280px;}
.secondary-header .center-lock a{transition: 0.4s; margin-right: 1.5em; text-decoration: none; font-weight: bold; color: #fd5e00;}
.secondary-header .center-lock a:hover{text-decoration: underline;}
.secondary-header .center-lock .active{color: #0056b3; text-decoration: underline;}

.video-placeholder{position: absolute; left: 21em; bottom: -2em; width: 10em; cursor: pointer;}
@media screen and (max-width: 1024px){
  .cookie-consent{flex-direction: column;}
}

.popup{z-index: -10; opacity: 0; visibility: hidden; transition: 0.4s; position:fixed; display: flex;}
.popup-active{z-index: 200; opacity: 1; visibility: visible;}
.overlay{z-index: -10; opacity: 0; visibility: hidden; transition: 0.4s; position: fixed; background-color: rgba(0, 0, 0, 0.3); width:100vw; height:100vh; top:0; left:0;}
.overlay-active{z-index: 190; opacity: 1; visibility: visible;}
.popup-video{width: 560px; height: 315px; top: calc(50vh - 175.5px); left: calc(50vw - 280px);}

.about-us{margin: 3.125em auto;}
.about-us p{color: #fd5e00; margin-bottom: 2rem;}

.title-box{position: absolute; width: 11em; height: 11em; border: 10px solid #fd5e00; display: flex; align-items: center; justify-content: center; left: 7.5em;}
.title-box .inner-title-box{width: calc(100% - 1em); height: calc(100% - 1em); display: flex; background-color: #fd5e00; align-items: center;}
.title-box .inner-title-box h1{color: #ffffff; font-size: 1.575em; text-align: initial; margin: 0.5em;}

.docs{margin-top: 8em; display: flex; flex-direction: column; width: 1440px; min-height: calc(100vh - 33.5em);}
.docs a{transition: 0.4s; text-decoration: none;}
.docs a:hover{text-decoration: underline;}

.videos{margin-top: 8em; margin-bottom: 2.75em; display: flex; flex-direction: column; width: 100%; min-height: calc(100vh - 33.5em);}
.videos iframe{width: 100%; max-width: 560px; margin-top: 1em;}

.footer-first{flex-direction: column;}

.insurance-box{
  background-color: rgba(60, 68, 76, 0.05);
  margin-bottom: 4em;
}

.insurance-box .head{
  background: rgb(0,83,159);
  background: linear-gradient(90deg, rgb(253, 94, 0) 0%, rgb(241, 158, 98) 100%);
  padding: 1em 2em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
}

.insurance-box .head p{
  font-size: 2em;
  font-weight: bold;
  color: #ffffff;
  margin:0;
}

.insurance-box .body{

}

.insurance-box .body .row{
  display: flex;
  padding: 0.7em 2em;
}

.insurance-box .body .row:first-child{
  margin-top: 1.5em;
}

.insurance-box .body .row .col{
  display: flex;
  flex-direction: column;
  width: 32%;
}

.insurance-box .body .row .col p{
  font-size: 1.25em;
  font-weight: 700;
  margin-bottom: 0em;
}

.insurance-box .body .details{
  border-radius: 16px;
  background: rgba(60, 68, 76, 0.08);
}

.insurance-box .body .details .details-head{
  padding: 1em 2em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

.insurance-box .body .details .details-head p{
  font-size: 1.25em;
  font-weight: 700;
  color: #fd5e00;
  margin:0;
}

.insurance-box .body .details .details-body{
  display: none;
}

.insurance-box .body .details .details-body .col{
  display: flex;
  flex-direction: column;
  width:30%;
}

.insurance-box .body .details .details-body .col .box{
  display: flex;
  flex-direction: column;
  margin: 1em 2em;
}
.insurance-box .body .details .details-body .col .box:first-child{margin-top: 2em;}
.insurance-box .body .details .details-body .col .box:last-child{margin-bottom: 2em;}

.insurance-box .body .details .details-body .col .box p{
  font-weight: bold;
  font-size: 1em;
  margin: 0;
}

.insurance-box .body .details .details-body .col .box .title{
  color: #fd5e00;
}

.insurance-box .body .details .details-body .col .box .desc{
  color: #343434;
}

.insurance-box .body .featured{
  border-radius: 16px;
  overflow: hidden;
}

.insurance-box .body .featured .featured-head{
  background: rgba(83,158,228, 0.3);
  background: linear-gradient(0deg, rgba(83,158,228,0.3) 0%, rgba(21,114,199,0.3) 30%, rgba(166,198,228,0.3) 100%);
  padding: 1em 2em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.insurance-box .body .featured .featured-head p{
  font-size: 1.25em;
  font-weight: 700;
  color: #fd5e00;
  margin: 0;
}

.insurance-box .body .featured .featured-body{display: none; flex-direction: column;}
.insurance-box .body .featured .featured-body .header-row{display: flex; background-color:rgba(0, 83, 159, 0.08);}
.insurance-box .body .featured .featured-body .header-row .col{align-items: center; padding: 1em;}
.insurance-box .body .featured .featured-body .header-row .col:first-child{padding: 1em 2em; width: 42%;}
.insurance-box .body .featured .featured-body .header-row .col:nth-child(2){width:18%;}
.insurance-box .body .featured .featured-body .header-row .col:nth-child(3){width:20%;}
.insurance-box .body .featured .featured-body .header-row .col:nth-child(4){width:10%;}
.insurance-box .body .featured .featured-body .header-row .col:nth-child(5){width:12%;}
.insurance-box .body .featured .featured-body .header-row .col p{font-size: 1em; font-weight: 700; color: #fd5e00; margin: 0;}
.insurance-box .body .featured .featured-body .row{display: flex; padding: 0;}
.insurance-box .body .featured .featured-body .row:nth-child(even){display: flex; padding: 0; background-color:rgba(0, 83, 159, 0.2);}
.insurance-box .body .featured .featured-body .row:nth-child(odd){display: flex; padding: 0; background-color:rgba(0, 83, 159, 0.3);}
.insurance-box .body .featured .featured-body .row .col{padding: 1em;}
.insurance-box .body .featured .featured-body .row .col:first-child{padding: 1em 2em; width: 42%;}
.insurance-box .body .featured .featured-body .row .col:nth-child(2){width: 18%;}
.insurance-box .body .featured .featured-body .row .col:nth-child(3){width: 20%;}
.insurance-box .body .featured .featured-body .row .col:nth-child(4){width: 10%;}
.insurance-box .body .featured .featured-body .row .col:nth-child(5){width: 12%;}
.insurance-box .body .featured .featured-body .row .col p{font-size: 1em; font-weight: 700; margin: 0;}

.add-insurence-red-button{background-color: #0039E4; font-weight: bold; display: flex; width: 14em; padding: 0.8em 1em; border-radius: 16px; font-size: 1.5em; margin-bottom: 1em; text-decoration: none; color: #ffffff; position: relative;}
.add-insurence-red-button:hover{color:#ffffff;}
.add-insurence-red-button::after {content: ""; width: 1em; height: 1em; object-fit: contain; position: absolute; top: 50%; right: 1em; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: inline-block; background: url(../images/icon-plus.svg) no-repeat center center;}
.add-insurence-red-button-new-cdn::after {content: ""; width: 1em; height: 1em; object-fit: contain; position: absolute; top: 50%; right: 1em; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: inline-block; background: url(/api/cdn/Download?uri=icon-plus.png) no-repeat center center;}
.accordion-active{
  display: flex !important;
}

@media only screen and (max-width: 26.3125em) {
  .footer-first{flex-direction: row;}
}

@media screen and (max-height: 900px){
  #buy-insurance-modal .modal {transform: scale(0.8);}
}

@media screen and (max-height: 850px){
  #buy-insurance-modal .modal {transform: scale(0.75);}
}

@media screen and (max-height: 750px){
  #buy-insurance-modal .modal {transform: scale(0.7);}
}

@media screen and (max-height: 680px){
  #buy-insurance-modal .modal {transform: scale(0.65);}
  .add-insurence-red-button{font-size: 1.4em; width: 100%; max-width: 14em;}
}

.ico-stroke-up{background-image: url(../images/icons/ico-stroke.png); display: flex; background-size: cover; width: 1.5em; height: 1em; transform: rotate(180deg);}
.ico-stroke-down{background-image: url(../images/icons/ico-stroke.png); display: flex; background-size: cover; width: 1.5em; height: 1em;}
.ico-message { background: url(../images/icons/chat.png) center/cover no-repeat; display: flex; width: 1.5em; height: 1.5em; position: relative; cursor: pointer; }
.ico-message::after { content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: #333; color: #fff; padding: 5px; border-radius: 5px; white-space: nowrap; opacity: 0; visibility: hidden; transition: opacity 0.3s; pointer-events: none; }
.ico-message:hover::after { opacity: 1; visibility: visible; }
.ico-stroke-up-new-cdn{background-image: url(/api/cdn/Download?uri=ico-stroke.png); display: flex; background-size: cover; width: 1.5em; height: 1em; transform: rotate(180deg);}
.ico-stroke-down-new-cdn{background-image: url(/api/cdn/Download?uri=ico-stroke.png); display: flex; background-size: cover; width: 1.5em; height: 1em;}
.ico-trash{background-image: url(../images/icons/ico-trash.png); display: flex; background-size: cover; width: 1.188em; height: 1.5em; cursor: pointer;}
.ico-trash-new-cdn{background-image: url(/api/cdn/Download?uri=ico-trash.png); display: flex; background-size: cover; width: 1.188em; height: 1.5em; cursor: pointer;}
.two-in-one-packages .mini-tabs .tab{margin-bottom: 0.2em;}
.two-in-one-packages .mini-tabs .selected{margin-bottom: 0;}
.two-in-one-packages .mini-tabs h2{font-size: 1.17em !important;}
.two-in-one-packages .healthguard{position: relative; border-left: 0 !important;}
.two-in-one-packages .healthguard-bg{position: relative; background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0)) 10%, url(../images/3in1_egeszsegor.png); background-position: center; background-size: cover; border-left: 0 !important;}
.two-in-one-packages .healthguard-bg p{position: absolute; bottom: 0em; right: 0em; color: #ffffff; display: block; padding: 1em; margin: 0; background: radial-gradient(circle at bottom right, rgba(7,35,60,0.9) 0%, rgba(10,52,91,0.9) 10%, rgba(17,74,129,0.7542367288712359) 45%, rgba(118,188,255,0) 98%); width: 100%; text-align: right;}
.two-in-one-packages .healthguard-bg p span{font-size: 1.5625em;}

.two-in-one-packages .healthguard-bg-new-cdn{position: relative; background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0)) 10%, url(/api/cdn/Download?uri=3in1_egeszsegor.png); background-position: center; background-size: cover; border-left: 0 !important;}
.two-in-one-packages .healthguard-bg-new-cdn p{position: absolute; bottom: 0em; right: 0em; color: #ffffff; display: block; padding: 1em; margin: 0; background: radial-gradient(circle at bottom right, rgba(7,35,60,0.9) 0%, rgba(10,52,91,0.9) 10%, rgba(17,74,129,0.7542367288712359) 45%, rgba(118,188,255,0) 98%); width: 100%; text-align: right;}
.two-in-one-packages .healthguard-bg-new-cdn p span{font-size: 1.5625em;}

.two-in-one-packages .household-bg{position: relative; background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0)) 10%, url(../images/3in1_household.png); background-position: center; background-size: cover; border-left: 0 !important;}
.two-in-one-packages .household-bg p{position: absolute; bottom: 0em; right: 0em; color: #ffffff; display: block; padding: 1em; margin: 0; background: radial-gradient(circle at bottom right, rgba(7,35,60,0.9) 0%, rgba(10,52,91,0.9) 10%, rgba(17,74,129,0.7542367288712359) 45%, rgba(118,188,255,0) 98%); width: 100%; text-align: right;}
.two-in-one-packages .household-bg p span{font-size: 1.5625em;}

.two-in-one-packages .household-bg-new-cdn{position: relative; background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0)) 10%, url(/api/cdn/Download?uri=3in1_household.png); background-position: center; background-size: cover; border-left: 0 !important;}
.two-in-one-packages .household-bg-new-cdn p{position: absolute; bottom: 0em; right: 0em; color: #ffffff; display: block; padding: 1em; margin: 0; background: radial-gradient(circle at bottom right, rgba(7,35,60,0.9) 0%, rgba(10,52,91,0.9) 10%, rgba(17,74,129,0.7542367288712359) 45%, rgba(118,188,255,0) 98%); width: 100%; text-align: right;}
.two-in-one-packages .household-bg-new-cdn p span{font-size: 1.5625em;}

.two-in-one-packages .assistence-bg{position: relative; background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0)) 10%, url(../images/3in1_assistence.png); background-position: center; background-size: cover; border-left: 0 !important;}
.two-in-one-packages .assistence-bg p{position: absolute; bottom: 0em; right: 0em; color: #ffffff; display: block; padding: 1em; margin: 0; background: radial-gradient(circle at bottom right, rgba(7,35,60,0.9) 0%, rgba(10,52,91,0.9) 10%, rgba(17,74,129,0.7542367288712359) 45%, rgba(118,188,255,0) 98%); width: 100%; text-align: right;}
.two-in-one-packages .assistence-bg p span{font-size: 1.5625em;}

.two-in-one-packages .assistence-bg-new-cdn{position: relative; background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0)) 10%, url(/api/cdn/Download?uri=3in1_assistence.png); background-position: center; background-size: cover; border-left: 0 !important;}
.two-in-one-packages .assistence-bg-new-cdn p{position: absolute; bottom: 0em; right: 0em; color: #ffffff; display: block; padding: 1em; margin: 0; background: radial-gradient(circle at bottom right, rgba(7,35,60,0.9) 0%, rgba(10,52,91,0.9) 10%, rgba(17,74,129,0.7542367288712359) 45%, rgba(118,188,255,0) 98%); width: 100%; text-align: right;}
.two-in-one-packages .assistence-bg-new-cdn p span{font-size: 1.5625em;}

.two-in-one-packages .tag{position: absolute; bottom: 0; right: 0;}
#orderAssistence .radio-btn-group label input:checked ~ p.description{color: rgb(0, 83, 159);}

.promotion-modal{position: fixed; width: 1000px; height: 360px; display: flex; left: calc(50vw - 500px); top: calc(50vh - 180px); background-color: #fd5e00;}
.promotion-modal .col{width: 50%; display: flex; align-items: center;}
.promotion-modal .col img{display: flex; height: 100%; width: 100%; object-fit: cover;}
.promotion-modal .col h1{margin: 1em; color: #ffffff;}
.promotion-modal a{position: absolute; top: 1em; right: 1em; color: #ffffff !important; width: 2.5em; height: 2.5em; background-color: #fd5e00; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; display: flex;}

.promotion-banner{height: 2.75em; position: fixed; top: 5.5em; left: 0; right: 0; background-color: #FCD700; z-index: 100; font-weight: bold;}
.promotion-banner p{margin: 0; font-size: 1em; margin: auto; line-height: 1.1em;}
.promotion-banner a{text-decoration: none; color: #212529;}

@media only screen and (max-width: 26.25em) {
  .promotion-banner {
    top: 4em;
  }
}

.iphone-promotion-modal{position: fixed; width: 1100px; display: flex; left: calc(50vw - 550px); top: calc(50vh - 210px); background-color: #0053a3; color: #ffffff;}
.iphone-promotion-modal .col{display: flex; flex-direction: column;}
.iphone-promotion-modal .col img{display: flex; height: 100%; width: 100%; object-fit: contain;}
.iphone-promotion-modal .col h2{color: #ffffff; margin: 0;}
.iphone-promotion-modal .col h3{font-weight: lighter; font-size: 1.125em; margin-bottom: 0.5em;}
.iphone-promotion-modal .col .logo{height: 70px; width: 130px; object-fit: cover;}
.iphone-promotion-modal .col h4{color: #ffffff; margin: 0; font-weight: lighter;}
.iphone-promotion-modal .col .form-input-col{position: relative; width: 100%;}
.iphone-promotion-modal .col .error-text{position: absolute; bottom: 0; left: 0; font-size: 0.825em; font-weight: bold; color: #f36e21;}
.iphone-promotion-modal .col .input-group .checkbox label{background-color: #fd5e00; border-color: #ffffff; border-radius: 50%;}
.iphone-promotion-modal .col .input-group .form-row a{text-decoration: underline;}
.iphone-promotion-modal .col .input-group .form-row a:hover{color: #007bff;}
.iphone-promotion-modal .col .input-group .row{display: flex; height: 1.6em; align-items: center;}
.iphone-promotion-modal .col .input-group .row p{font-size: 0.9em; margin: 0 0 0 1em;}
.iphone-promotion-modal .col .input-group input[type='text'],
.iphone-promotion-modal .col .input-group input[type='number']{width: 100%; margin-bottom: 1em; height: 2em; border-radius: 14px; font-size: 1.125em;}
.iphone-promotion-modal .col .input-group button{margin: 0.5em 0; margin-left: 0.85em; color: #ffffff; background-color: #e30713; font-size: 0.85em; display: flex; justify-content: space-between; align-items: center;}
.iphone-promotion-modal .cross{position: absolute; top: 1em; right: 1em; color: #ffffff !important; width: 2.5em; height: 2.5em; background-color: #fd5e00; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; display: flex;}

.eRoller-promotion-modal{position: fixed; width: 1100px; display: flex; left: calc(50vw - 550px); top: calc(50vh - 210px); color: #ffffff;} /* background-color: #0053a3;*/
.eRoller-promotion-modal .col{display: flex; flex-direction: column;}
.eRoller-promotion-modal .col img{display: flex; height: 100%; width: 100%; object-fit: fill;}
.eRoller-promotion-modal .col h2{color: #ffffff; margin: 0;}
.eRoller-promotion-modal .col h3{font-weight: lighter; font-size: 1.125em; margin-bottom: 0.5em;}
.eRoller-promotion-modal .col .logo{height: 70px; width: 130px; object-fit: cover;}
.eRoller-promotion-modal .col h4{color: #ffffff; margin: 0; font-weight: lighter;}
.eRoller-promotion-modal .col .form-input-col{position: relative; width: 100%;}
.eRoller-promotion-modal .col .error-text{position: absolute; bottom: 0; left: 0; font-size: 0.825em; font-weight: bold; color: #f36e21;}
.eRoller-promotion-modal .col .input-group .checkbox label{background-color: #fd5e00; border-color: #ffffff; border-radius: 50%;}
.eRoller-promotion-modal .col .input-group .form-row a{text-decoration: underline;}
.eRoller-promotion-modal .col .input-group .form-row a:hover{color: #007bff;}
.eRoller-promotion-modal .col .input-group .row{display: flex; height: 1.6em; align-items: center;}
.eRoller-promotion-modal .col .input-group .row p{font-size: 0.9em; margin: 0 0 0 1em;}
.eRoller-promotion-modal .col .input-group input[type='text'],
.eRoller-promotion-modal .col .input-group input[type='number']{width: 100%; margin-bottom: 1em; height: 2em; border-radius: 14px; font-size: 1.125em;}
.eRoller-promotion-modal .col .input-group button{margin: 0.5em 0; margin-left: 0.85em; color: #ffffff; background-color: #e30713; font-size: 0.85em; display: flex; justify-content: space-between; align-items: center;}
.eRoller-promotion-modal .cross{position: absolute; top: 1em; right: 3.5em; color: #ffffff !important; width: 2.5em; height: 2.5em; background-color: #fd5e00; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; display: flex;}

.first-payment-promotion-modal{position: fixed; width: 1020px; height: 315px; display: flex; left: calc(50vw - 500px); top: calc(50vh - 180px); background-color: white;}
.first-payment-promotion-modal  img{width: 100%;}
.first-payment-promotion-modal a{position: absolute; top: 0.5em; right: 0.5em; color: #ffffff !important; width: 2.3em; height: 2.3em; background-color: #fd5e00; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; display: flex;}
.first-payment-promotion-modal .link{width: 15%; height: 12.8%; top: 79.7%; right: 34.2%; border-radius: 12%; background: none;}

.premium-base-price-promotion-modal{position: fixed; width: 1020px; height: 315px; display: flex; left: calc(50vw - 500px); top: calc(50vh - 180px); background-color: white;}
.premium-base-price-promotion-modal  img{width: 100%;}
.premium-base-price-promotion-modal a{position: absolute; top: 0.5em; right: 0.5em; color: #ffffff !important; width: 2.3em; height: 2.3em; background-color: #fd5e00; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; display: flex;}
.premium-base-price-promotion-modal .link{width: 15%; height: 12.8%; top: 79.7%; right: 43.5%; border-radius: 12%; background: none;}

.huf-2000-voucher-campaign-modal{position: fixed; width: 1100px; height: 250px; display: flex; left: calc(50vw - 500px); top: calc(50vh - 180px); background-color: white;}
.huf-2000-voucher-campaign-modal  img{width: 100%;}
.huf-2000-voucher-campaign-modal a{position: absolute; top: 0.5em; right: 0.5em; color: #ffffff !important; width: 2.3em; height: 2.3em; background-color: #fd5e00; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; display: flex;}
.huf-2000-voucher-campaign-modal .link{width: 13%; height: 13%; top: 76%; right: 44%; border-radius: 12%; background: none;}

.personal-loan-campaign-modal{position: fixed; width: 1236px; height: 333px; display: flex; left: calc(50vw - 618px); top: calc(50vh - 180px); background-color: white;}
.personal-loan-campaign-modal  img{width: 100%;}
.personal-loan-campaign-modal a{position: absolute; top: 0.5em; right: 0.5em; color: #ffffff !important; width: 2.3em; height: 2.3em; background-color: #fd5e00; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; display: flex;}
.personal-loan-campaign-modal .link{ width: 15%;height: 16%;top: 76%;right: 83%;border-radius: 12%;background: none;}


@media screen and (max-width: 1024px){
  .promotion-modal{width: calc(100vw - 2em); left: 1em;}
  .promotion-modal .col h1{font-size: 2em;}
  .iphone-promotion-modal{width: 520px; left: calc(50vw - 260px);}
  .iphone-promotion-modal .col{width: 100% !important;}
  .iphone-promotion-modal .img-col{display:none;}
  .eRoller-promotion-modal{width: 520px; left: calc(50vw - 260px);}
  .eRoller-promotion-modal .col{width: 100% !important;}
  .eRoller-promotion-modal .img-col{display:none;}
  .eRoller-promotion-modal .cross{right: 1em;}
  .first-payment-promotion-modal{width: calc(100% - 2em); height: calc((100vw - 2em)*0.315); left: 1em; top:20%}
  .premium-base-price-promotion-modal{width: calc(100% - 2em); height: calc((100vw - 2em)*0.315); left: 1em; top:20%}
  .huf-2000-voucher-campaign-modal{width: calc(100% - 2em); height: calc((100vw - 2em)*0.315); left: 1em; top:20%}
  .personal-loan-campaign-modal{width: calc(100% - 2em); height: calc((100vw - 2em)*0.315); left: 1em; top:20%}
}

@media screen and (orientation: portrait) and (max-width: 600px){
	.first-payment-promotion-modal{width: calc(100% - 2em); height: calc((100vw - 2em)*1.28); left: 1em; top:15%;}
	.first-payment-promotion-modal a{top: 0.2em; right: 0.2em;}
	.first-payment-promotion-modal .link{width: 30%; height: 6.3%; top: 90.23%; right: 68%; border-radius: 12%; background: none;}
	
	.premium-base-price-promotion-modal{width: calc(100% - 2em); height: calc((50vw - 2em)*1.28); left: 1em; top:30%;}
	.premium-base-price-promotion-modal a{top: 0.2em; right: 0.2em;}
	.premium-base-price-promotion-modal .link{width: 25%; height: 15%; top: 80%; right: 73%; border-radius: 12%; background: none;}
	
	.huf-2000-voucher-campaign-modal{width: calc(100% - 2em); height: calc((50vw - 2em)*2.4); left: 1em; top:30%;}
	.huf-2000-voucher-campaign-modal a{top: 0.2em; right: 0.2em;}
	.huf-2000-voucher-campaign-modal .link{width: 23%; height: 7%; top: 89%; right: 75%; border-radius: 12%; background: none;}
	
	.personal-loan-campaign-modal{width: calc(100% - 2em); height: calc((50vw - 2em)*2.5); left: 1em; top:30%;}
	.personal-loan-campaign-modal a{top: 0.2em; right: 0.2em;}
	.personal-loan-campaign-modal .link{width: 26%; height: 7%; top: 90%; right: 70%; border-radius: 12%; background: none;}
}

@media screen and (max-width: 520px){
  .iphone-promotion-modal{width: 100vw; left: 0; height: 540px; top: calc(50vh - 270px);}
  .eRoller-promotion-modal{width: 100vw; left: 0; height: 540px; top: calc(50vh - 270px);}
  .eRoller-promotion-modal .cross{right: 1em;}
  .promotion-modal{display: flex; flex-direction: column;}
  .promotion-modal .col{width: 100%; height: 50%;}
}

@media screen and (max-width: 420px){
  .iphone-promotion-modal{height: auto; top: calc(50vh - 200px);}
  .eRoller-promotion-modal{height: auto; top: calc(50vh - 200px);}
}

@media screen and (max-width: 360px){
  .iphone-promotion-modal .form-row{margin: 0;}
  .eRoller-promotion-modal .form-row{margin: 0;}
  .eRoller-promotion-modal .cross{right: 1em;}
}

.clubcard_link_wrapper{position: relative; height: 1.5em;}
.clubcard_link_wrapper a{font-size: 1rem; position: absolute; left: 20.7em; top: -1.2em; margin: 0; color: #fd5e00; font-weight: bold;}

.cropped-promotion-times{background-image: url(../images/icons/cropped-promotion-times.jpg); position: relative; width: 23px; height: 25px; cursor: pointer; background-size: cover; zoom: 0.8;}
.cropped-promotion-times-new-cdn{background-image: url(/api/cdn/Download?uri=cropped-promotion-times.jpg); position: relative; width: 23px; height: 25px; cursor: pointer; background-size: cover; zoom: 0.8;}


.blog{padding-top: 4.3125em; margin-top: 4.75em; margin-bottom: 8.75em;}
.blog hr{height: 1px; background-color: #6697c5; width: 100%; border: 0;}
.blog .top-section{display: flex; align-items: baseline; position: relative;}
.blog .top-section .blog-title{margin-right: 0.3em; font-size: 3.125em; font-weight: 700; color: #fd5e00; margin-bottom: 0.8em;}
.blog .top-section .blog-subtitle{color: #fd5e00; font-weight: bold; font-size: 1.17em;}
.blog .top-section a{color: #fd5e00; position: absolute; bottom: 0; right: 0; display: flex; align-items: center; font-size: 1rem;}
.blog .top-section a .ico-back{background-image: url(../images/icons/return.png); display: flex; background-size: cover; width: 13px; height: 8px; margin: 0 6px 0 0;}
.blog .top-section a .ico-back-new-cdn{background-image: url(/api/cdn/Download?uri=return.png); display: flex; background-size: cover; width: 13px; height: 8px; margin: 0 6px 0 0;}


.blog .blog-wrapper{display: flex; margin-top: 1em;}
.blog .blog-wrapper section{width: calc(100% - 240px + -1em);}
.blog .blog-wrapper section .post-box .link-box{text-decoration: none; display: flex; flex-direction: column; position: relative; margin: 2em 0;}
.blog .blog-wrapper section .post-box .link-box img{width: 100%; height: 300px; object-fit: fill;}
.blog .blog-wrapper section .post-box .link-box .time{position: absolute; display: flex; color: #ffffff; align-items: center; justify-content: center; right: 0px; top: 266px; margin: 0; width: 137px; height: 34px; font-size: 0.75em; border-radius: 10px 10px 0px 0px; background: rgba(0, 83, 159, 0.6);}
.blog .blog-wrapper section .post-box .link-box h1{font-size: 1.715rem; color: #fd5e00; margin: 0;}
.blogpost .blog-wrapper section .post-box .link-box h1{font-size: 2.5rem; color: #fd5e00; margin: 0;}
.blog .blog-wrapper section .post-box .link-box .description{color: #000000;}
.blog .blog-wrapper section .post-box .link-box .article-description{font-weight: bold;}
.blog .blog-wrapper section .post-box .post-full img{max-width: 100%; height: auto;}
.blog .blog-wrapper section .post-box .share-box{display: flex; justify-content: space-between; margin-bottom: 3em; position: relative;}
.blog .blog-wrapper section .post-box .share-box div{display: flex; align-items: center;}
.blog .blog-wrapper section .post-box .share-box div a{background-color: #fd5e00; color: #ffffff; display: flex; align-items: center; justify-content: center; padding: 1em; font-size: 1rem; height: 1rem; border-radius: 50%; cursor: pointer;}
.blog .blog-wrapper section .post-box .share-box div p{color: #fd5e00; font-size: 1rem; margin: 0 0.4em;}
.blog .blog-wrapper section .post-box .share-box .like-box p{margin-left: 1em;}
.blog .blog-wrapper section .post-box .share-box .comments-nr{position: absolute; display: flex; align-items: center; bottom: -3em; color: #fd5e00; font-size: 1rem; font-weight: 500;}
.blog .blog-wrapper section .post-box .share-box .fb-like span iframe{width: auto !important;}
.blog .blog-wrapper section .post-box .fb-comments span iframe{width: 100% !important;}
.blog .blog-wrapper section .post-box .share-box .face-ico{background-image: url(../images/icons/face.png); display: flex; background-size: cover; width: 32px; height: 33px; position: absolute;}
.blog .blog-wrapper section .post-box .share-box .face-ico-new-cdn{background-image: url(/api/cdn/Download?uri=face.png); display: flex; background-size: cover; width: 32px; height: 33px; position: absolute;}
.blog .blog-wrapper section .post-box .share-box .mail-ico{background-image: url(../images/icons/mail.png); display: flex; background-size: cover; width: 16px; height: 13px; position: absolute;}
.blog .blog-wrapper section .post-box .share-box .mail-ico-new-cdn{background-image: url(/api/cdn/Download?uri=mail.png); display: flex; background-size: cover; width: 16px; height: 13px; position: absolute;}
.blog .blog-wrapper section .post-box .share-box .messenger-ico{background-image: url(../images/icons/messenger.png); display: flex; background-size: cover; width: 16px; height: 16.5px; position: absolute;}
.blog .blog-wrapper section .post-box .share-box .messenger-ico-new-cdn{background-image: url(/api/cdn/Download?uri=messenger.png); display: flex; background-size: cover; width: 16px; height: 16.5px; position: absolute;}
.blog .blog-wrapper section .post-box .share-box .message-ico{background-image: url(../images/icons/chat.png); display: flex; background-size: cover; width: 14px; height: 14px; margin-right: 6px;}
.blog .blog-wrapper section .post-box .share-box .message-ico-new-cdn{background-image: url(/api/cdn/Download?uri=icons/chat.png); display: flex; background-size: cover; width: 14px; height: 14px; margin-right: 6px;}
.blog .blog-wrapper section .post-box .share-box .like-ico{background-image: url(../images/icons/like.png); display: flex; background-size: cover; width: 16.5px; height: 16px; margin: 0 0 0 6px;}
.blog .blog-wrapper section .post-box .share-box .like-ico-new-cdn{background-image: url(/api/cdn/Download?uri=icons/like.png); display: flex; background-size: cover; width: 16.5px; height: 16px; margin: 0 0 0 6px;}


.blog .blog-wrapper aside{width: 240px; margin-left: 1em;}
.blog .blog-wrapper aside select{margin-bottom: 2em; opacity: 0.4; width: 100%;}
.blog .blog-wrapper aside p{color: #fd5e00; font-weight: bold;}
.blog .blog-wrapper aside a:first-child{display: flex; flex-direction: column; justify-content: flex-end; height: 130px; width: 100%; text-decoration: none; color: #fd5e00; background-size: cover;}
.blog .blog-wrapper aside a:first-child .opacity{margin-bottom: 0; padding: 0.1em 0.5em; display: flex; color: #ffffff; font-size: 0.85rem; background: rgba(0, 83, 159, 0.6);}
.blog .blog-wrapper aside a:first-child .opacity .published-date{width: 40%; font-weight: bold; font-size: 0.85em;}
.blog .blog-wrapper aside a:first-child .opacity .reading-time{width: 60%; text-align: right; font-weight: bold; font-size: 0.85em;}
.blog .blog-wrapper aside .post-title{font-size: 1.125rem; font-weight: bold; text-decoration: none; display: block; margin: 0; color: #fd5e00; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.blog .blog-wrapper aside .post-description{color: #000000; text-decoration: none; font-size: 0.85em; line-height: 1.3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; margin-bottom: 0.5em; text-overflow: ellipsis; overflow: hidden;}

@keyframes fade-in-out {0%{opacity: 1} 50% {opacity: 0.3} 100%{opacity: 1}}
.transaction-alert {animation: fade-in-out 3000ms; animation-iteration-count: infinite; animation-timing-function: ease-in-out; margin-top: 1em;}

@media screen and (max-width: 1024px){
  .blog .blog-wrapper{flex-direction: column;}
  .blog .blog-wrapper section{width: 100%;}
  .blog .blog-wrapper aside{width: 100%; margin-left:0}
  .blog .blog-wrapper aside .posts-wrapper{display: flex; flex-wrap: wrap;}
  .blog .blog-wrapper aside .posts-wrapper .single-post{width: 240px; margin-right: 1em; margin-bottom: 1em;}
}

@media screen and (max-width: 520px){
  .blog{padding: 0 3em; margin-bottom: 3em;}
  .blog .blog-wrapper aside .posts-wrapper .single-post{width: 100%; margin: 0;}
  .blog .share-box .like-box{flex-direction: column; align-items: baseline !important;}
  .blog .blog-wrapper section .post-box .share-box .like-box p{display:none;}
  .blog .top-section .blog-subtitle{font-size: 1rem;}
}

@media screen and (max-width: 420px){
  .blog{padding: 0 1em; margin-bottom: 1em;}
  .blog .blog-wrapper section .post-box .link-box img{height: auto;}
  .blog .blog-wrapper section .post-box .link-box .time{top: 0px;}
  .blog .blog-wrapper section .post-box .share-box .message-ico{display: none;}
  .blog .blog-wrapper section .post-box .share-box .message-ico-new-cdn{display: none;}
  .blog .blog-wrapper section .post-box .post-full{text-align: justify;}
}


.kiosk-header{grid-area: header; display: flex; justify-content: space-evenly; align-items: center; padding: 0 2em; background-color: #fd5e00; position: fixed; top: 0; right: 0; width: 100%; height: 2.75em; z-index: 20;}
.kiosk-header img{
	width: 1.5em;
    margin-right: 1em;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -webkit-optimize-contrast;;
	}
.kiosk-header a{
	display: block;
    position: relative;
    padding: 0 1em;
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
}

.kiosk-tile{
	border-radius: 25px;
}

.kiosk-page-wrapper {
  min-height: 100vh;
}
.kiosk-page-wrapper > main > section {
  width: 100%;
}

#document-reader-error-message {
	text-align: center;
	font-size: 2em;
	font-weight: 700;
	color: #004d6d;
}

#process-message {
	margin-top: 10%;
	text-align: center;
	font-size: 2em;
	font-weight: 700;
}


.camera {
	height: 100%;
	text-align: center;
}
.camera .video {
	height: 70%;
	margin: 1% auto;
	width: 70%;
}

input[type].validate-inprogress {
    border: solid 2px yellow;
}

.oc-logo{
  max-height: 200px;
  max-width: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}


.third-header {
  position: fixed;
  top: 5.25em;
  height: 2.75em;
  width: 100%;
  z-index: 100;
  display: flex;
  align-items: center;
  transition: 0.4s;
}
.third-header .center-lock .simple-div {
  border: solid 2px #fd5e00;
}
.third-header .center-lock .simple-div a {
  transition: 0.4s;
  margin-right: 1.5em;
  text-decoration: none;
  font-weight: bold;
  color: #fd5e00;
}
.third-header .center-lock .simple-div .active {
  color: #0056b3;
  text-decoration: underline;
}
.icon-plus{background:url("../images/icon-plus-orange.svg") no-repeat; background-size: contain; transition: var(--standard-transition); padding: 0px 10px;}
.icon-cross{background: url("../images/icon-cross.png") no-repeat; background-size: contain; transition: var(--standard-transition); padding: 0px 10px;}

.custom-input.with-placeholder::before {
  content: attr(data-placeholder);
  font-size: 0.8125rem;
  font-weight: 500;
  color: #ccc; /* Placeholder color */
  position: absolute;
  top: 50%;
  left: 0.75em;
  transform: translateY(-50%);
  pointer-events: none;
}

.custom-input.with-placeholder:focus::before,
.custom-input.with-placeholder:not(:empty)::before {
  content: "";
}

/* FORMS */
#beneficaryHtmlModal .flex-form,
#propertyInsuranceHtmlModal .flex-form {
  display: flex;
  flex-direction: column;
}

#beneficaryHtmlModal .form-row,
#propertyInsuranceHtmlModal .form-row {
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  margin-bottom: 1em;
}

#beneficaryHtmlModal .form-row-non-justify,
#propertyInsuranceHtmlModal .form-row-non-justify {
  display: flex;
  width: 100%;
  align-items: center;
}

#beneficaryHtmlModal .form-row-space-around,
#propertyInsuranceHtmlModal .form-row-space-around {
  justify-content: space-evenly;
}

#beneficaryHtmlModal .form-data,
#beneficaryHtmlModal .form-data-submit,
#propertyInsuranceHtmlModal .form-data,
#propertyInsuranceHtmlModal .form-data-submit {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

#beneficaryHtmlModal .form-data-100,
#propertyInsuranceHtmlModal .form-data-100 {
  width: 100%;
}

#beneficaryHtmlModal .form-data-75,
#propertyInsuranceHtmlModal .form-data-75 {
  width: calc(75% - 0.25em);
}

#beneficaryHtmlModal .form-data-50,
#propertyInsuranceHtmlModal .form-data-50 {
  width: calc(50% - 0.5em);
}

#beneficaryHtmlModal .form-data-25,
#propertyInsuranceHtmlModal .form-data-25 {
  width: calc(25% - 0.75em);
}

#beneficaryHtmlModal .form-data-33,
#propertyInsuranceHtmlModal .form-data-33 {
  width: calc(33.3% - 0.75em);
}

#beneficaryHtmlModal .form-data-16,
#propertyInsuranceHtmlModal .form-data-16 {
  width: 12.6%;
}

#beneficaryHtmlModal .form-data-margin-top,
#propertyInsuranceHtmlModal .form-data-margin-top {
  justify-content: space-between;
}

#beneficaryHtmlModal .form-data-centered,
#propertyInsuranceHtmlModal .form-data-centered {
  align-items: center;
}

#beneficaryHtmlModal .form-row label,
#propertyInsuranceHtmlModal .form-row label {
  font-weight: bold;
  text-align: left;
}

#beneficaryHtmlModal .input-sm,
#propertyInsuranceHtmlModal .input-sm {
  max-width: none;
  width: 100%;
}