@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&.css');
/* =============================================================================
   Mixins - less
   ========================================================================== */
/*
  Clearfix
  -------------------------------------------------------------------------
*/
/*
    Transform
    -------------------------------------------------------------------------
*/
/*
  Sprite
  -------------------------------------------------------------------------
*/
/*
  Font size
  -----------------------------------------------------------------------
*/
/*
  Gradient + ie fallback
  -------------------------------------------------------------------------
*/
/*
    Placeholder
    -------------------------------------------------------------------------
*/
/*
    appearance
    -------------------------------------------------------------------------
*/
/*
    Call to action
    -------------------------------------------------------------------------
*/
/* =============================================================================
   HTML5 element display
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
address,
blockquote {
  display: block;
}
audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/* =============================================================================
   Base
   ========================================================================== */
* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button,
button:hover,
li:hover,
a:hover,
*:hover,
* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
  outline: none !important;
}
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: scroll;
}
body {
  margin: 0;
  line-height: 17px;
  line-height: 1.7rem;
}
body,
button,
input,
select,
textarea {
  color: #111111;
  font-size: 14px;
  font-size: 1.4rem;
}
html.browser-safari {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}
/* These selection declarations have to be separate */
::-moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
::-webkit-selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #333333;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
/* Improve readability when focused and hovered in all browsers */
a:hover,
a:active {
  outline: 0;
  text-decoration: underline;
}
/* IE fix to make links without content clickable in IE */
.emptyLinkClickable {
  background-color: rgba(0, 0, 0, 0);
}
/* =============================================================================
   Typography
   ========================================================================== */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&.css');*/
abbr[title] {
  border-bottom: 1px dotted;
}
/* abbreviation */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
/* definition */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1.1em 0 1.1em 0 !important;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
/* a text that has been inserted into a document */
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 11px;
  font-size: 1.1rem;
}
/* Position subscript and superscript content without affecting line-height */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.uppercase {
  text-transform: uppercase;
}
/* =============================================================================
   Headings & Paragraph
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
pre,
blockquote,
dl,
hr,
address {
  margin: 0 0 10px 0;
  padding: 0;
}
h1 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 20px;
  line-height: 2rem;
  font-weight: bold;
  margin: 0 0 25px 0;
}
h1 small {
  font-size: 12px;
  font-size: 1.2rem;
  position: relative;
  top: -6px;
}
h2 {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 20px;
  line-height: 2rem;
  font-weight: normal;
  margin: 0 0 25px 0;
  text-transform: none;
}
h2 small {
  font-size: 12px;
  font-size: 1.2rem;
  position: relative;
  top: -6px;
}
h3 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem;
  font-weight: 700;
}
h4 {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
h5 {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
h6 {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: normal;
}
.stylingplaceholder table h2 {
  margin-bottom: 0;
}
/* ============================================================================
   Floats & aligns
   ========================================================================== */
/* Floats */
.floatL {
  float: left;
}
.floatR {
  float: right;
}
img.floatL {
  margin: 0 20px 20px 0;
  clear: both;
}
img.floatR {
  margin: 0 0 15px 15px;
  clear: both;
}
.noPadding {
  padding: 0;
}
/* Textalign */
.alignL {
  text-align: left;
}
.alignR {
  text-align: right;
}
/* =============================================================================
   Lists
   ========================================================================== */
ul {
  margin: 15px 0 25px 0;
  padding: 0;
}
ol {
  margin: 15px 0 25px 0;
  padding: 0 0 0 20px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* =============================================================================
   Embedded content
   ========================================================================== */
/* Improve image quality when scaled in IE7 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/* Correct overflow displayed oddly in IE9 */
svg:not(:root) {
  overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
label {
  cursor: pointer;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  outline: none;
  box-sizing: border-box;
  border-radius: 0;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type=text]:focus,
input[type=search]:focus,
textarea:focus,
select {
  border: 1px solid #7190ad;
}
/* Consistent box sizing and appearance */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/* Remove inner padding and border in FF3/4 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {
  overflow: auto;
  vertical-align: top;
}
/* Obligatory */
.obligatory {
  font-size: 0.8em;
  font-style: italic;
  margin: 0 0 10px 0;
}
/* Disabled elements */
input[disabled="disabled"],
input[disabled],
input:disabled {
  color: #acadaf !important;
  cursor: default;
}
input[disabled="disabled"]:hover,
input[disabled]:hover,
input:disabled:hover,
input[disabled="disabled"]:focus,
input[disabled]:focus,
input:disabled:focus {
  background: #ffffff;
  /*-pie-background: linear-gradient(@top-hex, @bottom-hex);			*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= #ffffff , endColorstr= #e3e8f1 ,GradientType=0 );
  background: -moz-linear-gradient(top, #ffffff 0%, #e3e8f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e3e8f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e3e8f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e3e8f1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e3e8f1 100%);
  /* IE10+ */
  background: linear-gradient(top, #ffffff 0%, #e3e8f1 100%);
  /* W3C */
  color: #acadaf !important;
}
/*
		FORM LAYOUT
		**************************************************
	*/
.form {
  margin-bottom: 20px;
  zoom: 1;
}
.form:before {
  content: "";
  display: table;
}
.form:after {
  content: "";
  display: table;
}
.form:after {
  clear: both;
}
.form:before {
  content: "";
  display: table;
}
.form:after {
  content: "";
  display: table;
}
.form:after {
  clear: both;
}
.form-item {
  zoom: 1;
}
.form-item:before {
  content: "";
  display: table;
}
.form-item:after {
  content: "";
  display: table;
}
.form-item:after {
  clear: both;
}
.form-item:before {
  content: "";
  display: table;
}
.form-item:after {
  content: "";
  display: table;
}
.form-item:after {
  clear: both;
}
.form-item .label {
  float: left;
  padding-right: 15px;
  width: 25%;
  margin-top: 8px;
  box-sizing: border-box;
}
.form-item .field {
  float: left;
  width: 75%;
  box-sizing: border-box;
  padding-top: 5px;
  position: relative;
  zoom: 1;
}
.form-item .field:before {
  content: "";
  display: table;
}
.form-item .field:after {
  content: "";
  display: table;
}
.form-item .field:after {
  clear: both;
}
.form-item .field:before {
  content: "";
  display: table;
}
.form-item .field:after {
  content: "";
  display: table;
}
.form-item .field:after {
  clear: both;
}
.form-item .field .expl {
  display: inline-block;
  padding-left: 15px;
}
.form-item .field span.req {
  display: inline-block;
  padding-left: 2px;
  position: relative;
  top: -6px;
}
.form-item .field .err {
  margin-top: 3px;
  margin-left: 8px;
  margin-bottom: 7px;
  position: relative;
  line-height: inherit;
}
.form-item .field ul.err {
  height: 22px;
  overflow: hidden;
  color: #800D0D;
  position: absolute;
  top: 41px;
  left: 0;
  padding: 0;
  margin: 0;
}
.form-item .field ul.err li {
  margin: 0;
  padding: 0;
  background: none;
  font: 10px Arial, Helvetica, sans-serif;
  line-height: 11px;
  text-indent: 0;
}
.form-item .field ul.err li:before {
  display: none;
}
.form-item .field .value {
  display: inline-block;
}
.form-item .field input[type="text"],
.form-item .field input[type="number"],
.form-item .field input[type="email"],
.form-item .field select {
  width: 215px;
}
.form-item .field .radioCheck-ico {
  vertical-align: top;
  margin-bottom: 16px;
  margin-top: 4px;
  display: inline-block;
  width: 150px;
  min-height: 50px;
  margin-right: 20px;
  zoom: 1;
}
.form-item .field .radioCheck-ico:before {
  content: "";
  display: table;
}
.form-item .field .radioCheck-ico:after {
  content: "";
  display: table;
}
.form-item .field .radioCheck-ico:after {
  clear: both;
}
.form-item .field .radioCheck-ico:before {
  content: "";
  display: table;
}
.form-item .field .radioCheck-ico:after {
  content: "";
  display: table;
}
.form-item .field .radioCheck-ico:after {
  clear: both;
}
.form-item .field .radioCheck-ico input {
  float: left;
  margin-top: 6px;
}
.form-item .field .radioCheck-ico label {
  float: left;
  width: 82%;
}
.form-item .field .radioCheck-ico img {
  display: block;
  margin-bottom: 4px;
  height: 30px;
}
.form-item .field .radioCheck-bigText {
  display: block;
  width: 120px;
  float: left;
  margin-right: 20px;
  zoom: 1;
}
.form-item .field .radioCheck-bigText:before {
  content: "";
  display: table;
}
.form-item .field .radioCheck-bigText:after {
  content: "";
  display: table;
}
.form-item .field .radioCheck-bigText:after {
  clear: both;
}
.form-item .field .radioCheck-bigText:before {
  content: "";
  display: table;
}
.form-item .field .radioCheck-bigText:after {
  content: "";
  display: table;
}
.form-item .field .radioCheck-bigText:after {
  clear: both;
}
.form-item .field .radioCheck-bigText input {
  float: left;
  margin-top: 2px !important;
}
.form-item .field .radioCheck-bigText label {
  float: left;
  width: 85%;
}
.form-item .field .radioCheck-bigText label small {
  margin-top: 10px;
  display: block;
}
.form-item .field .radioCheck-bigText .numericStepper {
  margin-top: 10px;
}
.form-item .field .radioCheck-bigText .numericStepper input {
  margin-top: 0;
}
.form-item .field .numericStepper {
  position: relative;
  zoom: 1;
}
.form-item .field .numericStepper:before {
  content: "";
  display: table;
}
.form-item .field .numericStepper:after {
  content: "";
  display: table;
}
.form-item .field .numericStepper:after {
  clear: both;
}
.form-item .field .numericStepper:before {
  content: "";
  display: table;
}
.form-item .field .numericStepper:after {
  content: "";
  display: table;
}
.form-item .field .numericStepper:after {
  clear: both;
}
.form-item .field .numericStepper input[type="text"] {
  width: 36px;
}
.form-item .field .numericStepper .stepper-btn-up,
.form-item .field .numericStepper .stepper-btn-dwn {
  height: 13px;
  width: 20px;
  padding: 0;
  text-align: center;
  position: absolute;
  left: 39px;
  top: 0;
}
.form-item .field .numericStepper .stepper-btn-dwn {
  top: 14px;
}
.form-item.fiedBelow {
  margin-bottom: 20px;
  min-height: 61px;
}
.form-item.fiedBelow .label {
  width: 100%;
}
.form-item.fiedBelow .field {
  clear: left;
  width: 100%;
  padding-top: 9px;
}
.form-item + .form-item {
  margin-top: 5px;
}
.form-item.submit {
  margin-top: 20px;
}
.form-item + h3 {
  margin-top: 35px;
}
.form-item.col50 {
  margin-top: 0;
}
.form-item.col50 .field .err {
  position: absolute;
  line-height: 12px;
}
/*
	MOBILE CHANGES
	**************************************************
*/
.mobile .form-item + .form-item {
  margin-top: 14px;
}
.mobile .form-item .label {
  width: 100%;
  margin-top: 0;
  margin-bottom: 6px;
}
.mobile .form-item .field {
  width: 100%;
}
.mobile .form-item .field .expl {
  padding-left: 0;
  padding-top: 6px;
}
.mobile .form-item .field .numericStepper .stepper-wrap {
  width: 100%;
  zoom: 1;
}
.mobile .form-item .field .numericStepper .stepper-wrap:before {
  content: "";
  display: table;
}
.mobile .form-item .field .numericStepper .stepper-wrap:after {
  content: "";
  display: table;
}
.mobile .form-item .field .numericStepper .stepper-wrap:after {
  clear: both;
}
.mobile .form-item .field .numericStepper .stepper-wrap:before {
  content: "";
  display: table;
}
.mobile .form-item .field .numericStepper .stepper-wrap:after {
  content: "";
  display: table;
}
.mobile .form-item .field .numericStepper .stepper-wrap:after {
  clear: both;
}
.mobile .form-item .field .numericStepper .stepper-btn-up,
.mobile .form-item .field .numericStepper .stepper-btn-dwn {
  position: relative;
  top: auto;
  left: auto;
  margin-left: 5px;
  margin-top: 0;
  float: left;
  width: 25px;
  height: 29px;
}
.mobile .form-item .field .radioCheck-bigText .numericStepper .stepper-btn-dwn {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 31px;
  line-height: 3.1rem;
  height: 34px;
}
.mobile .form-item .field .radioCheck-bigText .numericStepper .stepper-btn-up {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 30px;
  line-height: 3rem;
  height: 34px;
}
.mobile .form-item .field .radioCheck-ico {
  width: 50%;
  padding-right: 5px;
  margin-right: 0;
  box-sizing: border-box;
  float: left;
  display: block;
}
.mobile .form-item .field .radioCheck-ico:nth-child(odd) {
  clear: left;
}
.mobile .form-item .field .radioCheck-ico:nth-child(even) {
  padding-left: 5px;
  padding-right: 0;
}
.mobile .form-item .field span.req {
  position: absolute;
  display: block;
  top: -2px;
  right: -8px;
}
.mobile .form-item .field ul.err {
  position: static;
  margin-top: 2px;
}
.mobile .form-item input[type="text"],
.mobile .form-item input[type="email"],
.mobile .form-item select {
  width: 100%;
}
.mobile .form-item .field .radioCheck-bigText {
  width: 50%;
  margin: 20px 0 0 0;
}
.mobile .form-item .field .radioCheck-bigText:nth-child(1),
.mobile .form-item .field .radioCheck-bigText:nth-child(2) {
  margin-top: 0;
}
.mobile .form-item .floatR.amountChar {
  float: none;
  display: block;
  margin-top: 8px;
}
.mobile .form-item #countCharacters {
  height: 54px !important;
}
/*! jQuery UI - v1.9.2 - 2013-04-08
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.tooltip.css
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.1);
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
  width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/*button sets*/
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* reset extra padding in Firefox */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 4px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: center;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  width: 300px;
  overflow: hidden;
  z-index: 10000;
  background: white;
  border-radius: 3px;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-dialog .ui-dialog-titlebar-close span.ui-icon-closethick {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: 'x';
  color: white;
  position: absolute;
  margin: 0;
  text-indent: 0;
  display: block;
}
.ui-dialog .ui-dialog-titlebar-close span.ui-icon-closethick:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  content: "x";
  display: block;
  line-height: 16.5px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%;
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  zoom: 1;
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-tooltip {
  background: #fff;
  border: 2px solid #b9cae8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px #b9cae8;
  -moz-box-shadow: 0 0 10px #b9cae8;
  box-shadow: 0 0 10px #b9cae8;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 13px;
  max-width: 300px;
  padding: 10px;
  position: absolute;
  z-index: 9999;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
  background-image: none;
}
body .ui-tooltip {
  border-width: 2px;
}
.ui-datepicker .ui-datepicker-next.ui-state-hover {
  background-color: #ffffff!important;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover {
  background-color: #ffffff!important;
}
body.notmobile {
  min-width: 1000px;
}
body > img {
  position: absolute;
  bottom: 0;
  left: -1px;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
#globalContainer {
  position: relative;
}
#main {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 950px;
  padding: 20px 20px 0;
}
#content-wrapper .content-top,
#content-wrapper .content-blocks {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#content-wrapper {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
.all-content .content-top {
  position: relative;
  z-index: 3;
  zoom: 1;
}
.all-content .content-top:before {
  content: "";
  display: table;
}
.all-content .content-top:after {
  content: "";
  display: table;
}
.all-content .content-top:after {
  clear: both;
}
.all-content .content-top:before {
  content: "";
  display: table;
}
.all-content .content-top:after {
  content: "";
  display: table;
}
.all-content .content-top:after {
  clear: both;
}
.all-content .content-top .carousel {
  float: left;
  width: 620px;
  height: 300px;
}
.all-content .content-top .actions {
  float: left;
  width: 290px;
  height: 300px;
}
.all-content .content-blocks {
  position: relative;
  z-index: 2;
  padding-bottom: 30px;
}
.all-content .content-blocks .carousel {
  float: left;
  width: 910px;
  height: 300px;
}
.aem-Grid-newComponent.new {
  margin: 0;
}
/* Classes for A/B testing */
.targeted-hidden-base {
  display: none;
}
.aem-AuthorLayer-Edit .targeted-hidden-base {
  display: block;
}
.col75 {
  float: left;
  width: 75%;
  box-sizing: border-box;
}
.col70 {
  float: left;
  width: 70%;
  box-sizing: border-box;
}
.col25 {
  float: right;
  width: 25%;
  box-sizing: border-box;
}
.col55 {
  float: left;
  width: 55%;
  box-sizing: border-box;
}
.col45 {
  float: right;
  width: 45%;
  box-sizing: border-box;
}
.col30 {
  float: right;
  width: 30%;
  box-sizing: border-box;
}
.col50 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.col50 .col50 {
  padding-left: 20px;
}
.col33 {
  float: left;
  width: 33.3333333333%;
  padding: 0 30px 0 20px;
  box-sizing: border-box;
  margin: 20px 0;
}
.col33 .col33 {
  padding-left: 30px;
}
.colClearLeft {
  clear: left;
}
.colClearRight {
  clear: right;
}
.colClearBoth {
  clear: both;
}
.colForceLeft {
  float: left;
}
/*
  new grid system
  when we drop support for IE9, we can move to grid-flexbox.less
  @todo: cleanup .OldGrid and .col
 */
/* Grid with floats, if you don't support IE9, switch to grid-flexbox.less*/
.Grid {
  margin-left: -10px;
  margin-right: -10px;
  zoom: 1;
}
.Grid:before {
  content: "";
  display: table;
}
.Grid:after {
  content: "";
  display: table;
}
.Grid:after {
  clear: both;
}
.Grid:before {
  content: "";
  display: table;
}
.Grid:after {
  content: "";
  display: table;
}
.Grid:after {
  clear: both;
}
.Grid.Grid--expanded {
  max-width: none;
}
.Grid.Grid--collapse > .Grid-col {
  padding-left: 0;
  padding-right: 0;
}
.Grid--max500 {
  max-width: 500px;
}
.Grid-col {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  box-sizing: border-box;
  width: 100%;
}
.Grid-col--right {
  float: right;
}
.Grid-col--sm1 {
  width: 8.33333%;
}
.Grid-col--sm2 {
  width: 16.66667%;
}
.Grid-col--sm3 {
  width: 25%;
}
.Grid-col--sm4 {
  width: 33.33333%;
}
.Grid-col--sm5 {
  width: 41.66667%;
}
.Grid-col--sm6 {
  width: 50%;
}
.Grid-col--sm7 {
  width: 58.33333%;
}
.Grid-col--sm8 {
  width: 66.66667%;
}
.Grid-col--sm9 {
  width: 75%;
}
.Grid-col--sm10 {
  width: 83.33333%;
}
.Grid-col--sm11 {
  width: 91.66667%;
}
.Grid-col--sm12 {
  width: 100%;
}
@media screen and (min-width: 800px) {
  .Grid-col--md1 {
    width: 8.33333%;
  }
  .Grid-col--md2 {
    width: 16.66667%;
  }
  .Grid-col--md3 {
    width: 25%;
  }
  .Grid-col--md4 {
    width: 33.33333%;
  }
  .Grid-col--md5 {
    width: 41.66667%;
  }
  .Grid-col--md6 {
    width: 50%;
  }
  .Grid-col--md7 {
    width: 58.33333%;
  }
  .Grid-col--md8 {
    width: 66.66667%;
  }
  .Grid-col--md9 {
    width: 75%;
  }
  .Grid-col--md10 {
    width: 83.33333%;
  }
  .Grid-col--md11 {
    width: 91.66667%;
  }
  .Grid-col--md12 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .Grid-col--lg1 {
    width: 8.33333%;
  }
  .Grid-col--lg2 {
    width: 16.66667%;
  }
  .Grid-col--lg3 {
    width: 25%;
  }
  .Grid-col--lg4 {
    width: 33.33333%;
  }
  .Grid-col--lg5 {
    width: 41.66667%;
  }
  .Grid-col--lg6 {
    width: 50%;
  }
  .Grid-col--lg7 {
    width: 58.33333%;
  }
  .Grid-col--lg8 {
    width: 66.66667%;
  }
  .Grid-col--lg9 {
    width: 75%;
  }
  .Grid-col--lg10 {
    width: 83.33333%;
  }
  .Grid-col--lg11 {
    width: 91.66667%;
  }
  .Grid-col--lg12 {
    width: 100%;
  }
}
.Flexgrid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.Flexgrid.Flexgrid--expanded {
  max-width: none;
}
.Flexgrid .Flexgrid {
  margin-left: -10px;
  margin-right: -10px;
}
.Flexgrid .Flexgrid-col--collapse {
  padding: 0;
}
.Flexgrid .Flexgrid--noMargin {
  margin: 0;
}
.Flexgrid--vertical {
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}
.Flexgrid-col {
  padding-left: 10px;
  padding-right: 10px;
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  box-sizing: border-box;
}
.Flexgrid-col--noGrow {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.Flexgrid-col--grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.Flexgrid-col--noShrink {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.Flexgrid-col--shrink {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.Flexgrid-col--sm1 {
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}
.Flexgrid-col--smoffset_0 {
  margin-left: 0%;
}
.Flexgrid-col--sm2 {
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.Flexgrid-col--smoffset_1 {
  margin-left: 8.33333%;
}
.Flexgrid-col--sm3 {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.Flexgrid-col--smoffset_2 {
  margin-left: 16.66667%;
}
.Flexgrid-col--sm4 {
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.Flexgrid-col--smoffset_3 {
  margin-left: 25%;
}
.Flexgrid-col--sm5 {
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
.Flexgrid-col--smoffset_4 {
  margin-left: 33.33333%;
}
.Flexgrid-col--sm6 {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.Flexgrid-col--smoffset_5 {
  margin-left: 41.66667%;
}
.Flexgrid-col--sm7 {
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.Flexgrid-col--smoffset_6 {
  margin-left: 50%;
}
.Flexgrid-col--sm8 {
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}
.Flexgrid-col--smoffset_7 {
  margin-left: 58.33333%;
}
.Flexgrid-col--sm9 {
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.Flexgrid-col--smoffset_8 {
  margin-left: 66.66667%;
}
.Flexgrid-col--sm10 {
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}
.Flexgrid-col--smoffset_9 {
  margin-left: 75%;
}
.Flexgrid-col--sm11 {
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}
.Flexgrid-col--smoffset_10 {
  margin-left: 83.33333%;
}
.Flexgrid-col--sm12 {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.Flexgrid-col--smoffset_11 {
  margin-left: 91.66667%;
}
.Flexgrid-col--smorder_1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.Flexgrid-col--smorder_2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.Flexgrid-col--smorder_3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.Flexgrid-col--smorder_4 {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}
.Flexgrid-col--smorder_5 {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}
.Flexgrid-col--smorder_6 {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}
.Flexgrid-col--smcollapse > .Flexgrid-col {
  padding-left: 0;
  padding-right: 0;
}
.Flexgrid-col--smuncollapse > .Flexgrid-col {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 800px) {
  .Flexgrid-col--md1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .Flexgrid-col--mdoffset_0 {
    margin-left: 0%;
  }
  .Flexgrid-col--md2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .Flexgrid-col--mdoffset_1 {
    margin-left: 8.33333%;
  }
  .Flexgrid-col--md3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .Flexgrid-col--mdoffset_2 {
    margin-left: 16.66667%;
  }
  .Flexgrid-col--md4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .Flexgrid-col--mdoffset_3 {
    margin-left: 25%;
  }
  .Flexgrid-col--md5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .Flexgrid-col--mdoffset_4 {
    margin-left: 33.33333%;
  }
  .Flexgrid-col--md6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .Flexgrid-col--mdoffset_5 {
    margin-left: 41.66667%;
  }
  .Flexgrid-col--md7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .Flexgrid-col--mdoffset_6 {
    margin-left: 50%;
  }
  .Flexgrid-col--md8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .Flexgrid-col--mdoffset_7 {
    margin-left: 58.33333%;
  }
  .Flexgrid-col--md9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .Flexgrid-col--mdoffset_8 {
    margin-left: 66.66667%;
  }
  .Flexgrid-col--md10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .Flexgrid-col--mdoffset_9 {
    margin-left: 75%;
  }
  .Flexgrid-col--md11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .Flexgrid-col--mdoffset_10 {
    margin-left: 83.33333%;
  }
  .Flexgrid-col--md12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .Flexgrid-col--mdoffset_11 {
    margin-left: 91.66667%;
  }
  .Flexgrid-col--mdorder_1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .Flexgrid-col--mdorder_2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .Flexgrid-col--mdorder_3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .Flexgrid-col--mdorder_4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .Flexgrid-col--mdorder_5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .Flexgrid-col--mdorder_6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
}
@media screen and (min-width: 800px) and (min-width: 800px) {
  .Flexgrid-col--mdexpand {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
.Flexgrid.Flexgrid-col--mdunstack .Flexgrid-col {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media screen and (min-width: 800px) {
  .Flexgrid.Flexgrid-col--mdunstack .Flexgrid-col {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 800px) {
  .Flexgrid-col--mdcollapse > .Flexgrid-col {
    padding-left: 0;
    padding-right: 0;
  }
  .Flexgrid-col--mduncollapse > .Flexgrid-col {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 64em) {
  .Flexgrid-col--lg1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .Flexgrid-col--lgoffset_0 {
    margin-left: 0%;
  }
  .Flexgrid-col--lg2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .Flexgrid-col--lgoffset_1 {
    margin-left: 8.33333%;
  }
  .Flexgrid-col--lg3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .Flexgrid-col--lgoffset_2 {
    margin-left: 16.66667%;
  }
  .Flexgrid-col--lg4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .Flexgrid-col--lgoffset_3 {
    margin-left: 25%;
  }
  .Flexgrid-col--lg5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .Flexgrid-col--lgoffset_4 {
    margin-left: 33.33333%;
  }
  .Flexgrid-col--lg6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .Flexgrid-col--lgoffset_5 {
    margin-left: 41.66667%;
  }
  .Flexgrid-col--lg7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .Flexgrid-col--lgoffset_6 {
    margin-left: 50%;
  }
  .Flexgrid-col--lg8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .Flexgrid-col--lgoffset_7 {
    margin-left: 58.33333%;
  }
  .Flexgrid-col--lg9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .Flexgrid-col--lgoffset_8 {
    margin-left: 66.66667%;
  }
  .Flexgrid-col--lg10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .Flexgrid-col--lgoffset_9 {
    margin-left: 75%;
  }
  .Flexgrid-col--lg11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .Flexgrid-col--lgoffset_10 {
    margin-left: 83.33333%;
  }
  .Flexgrid-col--lg12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .Flexgrid-col--lgoffset_11 {
    margin-left: 91.66667%;
  }
  .Flexgrid-col--lgorder_1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .Flexgrid-col--lgorder_2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .Flexgrid-col--lgorder_3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .Flexgrid-col--lgorder_4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .Flexgrid-col--lgorder_5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .Flexgrid-col--lgorder_6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
}
@media screen and (min-width: 64em) and (min-width: 64em) {
  .Flexgrid-col--lgexpand {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
.Flexgrid.Flexgrid-col--lgunstack .Flexgrid-col {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media screen and (min-width: 64em) {
  .Flexgrid.Flexgrid-col--lgunstack .Flexgrid-col {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 64em) {
  .Flexgrid-col--lgcollapse > .Flexgrid-col {
    padding-left: 0;
    padding-right: 0;
  }
  .Flexgrid-col--lguncollapse > .Flexgrid-col {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.Flexgrid--alignRight {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.Flexgrid--alignLeft {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.Flexgrid--alignCenter {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Flexgrid--alignMiddle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Flexgrid--alignSpaceBetween {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.Flexgrid--alignSpaceAround {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.Flexgrid--alignTop {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.Flexgrid--alignBottom {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.Flexgrid--alignStretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.Flexcol--alignSelfStart {
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.Flexcol--alignSelfEnd {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.Flexcol--alignSelfCenter {
  -webkit-align-self: center;
  align-self: center;
}
.Flexcol--alignSelfBaseline {
  -webkit-align-self: baseline;
  align-self: baseline;
}
.Flexcol--alignSelfStretch {
  -webkit-align-self: stretch;
  align-self: stretch;
}
@media screen and (max-width: 800px) {
  .Flexgrid--smAlignCenter {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .Flexgrid--smAlignRight {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .Flexgrid--smAlignLeft {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .Flexgrid--smAlignMiddle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .Flexgrid--smAlignTop {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .Flexgrid--smAlignBottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.icoPhoneDark,
.icoAttachment,
.icoDoc,
.icoInvoices,
.icoEnvelope,
.icoServicesBlue,
.icoAttachmentBlue,
.icoInvoicesBlue,
.icoPhoneBlue,
.icoAttachmentWhite,
.icoInvoicesWhite {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  margin-left: 2px;
  text-indent: -9999px;
}
.icoPhoneDark {
  min-width: 24px;
  min-height: 24px;
  text-decoration: none !important;
}
.icoPhoneDark:before {
  position: absolute;
  top: -3px;
  left: 0;
}
.icoAttachment {
  min-width: 15px;
  min-height: 16px;
  text-decoration: none !important;
}
.icoAttachment:before {
  position: absolute;
  top: 2px;
  left: 0;
  background: url(../images/sprites.png) no-repeat;
  background-position: -285px -75px;
  display: inline-block;
  content: "";
  width: 15px;
  height: 16px;
}
.icoAttachment.right:before {
  left: auto;
  right: 0;
}
.icoDoc {
  min-width: 18px;
  min-height: 26px;
  text-decoration: none !important;
}
.icoDoc:before {
  position: absolute;
  top: -5px;
  left: 0;
}
.icoInvoices {
  min-width: 20px;
  min-height: 18px;
  text-decoration: none !important;
}
.icoInvoices:before {
  position: absolute;
  top: 1px;
  left: 0;
}
.icoPdfSmall {
  position: relative;
  padding-left: 18px;
  display: inline-block;
  text-decoration: none !important;
}
.icoPdfSmall:before {
  position: absolute;
  left: 0;
  top: 2px;
  background: url(../images/sprites.png) no-repeat;
  background-position: -180px -135px;
  display: inline-block;
  content: "";
  width: 11px;
  height: 14px;
}
.icoEnvelope {
  min-width: 19px;
  min-height: 13px;
  text-decoration: none !important;
}
.icoEnvelope:before {
  position: absolute;
  left: 1px;
  left: 0;
}
.icoServicesBlue {
  min-width: 18px;
  min-height: 26px;
  text-decoration: none !important;
}
.icoServicesBlue:before {
  position: absolute;
  top: 0px;
  left: 0;
}
.icoAttachmentBlue {
  min-width: 9px;
  min-height: 16px;
  text-decoration: none !important;
}
.icoAttachmentBlue:before {
  position: absolute;
  top: 0px;
  left: 0;
}
.icoInvoicesBlue {
  min-width: 19px;
  min-height: 17px;
  text-decoration: none !important;
}
.icoInvoicesBlue:before {
  position: absolute;
  top: 0px;
  left: 0;
}
.icoInvoicesWhite {
  min-width: 19px;
  min-height: 17px;
  text-decoration: none !important;
}
.icoInvoicesWhite:before {
  position: absolute;
  top: 0px;
  left: 0;
}
.icoPhoneBlue {
  min-width: 24px;
  min-height: 24px;
  text-decoration: none !important;
}
.icoPhoneBlue:before {
  position: absolute;
  top: 0px;
  left: 0;
}
.icoAttachmentWhite {
  min-width: 13px;
  min-height: 24px;
  text-decoration: none !important;
}
.icoAttachmentWhite:before {
  position: absolute;
  top: 0;
  left: 0;
}
.color-bu-grey * {
  color: #7b8f9a !important;
}
.color-bu-grey-light * {
  color: #bfc9cf !important;
}
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.pull-right {
  float: right !important;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right;
}
.vertical-align-middle {
  display: table !important;
}
.vertical-align-middle > span,
.vertical-align-middle > div {
  display: table-cell !important;
  vertical-align: middle !important;
}
.max-width-300 {
  max-width: 300px;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.white-space-nowrap {
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  .text-right-onMobile {
    text-align: right;
  }
}
@media screen and (max-width: 800px) {
  .hide-on-mobile {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .hide-on-desktop {
    display: none;
  }
}
.stretch {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 799px) {
  .hidden-on-phone {
    display: none;
  }
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
  .hidden-on-tablet {
    display: none;
  }
}
@media screen and (min-width: 1100px) {
  .hidden-on-desktop {
    display: none;
  }
}
html .fancybox-inner iframe {
  position: absolute;
}
.leftNavigation ul {
  margin-bottom: 0;
}
.leftNavigation .first {
  position: relative;
  padding-left: 0 !important;
  padding-top: 13px;
  padding-right: 30px;
}
.leftNavigation .first a {
  display: block;
  text-decoration: none;
}
.leftNavigation .first:first-child {
  padding-top: 0;
}
.leftNavigation .first:first-child .arr {
  top: -2px;
}
.leftNavigation .first .arr {
  position: absolute;
  right: 0;
  top: 11px;
  display: block;
  width: 21px;
  height: 21px;
}
.leftNavigation .first + .sub1 {
  margin-top: 14px;
}
.leftNavigation .sub1 {
  margin-left: 20px;
  margin-top: 7px;
}
.leftNavigation .sub2 {
  margin-left: 33px;
  margin-top: 7px;
}
.leftNavigation .sub3 {
  margin-left: 46px;
  margin-top: 7px;
}
.leftNavigation .sub4 {
  margin-left: 59px;
  margin-top: 7px;
}
body.overlay h2 {
  font-weight: bold;
}
/* landing page fixes  */
.landingpage .list {
  margin: 20px;
}
a {
  text-decoration: underline;
  cursor: pointer;
}
.link a {
  text-decoration: none;
}
ul {
  list-style-type: none;
}
ul li {
  position: relative;
}
ul li:before {
  position: relative;
  left: 0;
  top: 0;
  margin: 0 10px 0 0;
}
ul li a {
  text-decoration: none;
}
ul li a:hover {
  text-decoration: underline;
}
.checkList ul li {
  margin-left: 22px;
}
.checkList ul li:before {
  top: 0;
}
/* border utils */
.u-borderBottomNone {
  border-bottom: none;
}
.u-borderBottom {
  border-bottom: 1px solid grey;
}
.u-borderLightBlue {
  border: 1px solid #b9cae8;
}
.u-borderTopGrey {
  border-top: 1px solid #e5e5e5;
}
/* margin utils */
.u-marginTopFive {
  margin-top: 5px !important;
}
.u-marginTopTen {
  margin-top: 10px !important;
}
.u-marginTopTwenty {
  margin-top: 20px !important;
}
.u-marginTopNone {
  margin-top: 0 !important;
}
.u-marginBottomNone {
  margin-bottom: 0;
}
.u-marginBottomTwentyFive {
  margin-bottom: 25px;
}
.u-marginLeftFifty {
  margin-left: 50px;
}
/* padding utils */
.u-paddingTen {
  padding: 10px;
}
.u-paddingFifteen {
  padding: 15px;
}
.u-paddingTwenty {
  padding: 20px;
}
.u-paddingTopTwo {
  padding-top: 2px;
}
.u-paddingLeftTen {
  padding-left: 10px;
}
.u-paddingRightTen {
  padding-right: 10px;
}
.u-displayBlock {
  display: block !important;
}
.u-background {
  background: transparent;
}
/* disable utils */
.u-disableTextMargins.text,
.u-disableTextMargins .text {
  margin: 0;
}
.u-disableParagraphMargins p {
  margin: 0;
}
.u-disableTextPadding.text,
.u-disableTextPadding .text {
  padding: 0;
}
.u-disableWideFormMargins.wideform,
.u-disableWideFormMargins .wideform {
  margin: 0;
}
/* clear floats */
.u-clearFix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.u-textAlignCenter {
  text-align: center;
}
.u-floatLeft {
  float: left;
}
.u-floatRight {
  float: right;
}
/* mobile utilities */
.mobile .u-mobile-sideBodyMargins,
.mobile .u-mobile-sideMarginsTen {
  margin-left: 10px;
  margin-right: 10px;
}
/*------------------------------*\
     #Noty message
\*------------------------------*/
#noty_center_layout_container > li {
  border: none !important;
  width: 300px !important;
}
@media screen and (min-width: 500px) {
  #noty_center_layout_container > li {
    width: 400px !important;
  }
}
#noty_center_layout_container > li .noty_message {
  background-color: #009793;
  text-align: left !important;
}
#noty_center_layout_container > li .noty_message .noty_text {
  font-size: 16px;
  line-height: 22px;
}
#noty_center_layout_container > li .noty_message .noty_text > a {
  text-decoration: underline;
}
#noty_center_layout_container > li .noty_buttons .btn-noty {
  margin: 5px !important;
  width: 60px;
}
.noty_buttons {
  background-color: #009793 !important;
  border: none !important;
}
/* 	RETAIL - Accordion
	----------------------
*/
/* ACCORDION */
div.accordion {
  /*.ui-accordion-content {overflow:visible!important;}*/
  /*fix to show yellow CTA block without scrollbars*/
  /* TO REFACTOR this fix causes the accordion to not function smoothly*/
}
div.accordion h3.header {
  color: #000;
  cursor: pointer;
  margin: 1px 0 0;
  padding: 11px 20px;
  position: relative;
}
div.accordion h3.header span {
  float: right;
  height: 21px;
  width: 21px;
}
div.accordion h3.header .Icon {
  position: absolute;
  right: 10px;
}
div.accordion div.content {
  background: #fff;
  padding: 0 0 0;
  /* Columns inside accordion: fix width */
  /* layout 0 : 1/3 1/3 1/3 */
  /* layout 1 : 2/3 1/3 */
  /* layout 2 : 1/3 2/3 */
  /* layout 3 : 1/3 1/4 1/4 1/4  */
  /* layout 4 : 1/4 1/4 1/4 1/3  */
  /* layout 5 : 1/4 1/4 1/4 1/4  */
  /* layout 6 : 50% 50% */
}
div.accordion div.content .textimage {
  margin: 0;
}
div.accordion div.content .textimage .title {
  margin: 0;
}
div.accordion div.content .textimage .image img {
  position: relative;
  top: 0;
}
div.accordion div.content div.cq-colctrl-lt0 {
  float: none;
}
div.accordion div.content div.cq-colctrl-lt0-c0 {
  width: calc(33% - 13px);
}
div.accordion div.content div.cq-colctrl-lt0-c1 {
  width: calc(33% - 13px);
}
div.accordion div.content div.cq-colctrl-lt0-c2 {
  width: calc(33% - 13px);
}
div.accordion div.content div.cq-colctrl-lt1 {
  float: none;
}
div.accordion div.content div.cq-colctrl-lt1-c0 {
  width: calc(66% - 10px);
}
div.accordion div.content div.cq-colctrl-lt1-c1 {
  width: calc(33% - 10px);
}
div.accordion div.content div.cq-colctrl-lt2 {
  float: none;
}
div.accordion div.content div.cq-colctrl-lt2-c0 {
  width: calc(33% - 10px);
}
div.accordion div.content div.cq-colctrl-lt2-c1 {
  width: calc(66% - 10px);
}
div.accordion div.content div.cq-colctrl-lt3 {
  float: none;
}
div.accordion div.content div.cq-colctrl-lt3-c0 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt3-c1 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt3-c2 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt3-c3 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt4 {
  float: none;
}
div.accordion div.content div.cq-colctrl-lt4-c0 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt4-c1 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt4-c2 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt4-c3 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt5 {
  float: none;
}
div.accordion div.content div.cq-colctrl-lt5-c0 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt5-c1 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt5-c2 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt5-c3 {
  width: calc(25% - 15px);
}
div.accordion div.content div.cq-colctrl-lt6 {
  float: none;
}
div.accordion div.content div.cq-colctrl-lt6-c0 {
  width: calc(50% - 10px);
}
div.accordion div.content div.cq-colctrl-lt6-c1 {
  width: calc(50% - 10px);
}
div.accordion .ui-accordion-content {
  overflow: hidden;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  margin-top: -11px !important;
  position: absolute;
  right: 0.5em!important;
  top: 50%;
  left: auto!important;
}
.accordionpanel .content {
  padding-top: 1px;
}
.mobile .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  left: auto!important;
  margin: 0!important;
  position: relative;
  top: auto!important;
}
.mobile .ui-accordion .ui-accordion-content {
  margin: 0!important;
  padding: 0 !important;
}
.Accordion {
  counter-reset: section;
}
.Accordion,
.Accordion-panel,
.Accordion-label,
.Accordion-content {
  position: relative;
}
.Accordion-panel--inactive,
.Accordion-panel--passed {
  opacity: 0.5;
  transition: all .4s ease;
}
.Accordion-panel--inactive .Accordion-panel,
.Accordion-panel--passed .Accordion-panel {
  cursor: not-allowed !important;
}
.Accordion-panel--inactive .Accordion-circleBackground {
  fill: #787878;
  stroke: #787878;
  stroke-width: 6;
  transition: all 1s;
}
.Accordion-panel--inactive .Accordion-circleProgress {
  fill: none;
  stroke: #787878;
  stroke-linecap: round;
  stroke-width: 6;
  stroke-dashoffset: 157.08px;
  transition: stroke-dashoffset 1s ease-in-out;
}
.Accordion-panel--inactive .Accordion-title {
  color: #787878;
}
.Accordion-panel--passed .Accordion-circleProgress {
  stroke: #009793;
}
.Accordion-input {
  display: none;
}
.Accordion-input:checked + .Accordion-label {
  Z-index: 1000;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
  opacity: 1;
}
.Accordion-input:disabled + .Accordion-label {
  cursor: not-allowed;
  /*.Accordion-title {
      &:before {
        background: rgba(0, 151, 147, 0.61);
        transition: all .20s;
      }
    }*/
}
.Accordion-label {
  padding: 10px 20px !important;
  margin: 0 !important;
  width: 100%;
  cursor: pointer;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-backface-visibility: hidden;
  z-index: 999;
}
.Accordion-label.sticky-element--sticky {
  width: calc(100% - 20px);
}
@media screen and (min-width: 800px) {
  .Accordion-label.sticky-element--sticky {
    width: calc(100% - 40px);
  }
}
.Accordion-label--active {
  z-index: 1000;
}
@supports (position: sticky) or (position: -webkit-sticky) {
  .Accordion-label--active {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
  }
}
.Accordion-title {
  margin: 0 !important;
  font-size: 16px !important;
  text-transform: none !important;
  transition: all .20s;
}
.Accordion-label .Icon {
  cursor: pointer;
  position: relative;
  top: initial;
  display: inline-block;
  transform: rotate(0deg);
  transition: all .20s ease;
  z-index: 10;
}
.Accordion-input:checked + .Accordion-label > .Accordion-innerWrapper > .Icon,
.Accordion-input:checked + .Accordion-label > .Accordion-innerWrapper > .Icon-wrapper > .Icon {
  transform: rotate(180deg);
  transition: all .20s ease;
}
.Accordion-circleBackground {
  fill: #009793;
  stroke: #009793;
  stroke-width: 6;
  transition: all 1s;
}
.Accordion-circleProgress {
  fill: none;
  stroke: #78bec7;
  stroke-linecap: round;
  stroke-width: 6;
  stroke-dashoffset: 157.08px;
  transition: stroke-dashoffset 1s ease-in-out;
}
.Accordion-number {
  position: relative;
  height: 50px;
  width: 50px;
  transition: all 1s;
}
.Accordion-circleValue {
  position: absolute;
  z-index: 2;
  color: white;
  font-size: 14px;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all .20s;
}
.Accordion-circleSvg {
  height: 100%;
  width: 100%;
  transform: rotate(-90deg);
}
.Accordion-content {
  max-height: 0em;
  overflow: hidden;
  padding: 0 20px;
  box-sizing: border-box;
  opacity: 0;
}
.Accordion-content--open,
.Accordion-input:checked ~ .Accordion-content {
  max-height: 400em;
  opacity: 1;
  padding: 20px;
}
.AdvancedSelect {
  position: relative;
  border: 1px solid transparent;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  line-height: 1;
}
.EPayForm-alias--hasRadio .AdvancedSelect {
  width: calc(100% - 27px);
}
.AdvancedSelect * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  list-style: none;
}
.AdvancedSelect-header {
  background: url(../images/formelements_select-2x.png) no-repeat scroll right center / contain #ffffff;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  padding: 4px 10px;
  min-height: 17px;
}
.AdvancedSelect-list {
  margin: 0;
  background-color: #F2F2F2;
  border: 1px solid #dbdbdb;
  border-top: 0;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9999;
  box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.3);
}
.AdvancedSelect-list-item {
  margin: 0 !important;
  padding: 5px 10px;
  cursor: default;
}
.AdvancedSelect-list-item:before {
  display: none !important;
}
.AdvancedSelect-list-item:hover,
.AdvancedSelect-list-item:active {
  background-color: #dbdbdb;
}
.AdvancedSelect-list-item-text {
  display: inline-block;
  padding: 3px 0;
}
.AdvancedSelect-list-item-image {
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  width: 32px;
  height: 80%;
  background: no-repeat center center / contain;
  transform: translateY(-50%);
}
.AdvancedSelect-list-item-image + .AdvancedSelect-list-item-text {
  padding-left: 35px;
}
.AdvancedSelect-list li:first-child {
  display: none;
}
.AdvancedSelect-list--mobile {
  position: fixed;
  width: 240px;
  top: 50%;
  left: 50%;
  max-height: calc(100% - 140px);
  z-index: 999999;
  list-style: none;
  border-top: 1px solid #dbdbdb;
  overflow-y: auto;
  border-radius: 3px;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.5);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.AdvancedSelect-list--mobile .AdvancedSelect-list-item {
  padding: 10px 10px;
}
/* Styles to overwrite (content pages would not be destoyed) */
.content-eservices .title {
  margin: 0;
}
.content-eservices .text {
  margin-left: 0;
  margin-right: 0;
}
.ui-autocomplete {
  z-index: 9000;
}
.Balance {
  padding: 20px;
  line-height: 1;
  background: #000;
  color: #fff;
  margin: -10px;
  text-align: center;
}
.Balance-amount {
  font-size: 40px;
}
.Balance-title {
  padding-top: 10px;
}
.Basket-monthly {
  font-size: 11px;
  font-size: 1.1rem;
}
.Basket-offerName {
  padding: 13px 20px;
}
.Basket-currency {
  font-family: AkagiProBold, Arial, sans-serif;
}
.Basket-planPrice {
  float: right;
  white-space: nowrap;
}
.BasketOverview-totalPrice--striked {
  text-decoration: line-through;
}
.Basket-vat {
  font-size: 11px;
  font-size: 1.1rem;
  float: right;
}
.Basket-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}
.Basket-subTitle {
  font-weight: bold !important;
  margin-bottom: 12px;
}
.Basket-subTitle--main {
  font-size: 125%;
}
.Basket-text {
  margin-bottom: 12px;
}
.Basket-plan-promo {
  color: #009793;
}
.Basket-text-promo,
.Basket-planPrice-promo {
  font-weight: bold;
}
.Basket-plan-promo-note {
  font-size: 0.8em;
  float: left;
}
.Basket-icon {
  margin-right: 15px;
}
.Boxed {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 10px;
}
.Boxed--nopadding {
  padding: 0;
}
.Boxed--tiny {
  max-width: 320px;
}
.Boxed--small {
  max-width: 480px;
}
.Boxed--medium {
  max-width: 800px;
}
.Boxed--large {
  max-width: 1100px;
}
.Boxed--left {
  margin-left: 0;
}
.Boxed--right {
  margin-right: 0;
}
.breadcrumb {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  position: relative;
  z-index: 3;
  height: 100%;
  line-height: normal;
  display: block;
  float: left;
  zoom: 1;
  font-size: 13px;
  font-size: 1.3rem;
}
.breadcrumb:before {
  content: "";
  display: table;
}
.breadcrumb:after {
  content: "";
  display: table;
}
.breadcrumb:after {
  clear: both;
}
.breadcrumb:before {
  content: "";
  display: table;
}
.breadcrumb:after {
  content: "";
  display: table;
}
.breadcrumb:after {
  clear: both;
}
.breadcrumb ul {
  list-style: none;
  margin: 0;
  margin-left: -8px;
  height: 47px;
  padding: 0;
  padding-top: 7px;
  float: left;
  zoom: 1;
}
.breadcrumb ul:before {
  content: "";
  display: table;
}
.breadcrumb ul:after {
  content: "";
  display: table;
}
.breadcrumb ul:after {
  clear: both;
}
.breadcrumb ul:before {
  content: "";
  display: table;
}
.breadcrumb ul:after {
  content: "";
  display: table;
}
.breadcrumb ul:after {
  clear: both;
}
.breadcrumb ul li {
  float: left;
  margin: 0;
  padding: 0;
  text-indent: 15px!important;
  line-height: normal;
  height: auto;
  text-indent: 0 !important;
  padding: 8px 10px 7px 10px !important;
  margin-right: 8px;
  font-size: 14px;
}
.breadcrumb ul li + li {
  margin-left: 0;
  padding: 8px 10px 7px 10px !important;
  margin-top: 0 !important;
}
.breadcrumb ul li:before {
  display: none!important;
}
.breadcrumb ul li a {
  position: relative;
  text-decoration: none;
  padding: 8px 10px 7px 10px;
  margin: -8px -10px -7px -10px;
  white-space: nowrap;
}
.breadcrumb ul li a:after {
  position: absolute;
  right: -7px;
  top: 8px;
}
.breadcrumb + .content-blocks {
  padding-top: 75px;
  top: -33px;
  margin-bottom: -33px;
}
.Breadcrumbs {
  font-size: 1.6rem;
}
.Breadcrumbs .Wrapper > div {
  display: inline-block;
}
#breadcrumb ul li {
  display: inline-block;
  position: relative;
  padding-right: 5px;
}
#breadcrumb ul li:not(:last-child):after {
  content: '>';
  margin-left: 10px;
}
.Cta,
.Button {
  margin: 0 0 15px 0 !important;
  color: #fff;
  border: none;
  display: inline-block;
  -webkit-appearance: none;
  outline: none;
  text-decoration: none !important;
  text-align: left;
  padding: 5px;
  transition: background-color 0.25s ease;
}
.Cta:hover,
.Button:hover {
  cursor: pointer;
}
.Cta[disabled="disabled"],
.Button[disabled="disabled"],
.Cta[disabled],
.Button[disabled],
.Cta:disabled,
.Button:disabled,
.Cta[disabled="disabled"]:hover,
.Button[disabled="disabled"]:hover,
.Cta[disabled]:hover,
.Button[disabled]:hover,
.Cta:disabled:hover,
.Button:disabled:hover {
  cursor: default !important;
}
.Button--link {
  background: transparent !important;
  text-decoration: underline !important;
  color: #000;
}
.Button--link:hover {
  text-decoration: none !important;
}
.Button--large {
  font-size: 16px;
}
.Button--fullWidth {
  width: 100%;
}
.Button--Icon {
  float: right;
}
.Button--noMinimumWidth {
  min-width: 0 !important;
}
.cta.aem-GridColumn .Cta,
.button.aem-GridColumn .Button {
  display: block;
}
.Buttons {
  margin: 0 !important;
  padding: 0 !important;
  zoom: 1;
}
.Buttons:before {
  content: "";
  display: table;
}
.Buttons:after {
  content: "";
  display: table;
}
.Buttons:after {
  clear: both;
}
.Buttons:before {
  content: "";
  display: table;
}
.Buttons:after {
  content: "";
  display: table;
}
.Buttons:after {
  clear: both;
}
.Buttons .Button {
  margin-bottom: 12px !important;
  margin-right: 12px !important;
}
.Buttons-nextWrapper div:last-of-type {
  margin-left: 5px;
}
.Block {
  border: 3px solid #f2f2f2;
  padding: 10px;
  margin-bottom: 20px;
}
.Block-title {
  border-bottom: 3px solid #f2f2f2;
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-weight: bold;
}
.CallHistory-type {
  text-align: center !important;
}
@media screen and (max-width: 800px) {
  .CallHistory-type,
  .CallHistory-length,
  .CallHistory-freeSeconds,
  .CallHistory-premium {
    display: none;
  }
}
.cq-carousel {
  width: 100% ;
  height: 100% ;
  position: relative;
}
.cq-carousel var {
  display: none;
}
.cq-carousel .cq-carousel-banners {
  width: 100% ;
  height: 100% ;
  overflow: hidden;
  position: relative;
}
.cq-carousel .cq-carousel-banner-item {
  position: absolute;
  height: 300px;
  width: 100% ;
}
.cq-carousel .cq-carousel-banner-item > a {
  display: block;
  width: 100% ;
  height: 100%;
}
.cq-carousel .cq-carousel-banner-item img {
  width: 100% ;
  height: 100% ;
  display: block;
}
.cq-carousel .cq-carousel-banner-item p a {
  display: inline-block;
  position: absolute;
  right: 30px;
  bottom: 28px;
  z-index: 3;
  padding-right: 40px;
}
.cq-carousel .cq-carousel-banner-item p a:after {
  position: absolute;
  right: 0;
  top: -2px;
}
.cq-carousel h3 {
  position: absolute;
  top: 31px;
  left: 30px;
  width: 260px;
}
.cq-carousel ul.cq-carousel-banner-switch {
  position: absolute;
  bottom: 31px;
  left: 30px;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.cq-carousel ul.cq-carousel-banner-switch:before {
  content: "";
  display: table;
}
.cq-carousel ul.cq-carousel-banner-switch:after {
  content: "";
  display: table;
}
.cq-carousel ul.cq-carousel-banner-switch:after {
  clear: both;
}
.cq-carousel ul.cq-carousel-banner-switch:before {
  content: "";
  display: table;
}
.cq-carousel ul.cq-carousel-banner-switch:after {
  content: "";
  display: table;
}
.cq-carousel ul.cq-carousel-banner-switch:after {
  clear: both;
}
.cq-carousel ul.cq-carousel-banner-switch li {
  float: left;
  padding: 0;
  margin: 0;
}
.cq-carousel ul.cq-carousel-banner-switch li + li {
  margin-left: 5px;
}
.cq-carousel ul.cq-carousel-banner-switch li:before {
  display: none;
}
.cq-carousel ul.cq-carousel-banner-switch li a {
  width: 8px;
  height: 8px;
  display: block;
}
.cq-carousel ul.cq-carousel-banner-switch li a img {
  display: none;
}
/* 	CATEGORY - Page
	----------------------
*/
.topiclinkblock {
  text-align: center;
}
.topiclinkblock .image img {
  margin: 20px auto 10px;
}
.topiclinkblock .text a {
  color: #b9cae8;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none !important;
  text-transform: uppercase;
}
/* 	chart component
	----------------------
*/
/* CHART */
.chart table td {
  background: none!important;
}
.SelectPlan {
  margin: 60px auto;
}
.SelectPlan-type {
  background-size: cover;
  background-position: center center;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 5px;
  width: 100%;
  height: 300px;
}
.SelectPlan-title {
  display: block;
  box-sizing: border-box;
  flex: 0 0 50px;
}
.SelectPlan-text {
  flex: 1;
  padding: 10px;
}
.SelectPlan-content {
  padding: 20px;
}
.SelectPlan-itemContainer {
  display: block;
  vertical-align: bottom;
  padding: 0 10px;
}
.SelectPlan-item {
  position: relative;
  display: block;
  margin: 10px 5px;
  text-align: center;
}
.SelectPlan-item > p {
  padding: 5px 0 20px;
}
.SelectPlan-button {
  background: black;
  max-width: 115px;
  padding: 6px 13px;
  margin: 20px auto 0;
  cursor: pointer;
  border-radius: 12px;
}
.Columns {
  display: flex;
}
.Columns--verticalCenter {
  align-items: center;
}
.Columns--horizontalCenter {
  justify-content: center;
}
.Columns-horizontalRight {
  justify-content: flex-end;
}
.Columns--horizontalSpaceBetween {
  justify-content: space-between;
}
.Column {
  margin: 0 10px;
}
.Column:first-child {
  margin-left: 0;
}
.Column:last-child {
  margin-right: 0;
}
/*
  COLUMN COMPONENT
  @todo: cleanup parsys_column's
  ----------------
*/
div.parsys_column {
  height: 100%;
  width: auto;
  float: left;
  vertical-align: top;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  /*& > .section:first-child { margin-top: 0; /*overflow: hidden  }*/
}
div.parsys_column > .section:first-child > .section.image,
div.parsys_column > .section:first-child > .section.image + .section.text {
  margin-top: 0;
  /*overflow: hidden*/
}
/* column control layouts */
div.cq-colctrl-default {
  width: 100%;
  float: none !important;
  zoom: 1;
}
div.cq-colctrl-default:before {
  content: "";
  display: table;
}
div.cq-colctrl-default:after {
  content: "";
  display: table;
}
div.cq-colctrl-default:after {
  clear: both;
}
div.cq-colctrl-default:before {
  content: "";
  display: table;
}
div.cq-colctrl-default:after {
  content: "";
  display: table;
}
div.cq-colctrl-default:after {
  clear: both;
}
/* layout 0 : 1/3 1/3 1/3 */
div.cq-colctrl-lt0-c0 {
  width: 290px;
}
div.cq-colctrl-lt0-c1 {
  width: 290px;
  margin-left: 20px;
}
div.cq-colctrl-lt0-c2 {
  width: 290px;
  margin-left: 20px;
}
.mobile div.cq-colctrl-lt0-c1,
.mobile div.cq-colctrl-lt0-c2 {
  margin-left: 0;
}
/* layout 1 : 2/3 1/3 */
div.cq-colctrl-lt1-c0 {
  width: 600px;
}
div.cq-colctrl-lt1-c1 {
  width: 290px;
  margin-left: 20px;
}
.mobile div.cq-colctrl-lt1-c1 {
  margin-left: 0;
}
/* layout 2 : 1/3 2/3 */
div.cq-colctrl-lt2-c0 {
  width: 290px;
}
div.cq-colctrl-lt2-c1 {
  width: 600px;
  margin-left: 20px;
}
.mobile div.cq-colctrl-lt2-c1 {
  margin-left: 0;
}
/* layout 3 : 1/3 1/4 1/4 1/4  */
div.cq-colctrl-lt3-c0 {
  width: 290px;
}
div.cq-colctrl-lt3-c1 {
  width: 190px;
  margin-left: 20px;
}
div.cq-colctrl-lt3-c2 {
  width: 190px;
  margin-left: 15px;
}
div.cq-colctrl-lt3-c3 {
  width: 190px;
  margin-left: 15px;
}
.mobile div.cq-colctrl-lt3-c1,
.mobile div.cq-colctrl-lt3-c2,
.mobile div.cq-colctrl-lt3-c3 {
  margin-left: 0;
}
/* layout 4 : 1/4 1/4 1/4 1/3  */
div.cq-colctrl-lt4-c0 {
  width: 190px;
}
div.cq-colctrl-lt4-c1 {
  width: 190px;
  margin-left: 15px;
}
div.cq-colctrl-lt4-c2 {
  width: 190px;
  margin-left: 15px;
}
div.cq-colctrl-lt4-c3 {
  width: 290px;
  margin-left: 20px;
}
.mobile div.cq-colctrl-lt4-c1,
.mobile div.cq-colctrl-lt4-c2,
.mobile div.cq-colctrl-lt4-c3 {
  margin-left: 0;
}
/* layout 5 : 1/4 1/4 1/4 1/4  */
div.cq-colctrl-lt5-c0 {
  width: 212px;
}
div.cq-colctrl-lt5-c1 {
  width: 212px;
  margin-left: 20px;
}
div.cq-colctrl-lt5-c2 {
  width: 212px;
  margin-left: 20px;
}
div.cq-colctrl-lt5-c3 {
  width: 212px;
  margin-left: 20px;
}
.mobile div.cq-colctrl-lt5-c1,
.mobile div.cq-colctrl-lt5-c2,
.mobile div.cq-colctrl-lt5-c3 {
  margin-left: 0;
}
/* layout 6 : 50% 50% */
div.cq-colctrl-lt6-c0 {
  width: 445px;
}
div.cq-colctrl-lt6-c1 {
  width: 445px;
  margin-left: 20px;
}
.mobile div.cq-colctrl-lt6-c0 {
  width: 50%;
}
.mobile div.cq-colctrl-lt6-c1 {
  width: 50%;
  margin-left: 0;
}
.mobile div.cq-colctrl-lt6-c0.cq-colctrl-lt6-breakMobile {
  width: auto;
  float: none;
}
.mobile div.cq-colctrl-lt6-c1.cq-colctrl-lt6-breakMobile {
  width: auto;
  float: none;
  margin-left: 0;
}
/* Multilayered component */
.multilayeredComponent {
  position: relative;
  margin-bottom: 20px !important;
}
.multilayeredComponent .cq-colctrl-lt0-c0 {
  position: absolute;
  top: 35px;
  bottom: 30px;
  left: 0;
}
.multilayeredComponent .cq-colctrl-lt0-c1 {
  position: absolute;
  top: 35px;
  bottom: 30px;
  left: 290px;
}
.multilayeredComponent .cq-colctrl-lt0-c2 {
  position: absolute;
  top: 35px;
  bottom: 30px;
  left: 600px;
}
.multilayeredComponent .section.text {
  margin-top: 0;
  margin-bottom: 0;
}
.multilayeredComponent .section.text hr {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
/* specific behaviour in storelocator component */
.storelocator .cq-colctrl-lt1-c0 {
  width: 600px;
}
div.cq-colctrl-5col,
div.cq-colctrl-6col {
  margin: 0 -10px;
  width: auto;
  float: none;
  zoom: 1;
}
div.cq-colctrl-5col:before,
div.cq-colctrl-6col:before {
  content: "";
  display: table;
}
div.cq-colctrl-5col:after,
div.cq-colctrl-6col:after {
  content: "";
  display: table;
}
div.cq-colctrl-5col:after,
div.cq-colctrl-6col:after {
  clear: both;
}
div.cq-colctrl-5col:before,
div.cq-colctrl-6col:before {
  content: "";
  display: table;
}
div.cq-colctrl-5col:after,
div.cq-colctrl-6col:after {
  content: "";
  display: table;
}
div.cq-colctrl-5col:after,
div.cq-colctrl-6col:after {
  clear: both;
}
div.cq-colctrl-5col > .parsys_column,
div.cq-colctrl-6col > .parsys_column {
  float: left;
  width: 20%;
  padding: 0 10px;
}
div.cq-colctrl-6col > .parsys_column {
  width: 16.66%;
}
.ConsultCards {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -10px 20px;
}
.ConsultCard {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 3px solid green;
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
  padding: 20px;
  margin: 0 10px 20px 10px;
  width: calc(100% - 20px);
}
@media screen and (min-width: 800px) {
  .ConsultCard {
    width: calc(50% - 20px);
  }
}
.ConsultCard-description a {
  font-size: 13px;
  font-size: 1.3rem;
}
.ConsultCard-timespan {
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
}
.ConsultCard-timespan strong {
  font-weight: normal !important;
}
.ConsultCard-timespan:after {
  right: -4px;
  top: 8px;
  position: absolute;
  background: url(../images/sprites.png) no-repeat;
  background-position: 0px -270px;
  display: inline-block;
  content: "";
  width: 3px;
  height: 3px;
}
.ConsultCard-usage {
  margin-top: 10px;
  margin-bottom: 5px;
}
.cq-wcm-edit .Container {
  border: 1px dashed #000;
}
.Container {
  padding: 0;
}
.Paragraph--marginTopSmall {
  margin-top: 10px;
}
.Paragraph--marginTopMedium {
  margin-top: 15px;
}
.Paragraph--marginTopLarge {
  margin-top: 20px;
}
.Paragraph--marginBottomSmall {
  margin-bottom: 10px;
}
.Paragraph--marginBottomMedium {
  margin-bottom: 15px;
}
.Paragraph--marginBottomLarge {
  margin-bottom: 20px;
}
.Paragraph-text--alignmentLeft {
  text-align: left;
}
.Paragraph-text--alignmentCenter {
  text-align: center;
}
.Paragraph-text--alignmentRight {
  text-align: right;
}
.Paragraph-text--fontSizeNormal {
  font-size: 14px;
  font-size: 1.4rem;
}
.Paragraph-text--fontSizeSmall {
  font-size: 12px;
  font-size: 1.2rem;
}
.Paragraph-text--fontSizeMedium {
  font-size: 16px;
  font-size: 1.6rem;
}
.Paragraph-text--fontSizeLarge {
  font-size: 18px;
  font-size: 1.8rem;
}
.compareTable {
  margin: 20px 0;
}
.compareTable-cell,
.compareTable-cell--promo {
  display: block;
  cursor: pointer;
  max-width: 260px;
  min-width: 220px;
  padding: 30px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
  background: white;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.2s;
  margin: 0 auto !important;
}
.compareTable-cell:hover {
  box-shadow: 0px 0px 5px 1px #009793;
  transition: all 0.2s;
}
@media screen and (max-width: 800px) {
  .compareTable-cell,
  .compareTable-cell--promo {
    margin: 5px auto !important;
  }
}
.compareTable-cell--link {
  text-align: center;
}
.compareTable-block img,
.compareTable-block svg {
  max-width: 100%;
  margin: 20px 0;
}
.compareTable-block:nth-of-type(odd) .compareTable-cell {
  background: #f9f9f9;
}
.compareTable-cell--promo {
  transform: scale(1.05);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}
.compareTable-price {
  font-size: 40px !important;
  font-size: 4rem !important;
  color: black !important;
  font-family: AkagiProBold, Arial, sans-serif !important;
}
.compareTable-title {
  color: #009793;
  height: 53px;
  text-transform: uppercase;
  font-family: AkagiProBold, Arial, sans-serif !important;
}
.compareTable-promotion {
  height: 50px;
}
.compareTable-promotionContent {
  width: 100%;
  background: #b9ce00;
  color: white;
  text-transform: uppercase;
  padding: 3px;
  margin: 0 !important;
  border-radius: 20px;
  font-size: 11px;
}
.compareTable-promotionContent:empty {
  display: none;
}
.compareTable-body {
  height: 120px;
}
.compareTable-bodyContent {
  color: black;
  width: 100%;
}
.compareTable-button,
.compareTable-button--black {
  display: block;
  box-sizing: border-box;
  border: 3px solid black !important;
  padding: 10px !important;
  color: black !important;
  background: transparent !important;
  width: 100%;
  font-family: AkagiProBold, Arial, sans-serif;
}
.compareTable-button--black {
  background: black !important;
  color: white !important;
}
.compareTable-hiddenInput {
  display: none;
}
.compareTable-hiddenInput:checked + .compareTable-cell {
  box-shadow: 0px 0px 5px 1px #009793;
  transition: all 0.2s;
}
.compareTable-hiddenInput:checked + .compareTable-cell .compareTable-button {
  border-color: #009793 !important;
  background: #009793 !important;
  color: white !important;
  transition: all 0.2s;
}
.compareTable-hiddenInput:disabled + .compareTable-cell {
  cursor: not-allowed;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}
.compareTable-hiddenInput:disabled + .compareTable-cell .compareTable-button {
  cursor: not-allowed;
}
.compareTable-cell--selected {
  box-shadow: 0px 0px 5px 1px #009793 !important;
  transition: all 0.2s;
}
.compareTable-cell--selected .compareTable-button {
  border-color: #009793 !important;
  background: #009793 !important;
  color: white !important;
  transition: all 0.2s;
}
.mainMessageBox {
  background: #f2f2f2;
  display: none;
  border-top: 1px solid #bebebe;
  color: #343434;
}
.mainMessageBox.cookie .btnClose,
.mainMessageBox.dc .btnClose {
  margin: 0 0 10px 20px;
  float: right;
  min-width: 0;
}
.mainMessageBox .container {
  position: relative;
  max-width: 950px;
  margin: 0 auto;
  padding: 20px 20px 20px 20px;
  box-sizing: border-box;
  zoom: 1;
}
.mainMessageBox .container:before {
  content: "";
  display: table;
}
.mainMessageBox .container:after {
  content: "";
  display: table;
}
.mainMessageBox .container:after {
  clear: both;
}
.mainMessageBox .container:before {
  content: "";
  display: table;
}
.mainMessageBox .container:after {
  content: "";
  display: table;
}
.mainMessageBox .container:after {
  clear: both;
}
.mainMessageBox button {
  color: #ffffff;
  background: #5a5a5a;
  /*-pie-background: linear-gradient(@top-hex, @bottom-hex);			*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= #343434 , endColorstr= #343434 ,GradientType=0 );
  background: -moz-linear-gradient(top, #343434 0%, #343434 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #343434));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #343434 0%, #343434 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #343434 0%, #343434 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #343434 0%, #343434 100%);
  /* IE10+ */
  background: linear-gradient(top, #343434 0%, #343434 100%);
  /* W3C */
}
.mainMessageBox button:hover {
  color: #ffffff !important;
  background: #262626;
  /*-pie-background: linear-gradient(@top-hex, @bottom-hex);			*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= #000000 , endColorstr= #000000 ,GradientType=0 );
  background: -moz-linear-gradient(top, #000000 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000000 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(top, #000000 0%, #000000 100%);
  /* W3C */
}
.mainMessageBox button[disabled="disabled"],
.mainMessageBox button[disabled="disabled"]:hover {
  color: #5a5a5a !important;
  background: #5a5a5a;
  /*-pie-background: linear-gradient(@top-hex, @bottom-hex);			*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= #343434 , endColorstr= #343434 ,GradientType=0 );
  background: -moz-linear-gradient(top, #343434 0%, #343434 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #343434));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #343434 0%, #343434 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #343434 0%, #343434 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #343434 0%, #343434 100%);
  /* IE10+ */
  background: linear-gradient(top, #343434 0%, #343434 100%);
  /* W3C */
}
.mainMessageBox a {
  text-decoration: underline !important;
}
.mainMessageBox p {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 12px;
  line-height: 17px !important;
}
.cq-wcm-edit .cookieFlyout {
  display: none !important;
}
.cta {
  display: inline-block;
}
.Cta {
  position: relative;
  font-size: 14px;
  display: inline-block;
  padding: 10px 40px 10px 10px;
  text-decoration: none !important;
  color: black;
  transition: background-color 0.5s ease;
}
.Cta:hover .Cta-arrow {
  opacity: 0;
}
.Cta:hover .Cta-arrow--hover {
  opacity: 1;
}
.separator,
.Cta--hasSeparator {
  border-top: 1px solid #EAEAE !important;
}
.bottom,
.Cta--bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto !important;
}
.Cta-image {
  vertical-align: middle;
  width: 32px;
  margin-right: 10px;
}
.Cta-content {
  position: relative;
  display: inline-block;
  transition: all .20s ease;
}
.Cta-content p {
  margin-bottom: 0 !important;
}
.Cta-arrow,
.Cta-arrow--hover {
  position: absolute;
  top: 50%;
  right: 0px;
  z-index: 1;
  margin-top: -11px;
  margin-right: 5px;
  display: block;
  width: 22px;
  height: 22px;
  transition: all .20s ease;
}
.Cta-arrow {
  background: url(../images/sprites.png) no-repeat;
  background-position: -60px -60px;
  opacity: 1;
}
.Cta-arrow--hover {
  background: url(../images/sprites.png) no-repeat;
  background-position: -90px -90px;
  opacity: 0;
}
.Cta--hasImage .Cta-arrow,
.Cta--hasImage .Cta-arrow--hover {
  margin-top: -13px;
}
.Cta--center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.Cta--left {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.Cta--right {
  left: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.Cta--fullWidth {
  display: block;
  width: auto;
}
.Cta--small {
  padding: 5px 34px 6px 12px!important;
  box-sizing: border-box;
}
.Cta--small .Cta-arrow,
.Cta--small .Cta-arrow--hover {
  margin-top: -10px;
}
.Cta--block {
  display: block;
  text-align: center;
}
/* author hack for enabling the editing of CTA positioned bottom */
.cq-wcm-edit .Cta--bottom {
  margin-bottom: -20px !important;
}
.Cta--equalHeight {
  display: table !important;
  width: 100%;
  box-sizing: border-box;
  min-height: 65px;
}
.Cta--equalHeight .Cta-content {
  display: table-cell !important;
  vertical-align: middle;
  padding: 0 17px;
}
/* CTA LINK BLOCK
--------------
Remark: themes stylesheets contains colors;
*/
.ctalinkblock .clickable a {
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ctalinkblock {
  display: block;
  width: 100%;
  padding: 0 5px 0 20px;
  box-sizing: border-box;
}
.ctalinkblock p:after {
  right: 0;
  top: 0;
  position: absolute;
}
.ctalinkblock p:hover {
  text-decoration: underline;
}
.ctalinkblock a {
  text-decoration: none !important;
  position: relative;
  display: block;
  padding: 2px 30px 2px 0;
}
.ctalinkblock .section {
  padding: 10px 0;
  margin: 0;
}
.ctalinkblock .section .section {
  margin: 0;
  padding: 0;
}
.ctalinkblock .section p {
  margin: 0;
  padding: 0;
}
.ctalinkblock .textimage {
  display: table;
  width: 100%;
  padding: 0;
  position: relative;
  zoom: 1;
}
.ctalinkblock .textimage:before {
  content: "";
  display: table;
}
.ctalinkblock .textimage:after {
  content: "";
  display: table;
}
.ctalinkblock .textimage:after {
  clear: both;
}
.ctalinkblock .textimage:before {
  content: "";
  display: table;
}
.ctalinkblock .textimage:after {
  content: "";
  display: table;
}
.ctalinkblock .textimage:after {
  clear: both;
}
.ctalinkblock .textimage.image_left .image {
  display: table-cell;
  margin: 0 !important;
  padding: 1px 15px 0 0 !important;
  width: auto;
}
.ctalinkblock .textimage.image_left .image img {
  top: 1px;
}
.ctalinkblock .textimage.image_left .text {
  display: table-cell;
  vertical-align: top;
  margin: 0 !important;
  width: 200px;
  float: left;
}
.ctalinkblock .textimage.image_left a {
  padding: 0;
}
.ctalinkblock .clickable,
.ctalinkblock.clickable {
  position: relative;
  font-weight: bold;
}
.ctalinkblock .clickable a,
.ctalinkblock.clickable a {
  display: block !important;
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5;
}
.ctalinkblock.clickable {
  font-weight: normal;
}
.ctalinkblock .section.clickable.text,
.ctalinkblock.clickable .text {
  padding-right: 32px;
  padding-top: 7px;
}
.ctalinkblock .section.clickable.text p:after,
.ctalinkblock.clickable .text p:after {
  top: 4px;
}
.ctalinkblock .section.clickable.text.ta-default,
.ctalinkblock.clickable .text.ta-default {
  font-size: 1.4rem;
}
.ctalinkblock .section.clickable.text.ta-small,
.ctalinkblock.clickable .text.ta-small {
  font-size: 1.2rem;
}
.ctalinkblock .section.clickable.text.ta-extra-small,
.ctalinkblock.clickable .text.ta-extra-small {
  font-size: 1.0rem;
}
.ctalinkblock.seperator {
  border-top: 1px solid;
}
.ctalinkblock.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 5px;
}
.ctalinkblock.bluebackground {
  margin-bottom: 0;
}
.ctalinkblock.bluebackground p:after {
  right: 0;
  top: 0;
  position: absolute;
}
.ctalinkblock.bluebackground .clickable {
  position: relative;
  overflow: hidden;
  font-weight: bold;
  padding-top: 9px !important;
}
.ctalinkblock.bluebackground .clickable p {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px black;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.ctalinkblock.bluebackground .clickable p:after {
  top: 8px !important;
}
.ctapersonalbar.ctalinkblock {
  border-bottom: 1px solid #E5E5E5;
  padding-left: 14px;
  padding-right: 12px;
}
.ctapersonalbar.ctalinkblock .clickable {
  padding-top: 10px !important;
  font-weight: normal;
}
.ctapersonalbar.ctalinkblock .clickable:hover {
  color: #333 !important;
}
.ctapersonalbar.ctalinkblock .clickable:hover p:after {
  background: url(../images/sprites.png) no-repeat;
  background-position: -60px -60px;
  display: inline-block;
  content: "";
  width: 22px;
  height: 22px;
}
.ctapersonalbar.ctalinkblock .clickable .section {
  padding-top: 5px;
  padding-bottom: 16px;
}
.ctapersonalbar.ctalinkblock .clickable p:after {
  top: 15px;
}
.CtaRuler {
  min-height: 50px;
}
.CtaRuler .Cta-image {
  width: auto;
}
.CtaRuler-content {
  position: relative;
  width: 910px;
  height: 100%;
  min-height: 50px;
  margin: 0 auto;
  zoom: 1;
}
.CtaRuler-content:before {
  content: "";
  display: table;
}
.CtaRuler-content:after {
  content: "";
  display: table;
}
.CtaRuler-content:after {
  clear: both;
}
.CtaRuler-content:before {
  content: "";
  display: table;
}
.CtaRuler-content:after {
  content: "";
  display: table;
}
.CtaRuler-content:after {
  clear: both;
}
.CtaRuler-col {
  display: inline-block;
  width: 33%;
}
.CtaRuler-cta1,
.CtaRuler-cta2,
.CtaRuler-cta3 {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}
.CtaRuler-cta1:last-child,
.CtaRuler-cta2:last-child,
.CtaRuler-cta3:last-child {
  margin-right: 0;
}
.CtaRuler-cta1.cta,
.CtaRuler-cta2.cta,
.CtaRuler-cta3.cta {
  display: inline-block;
}
.jq-datepicker {
  width: 110px;
}
.ui-datepicker-trigger {
  vertical-align: top;
  margin-left: 6px;
  position: relative;
  top: 2px;
  margin-right: 12px;
  cursor: pointer;
}
.deviceToggle {
  display: none;
  background: #f2f2f2;
}
.deviceToggle a {
  display: block;
  padding: 10px 0;
  text-align: center;
}
.deviceToggle p {
  margin: 0 !important;
}
.divider {
  margin: 0;
  padding: 0;
}
.divider * {
  margin: 0;
  padding: 0;
}
.actions .divider hr {
  border-top-color: #eac405!important;
}
.dobSubscriptions {
  border-bottom: 3px #f2f2f2 solid;
  padding-bottom: 20px;
}
.dobSubscriptions:last-child {
  border-bottom: 0;
}
.dobSubscriptions #monthlyFixedValueField,
.dobSubscriptions #monthlyFreeValueField {
  width: 70% !important;
}
.dobSubscriptions-service {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dobSubscriptions-serviceIcon {
  cursor: pointer;
}
.dobSubscriptions-serviceIcon:hover {
  opacity: 0.5;
}
#doormat {
  padding-bottom: 50px;
  padding-top: 50px;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  zoom: 1;
}
#doormat:before {
  content: "";
  display: table;
}
#doormat:after {
  content: "";
  display: table;
}
#doormat:after {
  clear: both;
}
#doormat:before {
  content: "";
  display: table;
}
#doormat:after {
  content: "";
  display: table;
}
#doormat:after {
  clear: both;
}
#doormat li {
  margin: 0;
}
#doormat .col {
  float: left;
  width: 155px;
  padding-right: 30px;
  box-sizing: border-box;
}
#doormat .col.banner {
  width: 290px;
  float: right;
  padding-right: 0;
  border: none;
}
#doormat ul {
  margin: 0 0 10px 0;
  padding: 0;
}
#doormat .section {
  margin: 0;
  padding: 0;
}
#doormat .title {
  margin-bottom: 10px;
}
/* 	DOWNLOAD COMPONENT
	------------------  
*/
.download .item {
  clear: both;
  margin: 0 0 8px;
}
.download span.icon {
  background: url("../images/default.gif") no-repeat scroll 0 0 transparent;
  float: left;
  padding: 0 8px 8px 0;
}
.download span.icon img {
  height: 16px;
  width: 16px;
}
.download span.icon.icon.type_doc,
.download span.icon.icon.type_docx {
  background: url("../images/doc.gif") no-repeat scroll 0 0 transparent;
}
.download span.icon.icon.type_eps {
  background: url("../images/eps.gif") no-repeat scroll 0 0 transparent;
}
.download span.icon.icon.type_gif {
  background: url("../images/gif.gif") no-repeat scroll 0 0 transparent;
}
.download span.icon.icon.type_jpg {
  background: url("../images/jpg.gif") no-repeat scroll 0 0 transparent;
}
.download span.icon.icon.type_pdf {
  background: url("../images/pdf.gif") no-repeat scroll 0 0 transparent;
}
.download span.icon.icon.type_ppt,
.download span.icon.icon.type_pptx {
  background: url("../images/ppt.gif") no-repeat scroll 0 0 transparent;
}
.download span.icon.icon.type_tif {
  background: url("../images/tif.gif") no-repeat scroll 0 0 transparent;
}
.download span.icon.icon.type_txt {
  background: url("../images/txt.gif") no-repeat scroll 0 0 transparent;
}
.download span.icon.icon.type_xls,
.download span.icon.icon.type_xlsx {
  background: url("../images/xls.gif") no-repeat scroll 0 0 transparent;
}
.download span.icon.icon.type_zip {
  background: url("../images/zip.gif") no-repeat scroll 0 0 transparent;
}
.Faq-card {
  margin-bottom: 10px;
}
.Faq-header--hasIcon {
  position: relative;
  padding-left: 50px;
}
.Faq-header--hasIcon > .Icon {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
}
.Faq-box {
  background: #f2f2f2;
  border-radius: 5px;
  padding: 20px;
}
.Faq-boxTitle:only-child {
  margin-bottom: 0 !important;
}
.Faq-box--inverse {
  color: #fff !important;
}
.Faq-box--inverse .Faq-boxTitle {
  color: #fff !important;
}
.Faq-box--inverse .Faq-boxText a {
  color: white !important;
}
.Faq-questions {
  margin-bottom: 20px !important;
}
.faqoverview {
  margin: 0 0 40px 0;
}
@media screen and (min-width: 800px) {
  .faqoverview {
    column-count: 3;
    column-gap: 28px;
    column-count: 2;
  }
}
@media screen and (min-width: 1100px) {
  .faqoverview {
    column-count: 3;
  }
}
.faqoverview > li {
  background: white;
  padding: 20px 20px 5px 20px;
  margin-bottom: 20px;
  break-inside: avoid;
  column-fill: balance;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}
.faqoverview > li > a:hover {
  text-decoration: none;
}
/* FLEXBOX GRIDSYSTEM FROM FOUNDATION 6*/
.Flexbox {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.Flexbox.Flexbox--expanded {
  max-width: none;
}
.Flexbox.Flexbox--collapse > .Flexbox-column {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 40em) {
  .Flexbox {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.Flexbox--Nomargin {
  margin: 0;
}
.Flexbox--Nopadding {
  padding: 0;
}
.Flexbox--Nowrap {
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.Flexbox-flexflow--column {
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}
.Flexbox-column {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
}
@media screen and (min-width: 40em) {
  .Flexbox-column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.Flexbox-column--small_1 {
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}
.Flexbox-column--small_offset_0 {
  margin-left: 0%;
}
.Flexbox-column--small_2 {
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.Flexbox-column--small_offset_1 {
  margin-left: 8.33333%;
}
.Flexbox-column--small_3 {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.Flexbox-column--small_offset_2 {
  margin-left: 16.66667%;
}
.Flexbox-column--small_4 {
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.Flexbox-column--small_offset_3 {
  margin-left: 25%;
}
.Flexbox-column--small_5 {
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
.Flexbox-column--small_offset_4 {
  margin-left: 33.33333%;
}
.Flexbox-column--small_6 {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.Flexbox-column--small_offset_5 {
  margin-left: 41.66667%;
}
.Flexbox-column--small_7 {
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.Flexbox-column--small_offset_6 {
  margin-left: 50%;
}
.Flexbox-column--small_8 {
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}
.Flexbox-column--small_offset_7 {
  margin-left: 58.33333%;
}
.Flexbox-column--small_9 {
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.Flexbox-column--small_offset_8 {
  margin-left: 66.66667%;
}
.Flexbox-column--small_10 {
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}
.Flexbox-column--small_offset_9 {
  margin-left: 75%;
}
.Flexbox-column--small_11 {
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}
.Flexbox-column--small_offset_10 {
  margin-left: 83.33333%;
}
.Flexbox-column--small_12 {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.Flexbox-column--small_offset_11 {
  margin-left: 91.66667%;
}
.Flexbox-column--small_order_1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.Flexbox-column--small_order_2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.Flexbox-column--small_order_3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.Flexbox-column--small_order_4 {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}
.Flexbox-column--small_order_5 {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}
.Flexbox-column--small_order_6 {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}
.Flexbox-column--small_collapse > .Flexbox-column {
  padding-left: 0;
  padding-right: 0;
}
.Flexbox-column--small_uncollapse > .Flexbox-column {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
  .Flexbox-column--medium_1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .Flexbox-column--medium_offset_0 {
    margin-left: 0%;
  }
  .Flexbox-column--medium_2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .Flexbox-column--medium_offset_1 {
    margin-left: 8.33333%;
  }
  .Flexbox-column--medium_3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .Flexbox-column--medium_offset_2 {
    margin-left: 16.66667%;
  }
  .Flexbox-column--medium_4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .Flexbox-column--medium_offset_3 {
    margin-left: 25%;
  }
  .Flexbox-column--medium_5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .Flexbox-column--medium_offset_4 {
    margin-left: 33.33333%;
  }
  .Flexbox-column--medium_6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .Flexbox-column--medium_offset_5 {
    margin-left: 41.66667%;
  }
  .Flexbox-column--medium_7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .Flexbox-column--medium_offset_6 {
    margin-left: 50%;
  }
  .Flexbox-column--medium_8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .Flexbox-column--medium_offset_7 {
    margin-left: 58.33333%;
  }
  .Flexbox-column--medium_9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .Flexbox-column--medium_offset_8 {
    margin-left: 66.66667%;
  }
  .Flexbox-column--medium_10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .Flexbox-column--medium_offset_9 {
    margin-left: 75%;
  }
  .Flexbox-column--medium_11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .Flexbox-column--medium_offset_10 {
    margin-left: 83.33333%;
  }
  .Flexbox-column--medium_12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .Flexbox-column--medium_offset_11 {
    margin-left: 91.66667%;
  }
  .Flexbox-column--medium_order_1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .Flexbox-column--medium_order_2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .Flexbox-column--medium_order_3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .Flexbox-column--medium_order_4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .Flexbox-column--medium_order_5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .Flexbox-column--medium_order_6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
}
@media screen and (min-width: 40em) and (min-width: 40em) {
  .Flexbox-column--medium_expand {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
.Flexbox.Flexbox-column--medium_unstack .Flexbox-column {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media screen and (min-width: 40em) {
  .Flexbox.Flexbox-column--medium_unstack .Flexbox-column {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 40em) {
  .Flexbox-column--medium_collapse > .Flexbox-column {
    padding-left: 0;
    padding-right: 0;
  }
  .Flexbox-column--medium_uncollapse > .Flexbox-column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media screen and (min-width: 64em) {
  .Flexbox-column--large_1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .Flexbox-column--large_offset_0 {
    margin-left: 0%;
  }
  .Flexbox-column--large_2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .Flexbox-column--large_offset_1 {
    margin-left: 8.33333%;
  }
  .Flexbox-column--large_3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .Flexbox-column--large_offset_2 {
    margin-left: 16.66667%;
  }
  .Flexbox-column--large_4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .Flexbox-column--large_offset_3 {
    margin-left: 25%;
  }
  .Flexbox-column--large_5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .Flexbox-column--large_offset_4 {
    margin-left: 33.33333%;
  }
  .Flexbox-column--large_6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .Flexbox-column--large_offset_5 {
    margin-left: 41.66667%;
  }
  .Flexbox-column--large_7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .Flexbox-column--large_offset_6 {
    margin-left: 50%;
  }
  .Flexbox-column--large_8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .Flexbox-column--large_offset_7 {
    margin-left: 58.33333%;
  }
  .Flexbox-column--large_9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .Flexbox-column--large_offset_8 {
    margin-left: 66.66667%;
  }
  .Flexbox-column--large_10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .Flexbox-column--large_offset_9 {
    margin-left: 75%;
  }
  .Flexbox-column--large_11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .Flexbox-column--large_offset_10 {
    margin-left: 83.33333%;
  }
  .Flexbox-column--large_12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .Flexbox-column--large_offset_11 {
    margin-left: 91.66667%;
  }
  .Flexbox-column--large_order_1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .Flexbox-column--large_order_2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .Flexbox-column--large_order_3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .Flexbox-column--large_order_4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .Flexbox-column--large_order_5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .Flexbox-column--large_order_6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
}
@media screen and (min-width: 64em) and (min-width: 64em) {
  .Flexbox-column--large_expand {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
.Flexbox.Flexbox-column--large_unstack .Flexbox-column {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media screen and (min-width: 64em) {
  .Flexbox.Flexbox-column--large_unstack .Flexbox-column {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 64em) {
  .Flexbox-column--large_collapse > .Flexbox-column {
    padding-left: 0;
    padding-right: 0;
  }
  .Flexbox-column--large_uncollapse > .Flexbox-column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.Flexbox--align-right {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
}
.Flexbox--align-left {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}
.Flexbox--align-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.Flexbox--align-justify {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.Flexbox--align-spaced {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.Flexbox--align-top {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}
.Flexbox--align-bottom {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}
.Flexbox-column.Flexbox--align-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.Flexbox--align-middle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}
.Flexbox-column.Flexbox--align-middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.Flexbox--align-stretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.Flexbox-column.Flexbox--align-stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.Flexbox-column--reverse {
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
/* 	FACEBOOK COLUMN COMPONENT
 	-------------------------
*/
div#main.facebookContainer .parsys_column {
  height: 100%;
  width: auto;
  float: left;
  vertical-align: top;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
div#main.facebookContainer .parsys_column > .section:first-child {
  margin-top: 0;
  /*overflow: hidden*/
}
div#main.facebookContainer .parsys_column > .section:first-child > .section.image,
div#main.facebookContainer .parsys_column > .section:first-child > .section.image + .section.text {
  margin-top: 0;
  /*overflow: hidden*/
}
/* column control layouts */
div#main.facebookContainer .parsys_column .cq-colctrl-default {
  width: 100%;
  float: none!important;
  zoom: 1;
}
div#main.facebookContainer .parsys_column .cq-colctrl-default:before {
  content: "";
  display: table;
}
div#main.facebookContainer .parsys_column .cq-colctrl-default:after {
  content: "";
  display: table;
}
div#main.facebookContainer .parsys_column .cq-colctrl-default:after {
  clear: both;
}
div#main.facebookContainer .parsys_column .cq-colctrl-default:before {
  content: "";
  display: table;
}
div#main.facebookContainer .parsys_column .cq-colctrl-default:after {
  content: "";
  display: table;
}
div#main.facebookContainer .parsys_column .cq-colctrl-default:after {
  clear: both;
}
/* layout 0 : 1/3 1/3 1/3 */
div#main.facebookContainer .parsys_column .cq-colctrl-lt0-c0 {
  width: 256px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt0-c1 {
  width: 256px;
  margin-left: 10px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt0-c2 {
  width: 256px;
  margin-left: 10px;
}
/* layout 1 : 2/3 1/3 */
div#main.facebookContainer .parsys_column .cq-colctrl-lt1-c0 {
  width: 533px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt1-c1 {
  width: 257px;
  margin-left: 10px;
}
/* layout 2 : 1/3 2/3 */
div#main.facebookContainer .parsys_column .cq-colctrl-lt2-c0 {
  width: 257px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt2-c1 {
  width: 533px;
  margin-left: 10px;
}
/* layout 3 : 1/3 1/4 1/4 1/4  */
div#main.facebookContainer .parsys_column .cq-colctrl-lt3-c0 {
  width: 265px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt3-c1 {
  width: 165px;
  margin-left: 20px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt3-c2 {
  width: 165px;
  margin-left: 15px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt3-c3 {
  width: 165px;
  margin-left: 15px;
}
/* layout 4 : 1/4 1/4 1/4 1/3  */
div#main.facebookContainer .parsys_column .cq-colctrl-lt4-c0 {
  width: 165px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt4-c1 {
  width: 165px;
  margin-left: 15px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt4-c2 {
  width: 165px;
  margin-left: 15px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt4-c3 {
  width: 265px;
  margin-left: 20px;
}
/* layout 5 : 1/4 1/4 1/4 1/4  */
div#main.facebookContainer .parsys_column .cq-colctrl-lt5-c0 {
  width: 187px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt5-c1 {
  width: 187px;
  margin-left: 20px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt5-c2 {
  width: 187px;
  margin-left: 20px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt5-c3 {
  width: 187px;
  margin-left: 20px;
}
/* layout 6 : 50% 50% */
div#main.facebookContainer .parsys_column .cq-colctrl-lt6-c0 {
  width: 395px;
}
div#main.facebookContainer .parsys_column .cq-colctrl-lt6-c1 {
  width: 395px;
  margin-left: 20px;
}
.mobile div#main.facebookContainer .parsys_column .cq-colctrl-lt6-c0 {
  width: 50%;
}
.mobile div#main.facebookContainer .parsys_column .cq-colctrl-lt6-c1 {
  width: 50%;
  margin-left: 0;
}
/* Multilayered component */
div#main.facebookContainer .multilayeredComponent {
  position: relative;
  margin-bottom: 20px !important;
}
div#main.facebookContainer .multilayeredComponent .cq-colctrl-lt0-c0 {
  position: absolute;
  top: 35px;
  bottom: 30px;
  left: 0;
}
div#main.facebookContainer .multilayeredComponent .cq-colctrl-lt0-c1 {
  position: absolute;
  top: 35px;
  bottom: 30px;
  left: 257px;
}
div#main.facebookContainer .multilayeredComponent .cq-colctrl-lt0-c2 {
  position: absolute;
  top: 35px;
  bottom: 30px;
  left: 533px;
}
div#main.facebookContainer .multilayeredComponent .section.text {
  margin-top: 0;
  margin-bottom: 0;
}
div#main.facebookContainer .multilayeredComponent .section.text hr {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
/**
 * Facebook container.
 *
 * component: '/apps/kpngb-whitelabel/components/page/facebook-page'
 * template: '/apps/kpngb-whitelabel/templates/page/facebook-page'
 */
#main.facebookContainer {
  /**
   * Facebook has restrictions on their page width.
   *
   * Minimum width: 520px (small)
   * Maximum width: 810px (large)
   *
   * More information: 'https://www.facebook.com/help/295605743827115'
   */
  min-width: 520px;
  max-width: 810px;
  width: 810px;
  padding: 5px 0px 5px 0px;
}
/**
 * Carousel component (override)
 */
#main.facebookContainer .carousel {
  width: 810px;
  height: 300px;
}
/**
 * Doormat component (override)
 */
#main.facebookContainer #doormat {
  padding-bottom: 50px;
  padding-top: 50px;
  zoom: 1;
}
#main.facebookContainer #doormat:before {
  content: "";
  display: table;
}
#main.facebookContainer #doormat:after {
  content: "";
  display: table;
}
#main.facebookContainer #doormat:after {
  clear: both;
}
#main.facebookContainer #doormat:before {
  content: "";
  display: table;
}
#main.facebookContainer #doormat:after {
  content: "";
  display: table;
}
#main.facebookContainer #doormat:after {
  clear: both;
}
#main.facebookContainer #doormat li {
  margin: 0;
}
#main.facebookContainer #doormat .col {
  float: left;
  width: 130px;
  padding-right: 10px;
  box-sizing: border-box;
}
#main.facebookContainer #doormat .col.banner {
  width: 30.86419753%;
  float: right;
  padding-right: 0;
}
#main.facebookContainer #doormat ul {
  margin-bottom: 20px;
  padding: 0;
}
#main.facebookContainer #doormat .section {
  margin: 0;
  padding: 0;
}
#main.facebookContainer #doormat .title {
  margin-bottom: 10px;
}
.fancybox-inner iframe {
  overflow: hidden;
}
.js-lightbox--large {
  overflow: visible !important;
}
.js-lightbox--large body {
  margin: 0 !important;
}
@media screen and (max-width: 499px) {
  .js-lightbox--large body .fancybox-wrap {
    width: calc(100vw - 20px) !important;
    left: 10px !important;
  }
}
@media screen and (min-width: 500px) {
  .js-lightbox--large body .fancybox-wrap {
    width: 85vw !important;
  }
}
@media screen and (min-width: 1300px) {
  .js-lightbox--large body .fancybox-wrap {
    width: 1280px !important;
  }
}
#footer {
  margin: 0 auto;
  width: 950px;
  padding: 20px 0 0 0;
  height: 120px;
  right: 0;
  bottom: 0;
  position: relative;
  box-sizing: border-box;
  padding: 0 20px;
}
#footer li {
  margin: 0;
}
#footer #navigation {
  bottom: auto;
  left: 20px;
  overflow: hidden;
  position: absolute;
  right: auto;
  top: 40px;
}
#footer #navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer #navigation ul li {
  float: left;
}
#footer #navigation ul li:first-child a {
  border: 0;
  padding: 0 20px 0 0;
}
#footer #navigation ul li a {
  display: block;
  float: left;
  padding: 0 20px;
}
#footer .legalInformation {
  bottom: auto;
  left: 20px;
  position: absolute;
  right: auto;
  top: 55px;
}
#footer .footer__languageChooser {
  background: none repeat scroll 0 0 #333333;
  bottom: -34px;
  height: 34px;
  margin-left: -20px;
  position: absolute;
  width: 100%;
}
#footer .footer__languageChooser ul.lang {
  text-align: center;
}
#footer .footer__languageChooser ul.lang li {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 34px;
}
#footer .footer__languageChooser ul.lang li.active {
  color: #808080;
}
#footer .footer__languageChooser ul.lang li + li {
  padding: 0;
}
#footer .footer__languageChooser ul.lang li + li:before {
  content: "|";
  margin-left: 4px;
}
#totop {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 20px;
  top: 38px;
}
#totop a {
  display: block;
  height: 21px;
  line-height: 21px;
  padding: 0 39px 0 0;
  position: relative;
}
#totop a:after {
  position: absolute;
  right: 0;
  top: 0;
}
.footerContent {
  position: relative;
}
.Footer h2 {
  font-size: 2.0rem;
}
.SocialIcons a {
  display: inline-block;
}
.SocialIcons a:not(:last-child) {
  margin-right: 10px;
}
.CampaignFooter {
  font-size: 1.2rem;
  padding: 50px 0 20px;
}
/***************** STRUCTURE *****************/
.Table--responsive {
  display: table;
  table-layout: fixed;
  margin: 15px 0;
  width: 100%;
  overflow: hidden;
}
.Table--responsive .Table-header {
  display: none;
  vertical-align: middle;
  padding: 15px;
}
.Table--responsive .Table-data {
  display: block;
  position: relative;
  padding: 15px;
  vertical-align: middle !important;
}
.Table--responsive .Table-data:before {
  content: attr(data-th) ": ";
  width: 7.5em;
  position: absolute;
  display: flex;
  align-items: center;
  padding: 15px;
  margin-right: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  color: white;
}
.Table--responsive .Table-data.Table-header--empty:before {
  content: '';
}
.Table--responsive .no-content {
  padding: 15px !important;
}
.Table--responsive .no-content:before {
  display: none;
}
.Table--responsive .Table-data--noBg,
.Table--responsive .Table-data--delete {
  text-align: center;
}
.Table--responsive .Table-anchor {
  display: block;
}
/**************************************/
.RowInfoSubscription,
.RowInfoPurchase {
  position: relative;
  text-align: left;
}
.RowInfoSubscription .closeIcon,
.RowInfoPurchase .closeIcon {
  position: absolute;
  right: 15px;
  top: 20px;
  cursor: pointer;
}
.Wrapper_InfoPurchase p,
.Wrapper_InfoSubscription p {
  padding: 5px 10px;
}
.Tooltip-icon {
  width: 20px;
  height: 20px;
}
/*************************************/
@media (min-width: 800px) {
  .Table--responsive {
    border-collapse: separate;
    border-spacing: 1px;
  }
  .Table--responsive .Table-data:before {
    display: none;
  }
  .Table--responsive .Table-data--noBg {
    background: none !important;
  }
  .Table--responsive .Table-data,
  .Table--responsive .Table-header {
    display: table-cell;
  }
}
@media (max-width: 800px) {
  .Table--responsive {
    font-size: 16px;
  }
  .Table--responsive .Button {
    width: 100%;
    text-align: center;
  }
  .Table--responsive .RowInfoPurchase .Table-data:before,
  .Table--responsive .RowInfoSubscription .Table-data:before {
    display: none;
  }
  .Table--responsive .RowInfoPurchase .Table-data,
  .Table--responsive .RowInfoSubscription .Table-data {
    padding: 0;
  }
  .Table--responsive .Table-data--content {
    padding-left: 165px !important;
  }
  .Table--responsive .Table-data:empty {
    display: none;
  }
  .Table--responsive .Wrapper_InfoPurchase,
  .Table--responsive .Wrapper_InfoSubscription {
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: inset 0px 20px 12px -20px rgba(0, 0, 0, 0.2);
  }
  .Table--responsive .Wrapper_InfoPurchase p,
  .Table--responsive .Wrapper_InfoSubscription p {
    padding: 5px 10px;
  }
  .Table--responsive:not(.InvoiceList):not(.MyPaymentsList) .Table-row .Table-data:first-child {
    display: none;
  }
}
form,
.form {
  position: relative;
}
.form_row {
  zoom: 1;
  margin: 0 0 15px 0;
}
.form_row:before {
  content: "";
  display: table;
}
.form_row:after {
  content: "";
  display: table;
}
.form_row:after {
  clear: both;
}
.form_row:before {
  content: "";
  display: table;
}
.form_row:after {
  content: "";
  display: table;
}
.form_row:after {
  clear: both;
}
@media screen and (min-width: 600px) {
  .form_row {
    display: table;
  }
}
.form_row .form_leftcol {
  font-weight: bold;
}
@media screen and (min-width: 600px) {
  .form_row .form_leftcol {
    display: table-cell;
    width: 200px;
    vertical-align: middle;
  }
}
.form_row .form_leftcol .form_leftcollabel {
  float: left;
  max-width: 90%;
}
.form_row .form_leftcol .form_leftcolmark {
  float: left;
}
@media screen and (min-width: 600px) {
  .form_row .form_rightcol {
    display: table-cell;
    vertical-align: top;
  }
  .form_row .form_rightcol .form_rightcol_wrapper {
    float: left;
  }
}
.form_row .form_rightcol img.tooltip {
  float: left;
  margin: -1px 0 0 10px;
}
.form_row .form_error {
  color: red;
}
.form_row_description {
  font-size: 1.2rem;
  font-style: italic;
}
.form-item .field {
  clear: none;
  width: auto;
  padding-top: 0;
}
.form-item .field .value {
  line-height: 25px;
}
.form-item .field input[type="text"],
.form-item .field input[type="number"],
.form-item .field input[type="password"],
.form-item .field input[type="email"],
.form-item .field select {
  width: 240px;
  height: 30px;
}
.form-item .field input[type="text"].narrowfield,
.form-item .field input[type="number"].narrowfield,
.form-item .field input[type="password"].narrowfield,
.form-item .field input[type="email"].narrowfield,
.form-item .field select.narrowfield {
  width: 105px !important;
}
.form-item .field input[type="text"].smallfield,
.form-item .field input[type="number"].smallfield,
.form-item .field input[type="password"].smallfield,
.form-item .field input[type="email"].smallfield,
.form-item .field select.smallfield {
  width: 55px;
}
.form-item .field input[type="text"].restfield,
.form-item .field input[type="number"].restfield,
.form-item .field input[type="password"].restfield,
.form-item .field input[type="email"].restfield,
.form-item .field select.restfield {
  width: 155px;
}
.form-item .field input[type="text"].autowidth,
.form-item .field input[type="number"].autowidth,
.form-item .field input[type="password"].autowidth,
.form-item .field input[type="email"].autowidth,
.form-item .field select.autowidth {
  width: auto;
}
.form-item .field input[type="text"].ng-invalid.ng-dirty,
.form-item .field input[type="number"].ng-invalid.ng-dirty,
.form-item .field input[type="password"].ng-invalid.ng-dirty,
.form-item .field input[type="email"].ng-invalid.ng-dirty,
.form-item .field select.ng-invalid.ng-dirty {
  border: #ff0000 1px solid !important;
}
.form-item .field input[type="text"] + input[type="text"],
.form-item .field input[type="number"] + input[type="text"],
.form-item .field input[type="password"] + input[type="text"],
.form-item .field input[type="email"] + input[type="text"],
.form-item .field select + input[type="text"],
.form-item .field input[type="text"] + input[type="number"],
.form-item .field input[type="number"] + input[type="number"],
.form-item .field input[type="password"] + input[type="number"],
.form-item .field input[type="email"] + input[type="number"],
.form-item .field select + input[type="number"],
.form-item .field input[type="text"] + input[type="password"],
.form-item .field input[type="number"] + input[type="password"],
.form-item .field input[type="password"] + input[type="password"],
.form-item .field input[type="email"] + input[type="password"],
.form-item .field select + input[type="password"],
.form-item .field input[type="text"] + input[type="email"],
.form-item .field input[type="number"] + input[type="email"],
.form-item .field input[type="password"] + input[type="email"],
.form-item .field input[type="email"] + input[type="email"],
.form-item .field select + input[type="email"] {
  margin-left: 6px;
}
.form-item .field .CreditCardDetails .narrowfield {
  width: 213.12px;
}
.form-item .field ul.err {
  position: relative;
  margin-top: 10px;
  top: 0;
  height: auto;
}
.form-item .field ul.err li {
  padding: 5px;
  color: #ff0000;
  font-weight: bold;
}
.form-item .field span {
  padding-top: 2px;
}
.form-item .field p.prefilled {
  margin: 0 0 0 10px;
}
.form-item .field input[type="radio"] {
  display: inline-block;
  width: auto !important;
  margin-top: 9px;
}
.form-item .field input[type="radio"] + label {
  position: relative;
  top: -2px;
  margin-right: 20px;
  display: inline-block;
}
.form-item .field input[type="radio"] + label:last-of-type {
  margin-right: 0;
}
.form-item .field .radioCheck-bigText input[type="radio"] {
  margin-top: 0 !important;
}
.form-item .field .radioCheck-bigText label {
  font-weight: bold;
  position: relative;
  font-size: 22px;
  font-size: 2.2rem;
}
.form-item .field .radioCheck-bigText label small {
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 14px;
  line-height: 1.4rem;
}
.form-item .field .radioCheck-bigText .numericStepper {
  margin-right: 0px;
  position: relative;
  left: 0;
  top: 0;
  margin-top: -8px;
}
.form-item .field .radioCheck-bigText .numericStepper input[type="text"],
.form-item .field .radioCheck-bigText .numericStepper input[type="number"] {
  font-size: 15px;
  font-size: 1.5rem;
  height: 29px !important;
  font-weight: bold;
  text-align: center;
}
.form-item .field .radioCheck-bigText .numericStepper .currency {
  padding-top: 3px;
  display: inline-block;
  float: left;
  margin-right: 5px;
}
.form-item .field .radioCheck-bigText .numericStepper .stepper {
  margin-right: 0px;
  float: left;
}
.form-item .field .radioCheck-bigText .numericStepper .stepper-btn-wrap {
  position: relative;
  float: left;
}
.form-item .field .radioCheck-bigText .numericStepper .stepper-btn-up,
.form-item .field .radioCheck-bigText .numericStepper .stepper-btn-dwn {
  position: relative;
  cursor: pointer;
  width: auto;
  height: auto !important;
  padding: 8px 9px 9px;
  top: auto;
  left: auto;
}
.form-item .field-extraInfo {
  clear: both;
  margin-left: 150px;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}
.form-item.form-item-checkbox {
  margin-top: 10px;
}
.form-item.form-item-checkbox .field {
  width: 7%;
  margin-top: 1px;
  margin-right: 10px;
}
.form-item.form-item-checkbox .label {
  position: relative;
  width: auto;
  min-width: 150px;
  margin-top: 0;
  padding-top: 2px;
  max-width: calc(100% - 30px);
}
.form-item.form-item-checkbox .label.italic {
  font-style: italic;
  color: #808080;
}
.form-item.form-item-checkbox .expl {
  color: #808080;
  font-style: italic;
}
.form-item.form-item-checkbox .err {
  color: #ff0000;
  font-weight: 700;
  margin: 10px 0;
  font-size: 12px;
  font-size: 1.2rem;
}
.form-item.form-item-checkbox .radioCheck-ico {
  font-size: 12px;
  font-size: 1.2rem;
}
.form-item.form-item-checkbox .field-extraInfo {
  margin-left: 24px;
}
.form-item.form-item-checkbox .field {
  margin-top: 7px;
}
.form-item.form-item-checkbox.form-item-checkbox-indent {
  margin-left: 50px;
}
.form-item.form-item-select-inline {
  margin-top: 10px;
}
.form-item.form-item-select-inline .field {
  width: 50%;
}
.form-item.form-item-select-inline .field select {
  width: 75px;
}
.form-item.fiedBelow:last-child {
  margin-bottom: 0;
}
.form-item .Error-text {
  margin: 5px;
  color: #fa7272;
  font-weight: 500;
}
span.req {
  position: relative !important;
  right: -10px;
  top: 0px!important;
}
.requiredText {
  position: absolute;
  right: 0;
  top: -20px;
  font-size: .85em;
}
.hidden-form h2 {
  margin-top: 25px;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
a.Button,
a.button {
  margin-top: 20px;
  padding: 5px 10px;
  cursor: pointer;
}
input[type="button"][disabled="disabled"],
input[type="button"][disabled],
input[type="button"]:disabled,
input[type="submit"][disabled="disabled"],
input[type="submit"][disabled],
input[type="submit"]:disabled,
input[type="reset"][disabled="disabled"],
input[type="reset"][disabled],
input[type="reset"]:disabled,
button[disabled="disabled"],
button[disabled],
button:disabled {
  cursor: not-allowed;
}
/* todo: check why this style is needed, it causes some weird behavior in some forms */
/*select {
  display: block;
  height: 30px;
  padding: 0 2px;
  width: 100%;
  overflow: hidden;
} */
select:disabled,
select[disabled],
select[disabled="disabled"] {
  color: #c8c8c8;
}
.wideform .form-item {
  min-height: 25px;
}
.wideform .form-item .field {
  clear: none;
  width: auto;
  padding-top: 0;
}
.wideform .form-item .field input[type="text"],
.wideform .form-item .field input[type="number"],
.wideform .form-item .field input[type="email"],
.wideform .form-item .field select {
  width: 240px;
}
.wideform .form-item .field input[type="text"].narrowfield,
.wideform .form-item .field input[type="number"].narrowfield,
.wideform .form-item .field input[type="email"].narrowfield,
.wideform .form-item .field select.narrowfield {
  width: 105px;
}
.wideform .form-item .field input[type="text"].smallfield,
.wideform .form-item .field input[type="number"].smallfield,
.wideform .form-item .field input[type="email"].smallfield,
.wideform .form-item .field select.smallfield {
  width: 55px;
}
.wideform .form-item .field input[type="text"].restfield,
.wideform .form-item .field input[type="number"].restfield,
.wideform .form-item .field input[type="email"].restfield,
.wideform .form-item .field select.restfield {
  width: 185px;
}
.wideform .form-item .field input[type="text"].autowidth,
.wideform .form-item .field input[type="number"].autowidth,
.wideform .form-item .field input[type="email"].autowidth,
.wideform .form-item .field select.autowidth {
  width: auto;
}
.wideform .form-item .field p.prefilled {
  margin: 0 0 0 10px;
}
.wideform .form-item .label {
  width: auto;
  min-width: 150px;
  margin-top: 0;
  line-height: 21px;
  padding-top: 4px;
}
button.buttonbelow {
  margin-top: 20px;
}
/* Content forms */
form .section {
  margin: 20px;
  zoom: 1;
  font-size: 14px;
  font-size: 1.4rem;
  box-sizing: border-box;
}
form .section:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.cq-wcm-edit .hidden {
  display: block;
  visibility: visible;
}
/* E-Reload and E-Pay forms */
form[name="epayForm"] .form-item .field .err {
  position: relative;
}
form[name="epayForm"] .form-item:last-child .field {
  float: none;
  margin-right: 12px;
}
.form-item-inline {
  margin-bottom: 10px;
}
.field-radio-choice {
  margin-top: 5px;
}
.fullBlock-box {
  position: relative;
  padding: 13px 20px;
  line-height: 14px;
  zoom: 1;
}
.fullBlock-box:before {
  content: "";
  display: table;
}
.fullBlock-box:after {
  content: "";
  display: table;
}
.fullBlock-box:after {
  clear: both;
}
.fullBlock-box:before {
  content: "";
  display: table;
}
.fullBlock-box:after {
  content: "";
  display: table;
}
.fullBlock-box:after {
  clear: both;
}
/* new code */
.Form-label--width30 {
  width: 30%;
}
.Form-label--width35 {
  width: 35%;
}
.Form-indent {
  margin-left: 25px;
}
.submit .form_row .form_leftcol {
  display: none;
}
.Form {
  zoom: 1;
}
.Form:before {
  content: "";
  display: table;
}
.Form:after {
  content: "";
  display: table;
}
.Form:after {
  clear: both;
}
.Form:before {
  content: "";
  display: table;
}
.Form:after {
  content: "";
  display: table;
}
.Form:after {
  clear: both;
}
.Form button,
.Form .button,
.Form input[type="button"],
.Form input[type="submit"] {
  display: inline-block;
}
.Form-indent {
  margin-left: 25px;
}
.Form-field .text,
.Form-field p {
  padding: 0;
  margin: 0;
}
input[readonly]:not(.hasDatepicker),
select[readonly] {
  opacity: 0.5;
}
.Form-field > input[type="checkbox"],
.Form-field > .Form-checkbox {
  vertical-align: baseline !important;
}
.Form-description {
  padding-top: 5px;
  padding-bottom: 5px;
}
.Form-item {
  margin-bottom: 10px;
  zoom: 1;
}
.Form-item:before {
  content: "";
  display: table;
}
.Form-item:after {
  content: "";
  display: table;
}
.Form-item:after {
  clear: both;
}
.Form-item:before {
  content: "";
  display: table;
}
.Form-item:after {
  content: "";
  display: table;
}
.Form-item:after {
  clear: both;
}
.Form-item .Form-item--radio,
.Form-item .Form-item--checkbox {
  margin-bottom: 0;
}
.Form-item--singleRadio input[type="radio"] {
  width: auto;
}
.Form-item--singleRadio > .Form-field {
  width: 20px;
}
.Form-prefixInput {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 800px) {
  .Form-prefixInput {
    padding-left: 0;
  }
}
.Form-item--checkboxes .Form-field label,
.Form-item--radios .Form-field label {
  margin-right: 15px;
}
.Form-inputIcon {
  position: absolute;
  top: 50%;
  right: 10px;
  color: transparent;
  z-index: 1;
  will-change: right;
  transition: 0.25s all ease;
}
.Form-inputIcon .Icon {
  width: 16px;
  height: 16px;
  margin-top: -22px;
}
.Form-inputIcon--error {
  color: red;
  display: none;
}
.Form-item--error .Form-inputIcon--error {
  display: block;
}
.Form-item--valid .Form-inputIcon--error {
  display: none !important;
}
.Form-inputTag {
  background: #eee;
  color: black;
  font-size: 9px;
  margin: 6px;
  line-height: 27px;
  padding: 0 25px 0 10px;
  display: inline-block;
  align-items: center;
  position: relative;
  white-space: nowrap;
  border-radius: 8px;
  cursor: pointer;
}
.Form-inputTag:hover .Form-inputTagIcon {
  transform: translateY(-50%) rotate(90deg);
}
.Form-inputTagIcon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transition: 0.25s transform ease;
  width: 7px;
  height: 7px;
}
.Form-field {
  position: relative;
  float: left;
  width: 100%;
  /* @todo: our goal is move all .Form-field's into a Grid-col */
}
.Form-field input[type="text"],
.Form-field input[type="tel"],
.Form-field input[type="number"],
.Form-field input[type="date"],
.Form-field input[type="email"] {
  width: calc(100% - 15px);
}
.Form-field select {
  width: calc(100% - 11px);
}
.Form-field input[type="checkbox"],
.Form-field input[type="radio"] {
  margin-left: 0;
}
.Grid-col > .Form-field {
  width: 100% !important;
  float: none !important;
}
.Form-field--inline {
  display: inline-block;
  width: auto;
}
.Form-field--tooltip input[type="text"],
.Form-field--tooltip input[type="number"],
.Form-field--tooltip input[type="tel"],
.Form-field--tooltip input[type="email"],
.Form-field--tooltip input[type="password"] {
  width: calc(100% - 30px) !important;
}
.Form-item--checkbox input[type="checkbox"],
.Form-item--radio input[type="checkbox"] {
  width: auto;
}
.Form-item--checkbox.Form-item--checkbox-indent,
.Form-item--radio.Form-item--checkbox-indent {
  margin-left: 50px;
}
.Form-item--checkbox > .Form-field,
.Form-item--radio > .Form-field {
  width: 20px;
  line-height: 30px;
  padding: 0;
  margin-top: 1px;
}
.Form-item--radio input[type="radio"] {
  width: auto;
}
.Form-item--radio .Form-field {
  zoom: 1;
}
.Form-item--radio .Form-field:before {
  content: "";
  display: table;
}
.Form-item--radio .Form-field:after {
  content: "";
  display: table;
}
.Form-item--radio .Form-field:after {
  clear: both;
}
.Form-item--radio .Form-field:before {
  content: "";
  display: table;
}
.Form-item--radio .Form-field:after {
  content: "";
  display: table;
}
.Form-item--radio .Form-field:after {
  clear: both;
}
.Form-item--pin .Form-field {
  display: inline-block;
  float: none;
}
.Form-item--pin .Form-field input {
  display: inline;
  width: 15px;
  text-align: center;
}
.Form-item--name .Form-field {
  width: 450px;
}
.Form-item--streetNr .Form-field {
  width: 450px;
}
.Form-fieldItem {
  float: left;
}
.Form-item--name .Form-fieldItem {
  width: calc(50% - 15px);
  margin-right: 3px;
}
.Form-item--name .Form-fieldItem input {
  width: 100%;
}
.Form-item--name .Form-fieldItem:first-child {
  margin-right: 5px;
}
.Form-item--streetNr .Form-fieldItem {
  margin-right: 3px;
}
.Form-item--streetNr .Form-fieldItem input {
  width: 100%;
}
.Form-item--streetNr .Form-fieldItem:nth-child(1) {
  width: calc(70% - 30px);
  margin-right: 5px;
}
.Form-item--streetNr .Form-fieldItem:nth-child(2) {
  width: 30%;
}
.Form-fieldValidated {
  position: absolute;
  top: 50%;
  right: 10px;
  color: transparent;
  z-index: 1;
  will-change: right;
  transition: 0.25s all ease;
}
.Form-fieldValidated .Icon {
  width: 16px;
  height: 16px;
  margin-top: -22px;
}
.Form-item--valid .Form-fieldValidated {
  color: green;
}
@media screen and (min-width: 540px) {
  .Form-item--valid .Form-fieldValidated {
    right: -25px;
  }
}
.Form-label {
  position: relative;
  float: left;
  width: 180px;
  padding-top: 5px;
  padding-bottom: 5px;
  /* @todo: move all .Form-field's into a Grid-col */
}
.Grid-col > .Form-label {
  width: 100% !important;
  float: none !important;
  margin-bottom: 5px !important;
}
.Form-label label {
  display: inline-block;
  /* OCTOUAT-2501 - When there is a span inside a label, the label is not clickable on android, that's why whe use a clickable pseudo element as overlay  */
}
.Form-label label:after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 98;
  content: " ";
  top: 0;
  left: 0;
  display: block;
  padding: 10px 0;
  margin: -10px 0;
}
.Form-label.Form-label--hasTooltip label {
  width: calc(100% - 25px) !important;
  display: inline-block !important;
}
.Form-label .ui-datepicker-trigger {
  vertical-align: middle;
  top: -2px;
}
.Form-label--noFloat {
  float: none;
}
.Form-label--noClickableOverlay label:after {
  display: none;
}
.Form-label--inline {
  width: auto;
  padding-right: 5px;
}
.Form-label--greyedOut {
  opacity: 0.5;
}
.Form-label-required {
  display: inline !important;
}
.Form-item--checkbox > .Form-label,
.Form-item--radio > .Form-label {
  width: calc(100% - 20px);
  padding: 0;
}
.Form-item--checkbox > .Form-label > label,
.Form-item--radio > .Form-label > label {
  line-height: 30px;
}
.Form-item--singleRadio .Form-label {
  width: calc(100% - 20px);
}
.Form-item--pin .Form-label {
  margin-right: 5px;
  width: auto;
}
.Form-item--labelOnly .Form-label {
  width: 100%;
}
.Form-item--radio > .Form-label > label {
  display: block;
}
.Form-labelLink {
  float: right;
  line-height: 30px;
}
.Form-fieldError {
  clear: both;
  display: none;
}
.Form-item--error .Form-fieldError {
  display: block;
}
.Form-fieldInfo {
  line-height: 20px;
  display: block;
  clear: both;
}
.Form-radioItem {
  float: left;
}
.Form-radioItem input[type="radio"] {
  width: auto;
}
.Form-radioItem label {
  width: auto;
  margin-right: 25px;
}
.Form-radioItem:last-child > label {
  margin-right: 0;
}
.Form-text {
  width: 100% !important;
  padding: 4px 8px !important;
  border: 1px solid transparent !important;
  vertical-align: middle;
}
.Form-field--hasIcon .Form-text {
  width: calc(100% - 40px) !important;
}
.Form-field--hasCheckboxOrRadio .Form-text {
  width: calc(100% - 20px) !important;
}
.Form-field--hasIcon.Form-field--hasCheckboxOrRadio .Form-text {
  width: calc(100% - 50px) !important;
}
.Form-text.jq-datepicker {
  width: calc(100% - 40px) !important;
  max-width: 130px !important;
}
.Form-text.Form-text--large {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  height: 3em !important;
  line-height: 1.5;
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100%;
  margin-bottom: 10px;
}
.Form-item--warning .Form-text {
  border-color: #ff9500 !important;
}
.Form-item--error .Form-text {
  border-color: #ff0000 !important;
}
.Form-text--afterCheckboxOrRadio {
  margin-top: -3px;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
.Form-textarea {
  width: 100% !important;
  padding: 4px 8px !important;
  border: 1px solid transparent !important;
  vertical-align: middle;
  min-height: 100px;
}
.Form-select {
  width: 100% !important;
  padding: 3px 8px !important;
  border: 1px solid transparent !important;
}
.Form-field--hasIcon .Form-select {
  width: calc(100% - 30px) !important;
}
.Form-field--hasCheckboxOrRadio .Form-select {
  width: calc(100% - 20px) !important;
}
.Form-field--hasIcon.Form-field--hasCheckboxOrRadio .Form-select {
  width: calc(100% - 50px) !important;
}
.Form-radio {
  margin-top: -2px;
  vertical-align: middle;
}
.Form-field > input[type="radio"],
.Form-field > .Form-radio {
  vertical-align: baseline !important;
}
.Form-group {
  position: relative;
  zoom: 1;
}
.Form-group:before {
  content: "";
  display: table;
}
.Form-group:after {
  content: "";
  display: table;
}
.Form-group:after {
  clear: both;
}
.Form-group:before {
  content: "";
  display: table;
}
.Form-group:after {
  content: "";
  display: table;
}
.Form-group:after {
  clear: both;
}
.Form-group--indent50 {
  margin-left: 50px;
}
.Form-group--labelIndent {
  margin-left: 180px;
}
.Form-group--checkboxIndent {
  margin-left: 20px;
}
.Form-valueOnly {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.Form-valueOnly:last-child {
  margin-right: 0px;
}
#funcnav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4;
  height: 49px;
}
#funcnav li {
  margin: 0;
}
#funcnav .container {
  width: 950px;
  margin: 0 auto;
  padding: 16px 20px 15px 20px;
  position: relative;
  zoom: 1;
  box-sizing: border-box;
}
#funcnav .container:before {
  content: "";
  display: table;
}
#funcnav .container:after {
  content: "";
  display: table;
}
#funcnav .container:after {
  clear: both;
}
#funcnav .container:before {
  content: "";
  display: table;
}
#funcnav .container:after {
  content: "";
  display: table;
}
#funcnav .container:after {
  clear: both;
}
#funcnav ul {
  float: left;
  zoom: 1;
}
#funcnav ul:before {
  content: "";
  display: table;
}
#funcnav ul:after {
  content: "";
  display: table;
}
#funcnav ul:after {
  clear: both;
}
#funcnav ul:before {
  content: "";
  display: table;
}
#funcnav ul:after {
  content: "";
  display: table;
}
#funcnav ul:after {
  clear: both;
}
#funcnav ul + ul {
  margin-left: 20px;
}
#funcnav ul li {
  float: left;
}
#funcnav .actions li a img {
  float: left;
  padding: 0 5px 0 0;
}
#funcnav .actions li + li {
  margin-left: 22px;
  position: relative;
}
#funcnav .actions li + li:before {
  display: block;
  height: 14px;
  width: 1px;
  position: absolute;
  left: -10px;
  top: 2px;
  content: "";
}
#funcnav .actions .icoFind {
  display: block;
  position: relative;
  padding-left: 22px;
}
#funcnav .actions .icoFind:before {
  position: absolute;
  left: 1px;
  top: -1px;
}
#funcnav .sectionchanger {
  position: absolute;
  left: 0;
}
#funcnav .tabs {
  position: relative;
  top: -7px;
  margin-bottom: -22px;
  margin-left: 20px;
}
#funcnav .tabs li + li {
  margin-left: 2px;
}
#funcnav .tabs li a {
  display: block;
  padding: 13px 20px;
  font-weight: normal;
  line-height: 14px;
}
#funcnav .flyout-tabs {
  position: absolute;
  right: -80px;
  top: 40px;
  display: none;
  width: 195px;
  z-index: 99;
  padding: 12px 15px;
  background: #FFF;
  border: 1px solid #b9cae8;
}
#funcnav .flyout-tabs * {
  color: #333333;
}
#funcnav .flyout-tabs p {
  margin: 0;
}
#funcnav .flyout-tabs p + p {
  margin-top: 1px;
}
#funcnav .flyout-tabs:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #b9cae8;
  position: absolute;
  left: 13px;
  top: -6px;
  content: "";
}
#funcnav .lang {
  margin-left: 35px;
  position: absolute;
  right: 20px;
}
#funcnav .lang li + li {
  margin-left: 15px;
}
#funcnav .lang .active,
#funcnav .lang .active a {
  font-weight: bold;
}
#funcnav #custzone {
  position: absolute;
  right: 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  text-transform: uppercase;
  text-decoration: none !important;
}
#funcnav #reload {
  position: absolute;
  right: 325px;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  line-height: 50px;
  text-transform: uppercase;
  top: -3px;
}
.ie8 #funcnav.tabs li a {
  padding-left: 35px;
  padding-right: 35px;
}
.Handset {
  margin-bottom: 30px;
  position: relative;
  border-bottom: 1px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  height: 450px;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.Handset-name,
.Handset-information,
.Handset-orderInformation {
  width: 100%;
}
.Handset-name {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 10px;
}
.Handset-image {
  height: 110px;
  display: table;
}
.Handset-image > div {
  display: table-cell;
  vertical-align: middle;
}
.Handset-image > div > img {
  max-width: 85px;
}
.Handset-sideInfo {
  height: 110px;
  display: table;
}
.Handset-sideInfo > div {
  display: table-cell;
  vertical-align: middle;
}
.Handset-monthlyPrice {
  font-size: 13px;
}
.Handset-information {
  padding: 10px 0;
}
.Handset-attribute {
  font-weight: bold;
  display: block;
  font-size: 13px;
  padding: 3px 20px 3px 0;
}
.Handset-attribute > .Icon {
  margin-top: -3px;
  margin-right: 5px;
}
.Handset-selection .Handset-information {
  height: 200px;
}
.Handset-longDescription {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 295px;
  flex: 1 1 295px;
  max-height: 295px;
}
.Handset-selection .Handset-orderInformation {
  min-height: 215px;
  text-align: center;
}
.Handset-orderInformation {
  padding-bottom: 40px !important;
}
.Handset-image--centered {
  display: block;
  position: relative;
  float: none;
  left: 50%;
  transform: translateX(-50%);
}
.Handset-image--large {
  height: 250px;
}
.Handset-selection .Handset-moreInformation {
  display: block;
  padding-top: 10px;
}
.Handset-selection .Handset-moreInformation:after {
  clear: both;
}
.Handset-selection .Handset-stock {
  display: block;
}
.Handset-selection .Handset-stock:after {
  clear: both;
}
.Handset-price {
  font-size: 30px;
  font-size: 3rem;
}
.Handset-price--small {
  font-size: 13px;
}
.Handset-orderButton {
  position: relative;
  display: block;
  width: 100%;
}
.Handset-bottom {
  display: block;
  position: relative;
}
.Handset-bottom > .Cta {
  margin: 15px 10px 15px 0 !important;
  display: block;
  width: 100%;
}
.Handset-bottom > .Button--link {
  padding-left: 0 !important;
  display: block;
  text-align: center;
  width: 100%;
}
.Handset-bottom p {
  margin-bottom: 0 !important;
}
#header {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 2;
  zoom: 1;
}
#header:before {
  content: "";
  display: table;
}
#header:after {
  content: "";
  display: table;
}
#header:after {
  clear: both;
}
#header:before {
  content: "";
  display: table;
}
#header:after {
  content: "";
  display: table;
}
#header:after {
  clear: both;
}
#header li {
  margin: 0;
}
#header .logo {
  float: left;
  line-height: 0;
}
#header .main-nav {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 20px;
  position: relative;
}
#header .main-nav h2 {
  color: #3d4f59;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
#header .main-nav .level1 {
  position: relative;
  z-index: 2;
  z-index: 99999;
  zoom: 1;
}
#header .main-nav .level1:before {
  content: "";
  display: table;
}
#header .main-nav .level1:after {
  content: "";
  display: table;
}
#header .main-nav .level1:after {
  clear: both;
}
#header .main-nav .level1:before {
  content: "";
  display: table;
}
#header .main-nav .level1:after {
  content: "";
  display: table;
}
#header .main-nav .level1:after {
  clear: both;
}
#header .main-nav .level1 li {
  float: left;
  line-height: 17px;
  width: 6.59340659%;
  font-size: 17px;
  font-size: 1.7rem;
  box-sizing: border-box;
}
#header .main-nav .level1 li + li {
  border-left: 5px solid transparent;
}
#header .main-nav .level1 .icoHome {
  display: block;
  text-indent: -9999px;
  position: relative;
  height: 45px;
  width: 60px;
  margin-top: -4px;
  transition: all .20s ease;
}
#header .main-nav .level1 .icoHome:hover {
  opacity: 0.75;
}
#header .main-nav .level1 .icoHome:before {
  position: absolute;
  top: 12px;
  left: 17px;
}
#header .main-nav .level1 .lvl1 {
  width: 31.0989011%;
  position: relative;
  padding-bottom: 5px;
}
#header .main-nav .level1 .lvl1 a {
  display: block;
  padding: 14px 30px 13px 19px;
  position: relative;
}
#header .main-nav .level1 .lvl1 a .arrow,
#header .main-nav .level1 .lvl1 a .arrow--hover {
  display: block;
  position: absolute;
  right: 0;
  top: 21px;
}
#header .main-nav .level1 .lvl1 a:hover,
#header .main-nav .level1 .lvl1 a:focus {
  text-decoration: none;
}
#header .main-nav .level1 .lvl1.noSubs a {
  padding-right: 19px;
}
#header .main-nav .level1 .lvl1.noSubs a .arrow,
#header .main-nav .level1 .lvl1.noSubs a .arrow--hover {
  display: none !important;
}
#header .main-nav .level1 .current a {
  text-decoration: none;
  cursor: default;
}
#header .main-nav .subNav-box {
  position: absolute;
  top: 47px;
  z-index: 9999;
  display: none;
  padding: 20px 20px 20px 20px;
  left: 0;
  right: 0;
  border: none;
  overflow: hidden;
  zoom: 1;
}
#header .main-nav .subNav-box:before {
  content: "";
  display: table;
}
#header .main-nav .subNav-box:after {
  content: "";
  display: table;
}
#header .main-nav .subNav-box:after {
  clear: both;
}
#header .main-nav .subNav-box:before {
  content: "";
  display: table;
}
#header .main-nav .subNav-box:after {
  content: "";
  display: table;
}
#header .main-nav .subNav-box:after {
  clear: both;
}
#header .main-nav .subNav-box .lists {
  float: left;
  width: calc(100% - 310px);
}
#header .main-nav .subNav-box .lists .list {
  float: left;
  width: calc(50% - 20px);
  margin: 0 20px 0 0;
  box-sizing: border-box;
}
#header .main-nav .subNav-box .lists .list ul {
  margin: 10px 0 0 0;
}
#header .main-nav .subNav-box .lists .list ul li {
  margin-bottom: 10px;
}
#header .main-nav .subNav-box .lists .list ul li a {
  display: block;
  position: relative;
  padding-right: 35px;
}
#header .main-nav .subNav-box .lists .list ul li a:after {
  position: absolute;
  right: 0;
  top: -2px;
}
#header .main-nav .subNav-box .suggestedCnt {
  float: left;
  width: 290px;
}
#header .main-nav .subNav-box .snb-footer {
  float: left;
  clear: both;
  width: 100%;
  padding: 6px 0 4px 0;
}
#header .main-nav .subNav-box .snb-footer .section {
  float: left;
  margin-right: 15px;
}
#header .main-nav .subNav-box .snb-footer .section.title {
  margin: 6px 19px 6px 6px;
}
#header .main-nav .subNav-box .snb-footer .section.title h2 {
  margin: 0!important;
}
#header .main-nav .subNav-box .snb-footer .group {
  float: left;
}
#header .main-nav .subNav-box .snb-footer .group.findUs {
  margin-top: 12px;
}
#header .main-nav .subNav-box .snb-footer .group .section {
  float: left;
  line-height: 0;
}
#header .main-nav .subNav-box .snb-footer .group .section + .section {
  margin-left: 10px;
}
.BasketOverview {
  width: 100%;
  max-width: 1240px;
  position: relative;
  z-index: 2000;
  margin-top: 40px;
  box-sizing: border-box;
}
@supports (position: sticky) or (position: -webkit-sticky) {
  .BasketOverview {
    position: -webkit-sticky;
    position: sticky;
    bottom: -1px;
  }
}
.BasketOverview.sticky-element--sticky {
  width: calc(100% - 20px);
  left: 50%;
  transform: translatex(-50%);
  /* transform: translateZ(0);
    -webkit-transform: translateZ(0);*/
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-backface-visibility: hidden;
}
@media screen and (min-width: 800px) {
  .BasketOverview.sticky-element--sticky {
    width: calc(100% - 40px);
  }
}
.BasketOverview .BasketOverview-total {
  display: inline-block;
}
.BasketOverview .BasketOverview-totalPrice {
  font-size: 24px;
}
.BasketOverview .Accordion-title:before {
  display: none;
}
.BasketOverview .Icon-label {
  margin-right: 2px;
}
@media screen and (max-width: 800px) {
  .BasketOverview .Icon-label {
    display: none;
  }
}
.BasketOverview .Accordion-content {
  max-height: 0px;
  width: 100%;
  transition: 0.3s;
}
.BasketOverview .Accordion-input:checked + .Accordion-label {
  border-bottom: 0;
  /*position: sticky;
    top:0;*/
}
.BasketOverview .Accordion-input:checked + .Accordion-label + .Accordion-content {
  max-height: 600px;
  transition: 0.3s;
  overflow-y: auto;
}
@media screen and (max-width: 800px) {
  .BasketOverview .Accordion-input:checked + .Accordion-label + .Accordion-content {
    max-height: calc(100vh - 215px);
  }
}
@media screen and (max-width: 800px) {
  .BasketOverview .Modifications-total-label {
    display: none !important;
  }
}
.BasketOverview .Navigation--next {
  margin-bottom: 0px !important;
}
.BasketOverview .BasketOverview-totalPrice--promo {
  color: #009793;
  margin-right: 35px;
}
@media screen and (max-width: 600px) {
  .BasketOverview .BasketOverview-totalPrice--promo {
    padding-top: 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 700px) {
  .BasketOverview .BasketOverview-totalPrice--promo {
    height: 95px;
  }
}
.BasketOverview .promo-timeframe {
  font-size: 0.7em;
  position: absolute;
  bottom: 12px;
  margin-left: 5px;
  width: 110px !important;
}
.BasketOverview .Modifications-total--promo {
  font-size: 20px;
  margin-bottom: 5px;
  text-decoration: line-through;
}
.sticky-element--sticky {
  position: fixed !important;
}
.sticky-element--visible {
  display: block !important;
}
.sticky-element--visible.ng-hide,
.sticky-element--visible.ng-hide:not(.ng-hide-animate) {
  display: block !important;
  visibility: hidden !important;
}
.Hero-container {
  width: 100%;
  overflow: hidden;
}
.Hero-image {
  display: block;
  position: relative;
  margin: 0 auto;
  line-height: 0;
}
.Hero-image img {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.Icon {
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-top: -2.5px;
}
label .Icon {
  transition: color .2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
label .Icon:hover {
  color: #acb4bf;
}
.Icon--8x8 {
  width: 8px;
  height: 8px;
}
.Icon--12x12 {
  width: 12px;
  height: 12px;
}
.Icon--20x20 {
  width: 20px;
  height: 20px;
}
.Icon--24x24 {
  width: 24px;
  height: 24px;
}
.Icon--32x32 {
  width: 32px;
  height: 32px;
}
.Icon--40x40 {
  width: 40px;
  height: 40px;
}
.Icon--48x48 {
  width: 48px;
  height: 48px;
}
.Icon--60x60 {
  width: 60px;
  height: 60px;
}
.Icon--96x96 {
  width: 96px;
  height: 96px;
}
label:hover .Icon--close {
  color: red;
}
.IconButtons {
  font-size: 0;
  text-align: center;
}
.IconButton {
  position: relative;
  display: inline-block;
  width: 48%;
  margin: 0 1% 20px 1%;
  padding: 40px 0;
  margin-top: -40px;
  box-sizing: border-box;
}
.IconButton:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.IconButton:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
@media screen and (min-width: 480px) {
  .IconButton {
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
  }
}
.IconButton-image {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 18px;
  width: 50%;
  height: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
img.IconButton-image {
  height: auto;
  width: 60%;
}
/* 	RETAIL - iframe
	----------------------
*/
/*  */
iframe {
  border: 0!important;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
/* 	IMAGE COMPONENT
	---------------  
*/
.image {
  line-height: 0px;
  line-height: 0rem;
}
.image-align-left {
  text-align: left;
  clear: both;
}
.image-align-right {
  text-align: right;
  clear: both;
}
.image-align-center {
  text-align: center;
  clear: both;
}
#header .headerimage {
  height: auto;
  max-height: 75px;
  width: auto;
  max-width: 450px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
  margin-right: 20px;
  display: inline-block;
}
.ImageIcon {
  vertical-align: middle;
  cursor: pointer;
}
/*  Knowledge Base Homepage
    -----------------------
*/
.kb-quicktopics .parsys_column .kb-quicktopic {
  min-height: 210px;
}
.kb-quicktopics .parsys_column .kb-quicktopic .kb-quicktopic-title {
  display: inline-block;
  margin-top: 5px;
}
.kb-quicktopics .parsys_column .kb-quicktopic .kb-quicktopic-title a {
  font-weight: bold;
  line-height: 25px;
}
.kb-quicktopic .textimage {
  margin-top: 20px;
}
.kb-quicktopic h2 {
  margin-top: 10px;
}
.mobile .kb-quicktopics .parsys_column .kb-quicktopic {
  min-height: 0;
}
/* 	
	LINE BREAK
*/
.linebreak hr {
  margin: 8px 0 !important;
}
/* 	PRE-LOADERS
	---------------
*/
div.loader {
  background: #ffffff url('../images/loader.gif') center center no-repeat;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99999999999;
  display: none;
}
div.loaderText {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 55%;
  z-index: 99999999999;
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  display: none;
}
div.loaderBar {
  background: transparent url('../images/loaderBar.gif') center center no-repeat;
  height: 30px;
}
.Login {
  position: relative;
  margin-bottom: 40px;
}
.Login .Form-item:not(.Form-item--checkbox) .Form-label {
  width: auto;
  float: none;
}
.Login .Form-item:not(.Form-item--checkbox) .Form-label > label {
  font-weight: bold;
}
@media screen and (min-width: 800px) {
  .Login:after {
    content: ' ';
    position: absolute;
    top: 5%;
    left: calc(50% - 39px);
    width: 2px;
    height: 90%;
    background: #acb4bf;
    margin-left: -1px;
  }
}
/* 	MARGINBOX COMPONENT
	---------------
	Remark: themes stylesheets contains settings for bottom and top margins;
*/
.marginbox.top-none {
  margin-top: 0;
}
.marginbox.top-small {
  margin-top: 10px;
}
.marginbox.top-medium {
  margin-top: 20px;
}
.marginbox.top-large {
  margin-top: 40px;
}
.marginbox.bottom-none {
  margin-bottom: 0;
}
.marginbox.bottom-small {
  margin-bottom: 10px;
}
.marginbox.bottom-medium {
  margin-bottom: 20px;
}
.marginbox.bottom-large {
  margin-bottom: 40px;
}
.marginbox.left-none {
  margin-left: 0;
}
.marginbox.left-small {
  margin-left: 10px;
}
.marginbox.left-medium {
  margin-left: 20px;
}
.marginbox.left-large {
  margin-left: 40px;
}
.marginbox.right-none {
  margin-right: 0;
}
.marginbox.right-small {
  margin-right: 10px;
}
.marginbox.right-medium {
  margin-right: 20px;
}
.marginbox.right-large {
  margin-right: 40px;
}
.marginbox .textimage,
.marginbox .text,
.marginbox .table,
.marginbox .ul,
.marginbox .ctalinkblock,
.marginbox hr,
.marginbox .stylingplaceholder,
.marginbox a p,
.marginbox .multilayeredComponent,
.marginbox .price,
.marginbox .tab,
.marginbox .title,
.marginbox .video {
  margin-top: 0;
  margin-bottom: 0;
}
.Messages--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
  transform: translateY(-100%);
  transition: 0.4s transform ease;
}
.Messages--fixed > .Message {
  position: relative;
  margin: 0 auto 10px;
  max-width: 900px;
}
.js-Messages--show .Messages--fixed {
  transform: translateY(0%);
}
.Message {
  background: #f2f2f2;
  padding: 10px;
  margin: 10px 0 10px 0;
  letter-spacing: 0.02em;
  line-height: 1.5em;
}
.Message > .reference {
  font-size: 1.0rem;
}
.Message--error {
  background: #ff0000;
  color: #000000 !important;
}
.Message--warning {
  background: #ff9500;
  color: #000000 !important;
}
.Message--success {
  background: #b7e9b5;
  color: #010501 !important;
}
.Message-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30px;
  cursor: pointer;
}
.Message-close > .Icon {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
}
.Message-hint {
  font-family: AkagiProBook, Arial, sans-serif;
  color: #35a230 !important;
}
.Mmsviewer .form-item .field-extraInfo {
  margin-left: 0px;
}
@media (max-width: 800px) {
  .Mmsviewer .delete-selected {
    display: none;
  }
}
.Mmsviewer .clickable {
  cursor: pointer;
}
@media (max-width: 779px) {
  .Mmsviewer-table tr td:first-child,
  .Mmsviewer-table tr td:last-child {
    display: none !important;
  }
}
.MmsviewerBtnLogout-wrapper {
  display: block;
  text-align: right;
}
.MmsviewerBtnLogout-wrapper .Mmsviewer-btnLogout {
  margin-bottom: 20px;
  margin-top: 0px;
}
.Mmsviewer-list .mlogout {
  display: none;
}
.Mmsviewer-list .col50 {
  margin-top: -20px;
}
.Mmsviewer-list .col50.rightcol p {
  float: right;
  clear: both;
  margin: 10px 0 5px 0;
}
.Mmsviewer-list-table {
  margin-bottom: 15px;
}
.Mmsviewer-list-table tr.unread td {
  font-weight: bold;
}
.Mmsviewer-list-table tr.clickable {
  cursor: pointer;
}
.Mmsviewer-graph {
  margin-bottom: 15px;
}
.Mmsviewer-graph-label {
  text-align: right;
}
.Mmsviewer-graph-barContainer {
  float: right;
  border: 1px solid #b9cae8;
  box-sizing: content-box;
  height: 11px;
  position: relative;
  width: 100%;
  clear: both;
  margin-bottom: 15px;
}
.Mmsviewer-graph-bar {
  left: 0;
  background: repeat scroll 0 0 #b9cae8;
  height: 100%;
}
.Mmsviewer-graph-bar.full {
  background: repeat scroll 0 0 #e60002;
}
.Mmsviewer-graph-bar {
  height: 100%;
}
.Mmsviewer-deleteOverlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 20;
}
.Mmsviewer-deleteOverlay-content {
  width: 420px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -230px;
  margin-top: -50px;
  text-align: center;
  background: white;
  box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.25);
  padding: 20px;
  border: 1px solid #b9cae8;
}
.Mmsviewer-deleteOverlay-content button:first-of-type {
  margin-right: 20px;
}
.Mmsviewer-viewOverlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 19;
  text-align: center;
}
.Mmsviewer-viewOverlay-contentContainer {
  max-width: 500px;
  width: 90%;
  display: none;
  vertical-align: middle;
  text-align: left;
  background: #fff;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}
.Mmsviewer-viewOverlay-contentContainer .text {
  font-size: 13px;
}
.Mmsviewer-viewOverlay-contentContainer:first-child {
  display: inline-block;
}
.Mmsviewer-viewOverlay-contentContainer p {
  font-size: 13px;
}
.Mmsviewer-viewOverlay-content-btnClose {
  background-image: url(../images/eservices/mmsviewer/btn_close.png);
  height: 22px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 22px 22px;
  display: block;
  padding-right: 30px;
  text-align: left;
  text-indent: -9999px;
}
.Mmsviewer-viewOverlay-header {
  background-color: #b9cae8;
  padding: 20px;
  overflow: hidden;
}
.Mmsviewer-viewOverlay-header .leftcol {
  box-sizing: border-box;
  float: left;
  width: 75%;
}
.Mmsviewer-viewOverlay-header .rightcol {
  text-align: right;
  box-sizing: border-box;
  float: right;
  width: 25%;
}
.Mmsviewer-viewOverlay-content-message {
  margin: 10px 45px;
}
.Mmsviewer-viewOverlay-content-attachments {
  position: relative;
  padding: 0 10px;
}
.Mmsviewer-viewOverlay-content-attachments-previous,
.Mmsviewer-viewOverlay-content-attachments-next {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  height: 22px;
  width: 22px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px 22px;
  display: block;
  text-indent: -99999px;
}
.Mmsviewer-viewOverlay-content-attachments-previous {
  left: -27px;
  background-image: url(../images/eservices/mmsviewer/btn_previous.png);
}
.Mmsviewer-viewOverlay-content-attachments-next {
  right: -5px;
  background-image: url(../images/eservices/mmsviewer/btn_next.png);
}
.Mmsviewer-viewOverlay-content-attachments-image {
  text-align: center;
}
.Mmsviewer-viewOverlay-content-attachments-image img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 240px !important;
  margin: 0 auto;
}
.Mmsviewer-viewOverlay-content-attachments-back {
  position: absolute;
  top: 0;
  right: 30px;
  color: #7190ad;
  text-decoration: underline;
  display: block;
}
.Mmsviewer-viewOverlay-content-btnDelete {
  text-align: center;
}
.Mmsviewer-viewOverlay-content-btnDelete a {
  font-weight: bold;
  background-image: url(../images/eservices/mmsviewer/trash.png);
  height: 19px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 15px 19px;
  display: inline-block;
  padding-right: 20px;
}
a.attachment {
  color: #7190ad;
  text-decoration: underline;
}
.viewer .mviewer-top {
  display: none;
}
.Table-mmsViewer .Table-data:first-of-type,
.Table-mmsViewer .Table-header:first-of-type {
  text-align: center;
}
@media (max-width: 800px) {
  .Table-mmsViewer .Table-data:first-of-type,
  .Table-mmsViewer .Table-header:first-of-type,
  .Table-mmsViewer .Table-data--delete {
    text-align: left;
  }
}
.ddTitle,
.ddChild ul {
  background-color: #fff;
}
.ddTitle li:before,
.ddChild ul li:before {
  display: none;
}
.ddChild img {
  margin-left: 10px;
}
.dd .divider {
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #fff;
  right: 24px;
}
.ddcommon .divider {
  width: 0;
  height: 100%;
  position: absolute;
}
.dd .ddArrow {
  width: 29px;
  height: 31px;
  background: url(../../kpngb-turk-telekom/images/arrow.png) no-repeat;
}
.ddcommon .ddArrow {
  display: inline-block;
  position: absolute;
  right: -1px;
  top: -1px;
}
.dd .ddTitle .ddTitleText {
  padding: 5px 20px 5px 5px;
}
.ddcommon .ddTitle .ddTitleText {
  display: block;
}
.ddlabel {
  margin-left: 25px;
  cursor: pointer;
}
.myproducts table {
  width: 100%;
}
.myproducts .Product-usageUrl {
  float: right;
}
.myproducts .Product-modifications {
  margin-top: 15px;
  padding-top: 0;
}
@media screen and (max-width: 800px) {
  .myproducts .Product-modifications {
    margin-top: 0px !important;
  }
}
.myproducts .Buttons {
  margin-top: 15px !important;
}
.myproducts .Buttons:after,
.myproducts .Buttons:before {
  content: "";
  display: none;
}
.myproducts .Option-switch {
  text-align: center;
}
.AddRemove {
  padding: 10px;
  box-shadow: none !important;
}
.AddRemove .Modifications-total span:last-of-type {
  font-size: 15px !important;
}
.AddRemove .Balance {
  margin-top: 15px;
}
/* 	MY POSTPAID - Invoices
	----------------------
*/
table#invoices {
  background: #fff;
  border: 1px solid #b9cae8;
  width: 100%;
  table-layout: initial;
}
table#invoices tr th {
  color: #fff;
  text-align: center;
  font-weight: bold;
  width: 33.33333%;
  border: 1px solid #b9cae8;
}
table#invoices tr td {
  border: none;
  border-bottom: 1px solid #e6e6e6;
  background: #FFF;
}
table#invoices tr td#number {
  text-align: center;
}
table#invoices tr td#number a {
  padding: 0 0 0 20px;
  display: inline-block;
  position: relative;
}
table#invoices tr td#number a:before {
  background: url(../images/sprites.png) no-repeat;
  background-position: -180px -135px;
  display: inline-block;
  content: "";
  width: 12px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 2px;
}
table#invoices tr td#date {
  text-align: center;
}
table#invoices tr td#amount {
  font-weight: bold;
  text-align: center;
}
table#invoices tr td#info {
  border-bottom: 0;
}
table#invoices tr td#info p {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 13px;
  margin: 0;
  padding: 0;
}
.Notification {
  position: relative;
  background: #f2f2f2;
  padding: 20px 20px 8px 20px;
  color: #fff;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
}
.Notification-toggleVisibility {
  display: none;
}
.Notification-toggleVisibility:checked + .Notification {
  display: none !important;
}
.Notification-notNow {
  margin-left: 10px;
  cursor: pointer;
}
.Notification-notNow:hover {
  text-decoration: underline;
}
.Notification-title {
  color: #fff;
}
.Notification-image {
  width: 150px;
  height: auto;
}
.Notification-image img {
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 780px) {
  .Notification-image {
    width: 34%;
    padding-right: 20px;
    display: table-cell;
    vertical-align: top;
  }
}
.Notification-image--small {
  width: 100px;
}
@media (min-width: 780px) {
  .Notification {
    display: table;
  }
  .Notification-content {
    display: table-cell;
    vertical-align: top;
  }
}
.numericStepper-input {
  width: 40px !important;
  text-align: center;
}
.Option-name {
  position: relative;
  padding-right: 30px !important;
  vertical-align: middle !important;
  margin: 5px 0;
}
.Option-name--fixedWidth {
  width: 320px;
}
.Option-price {
  text-align: right;
  vertical-align: middle !important;
  width: 100px;
}
.Option-switch {
  position: relative;
  width: 15%;
  text-align: right;
  vertical-align: middle !important;
}
.Option-pending {
  display: block;
  font-size: 13px;
  font-style: italic;
  color: #acb4bf;
}
.Option-cart {
  position: relative;
  cursor: pointer;
  content: ' ';
  width: 30px;
  height: 30px;
  background: #009793;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  transition: 0.25s ease all;
  display: inline-block;
}
.Option-cart:before,
.Option-cart:after {
  content: ' ';
  position: absolute;
  width: 2px;
  height: 60%;
  top: 20%;
  left: 50%;
  margin-left: -1px;
  background: white;
  transition: 0.25s ease all;
  will-change: transform;
}
.Option-cart:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.Option-cart.Option-cart--remove {
  background: #dd2121;
}
.Option-cart.Option-cart--remove:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.Option-cart.Option-cart--disabled {
  cursor: not-allowed !important;
  background: #ababab !important;
}
.Option-cart.Option-cart--disabled:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.Option-cart.Option-cart--disabled:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* 	OPTIONS & SERVICES
	----------------------
*/
.fontSize20Uppercase {
  font-size: 20px !important;
  font-size: 2rem !important;
  line-height: 21px;
  line-height: 2.1rem;
  text-transform: uppercase;
}
.service {
  color: #fff;
  font-size: 22px !important;
  font-size: 2.2rem !important;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  line-height: 6rem;
  overflow: hidden;
  text-transform: uppercase;
}
.service.textimage.image_left .image {
  margin: 15px 20px 0 !important;
}
.service.textimage.image_left .title {
  margin: 0 !important;
}
.OutstandingBalance-image {
  cursor: pointer;
  margin-bottom: -17px;
  margin-left: 10px;
}
.OutstandingBalance-error {
  margin-top: 2px;
}
.OutstandingBalance-footnote {
  margin-top: 5px;
}
.Overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.75);
  z-index: 99;
  display: none;
}
.Overlay-container {
  position: absolute;
  top: 50px;
  left: 50%;
  background: white;
  width: 500px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.Overlay-btnClose {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
}
.HistoryOverlay {
  text-align: center;
}
.HistoryOverlay-table {
  margin: 0 auto 25px;
}
.HistoryOverlay-noHistory {
  text-align: center;
}
.Offer {
  position: relative;
  box-sizing: border-box;
  min-height: 345px;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
}
.Offer-price {
  display: block;
}
.Offer-priceValue {
  display: inline-block;
  position: relative;
}
.Offer-name {
  height: 100px;
  margin: 0 !important;
  display: table;
  width: 100%;
}
.Offer-name > span {
  display: table-cell;
  vertical-align: middle;
}
.Offer-info {
  min-height: 160px;
  font-size: 13px;
}
.OfferList {
  margin-left: -10px;
  margin-right: -10px;
  zoom: 1;
}
.OfferList:before {
  content: "";
  display: table;
}
.OfferList:after {
  content: "";
  display: table;
}
.OfferList:after {
  clear: both;
}
.OfferList:before {
  content: "";
  display: table;
}
.OfferList:after {
  content: "";
  display: table;
}
.OfferList:after {
  clear: both;
}
.OfferList-item {
  position: relative;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  cursor: pointer;
}
@media screen and (min-width: 800px) {
  .OfferList-item {
    transition: transform 0.15s ease-out;
  }
  .OfferList-item:hover {
    transform: translateX(10px);
  }
}
.OfferList-item--expand {
  position: absolute;
  top: 22px;
  width: 31px;
  height: 31px;
  text-indent: -99999px;
}
.OfferList-item--expand.expand {
  cursor: pointer;
}
.OfferList-item--expand.expand:after {
  transform: rotate(90deg);
}
.OfferList-item--expand:before,
.OfferList-item--expand:after {
  content: '';
  position: absolute;
  transition: 150ms all ease-out;
}
.OfferList-item--expand:before {
  top: 14px;
  left: 7px;
  right: 7px;
  height: 3px;
}
.OfferList-item--expand:after {
  top: 7px;
  left: 14px;
  bottom: 7px;
  width: 3px;
}
.OfferList-item--name {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 17px 40px;
  box-sizing: border-box;
}
.OfferList-item--name > span {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .OfferList-item--name > span {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .OfferList-item--name {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 800px) {
  .OfferList-item--name {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media screen and (min-width: 1100px) {
  .OfferList-item--name {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
.OfferList-item--price {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
}
@media screen and (max-width: 480px) {
  .OfferList-item--price {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 800px) {
  .OfferList-item--price {
    flex: 0 0 20%;
    max-width: 20%;
    text-align: left;
  }
}
@media screen and (min-width: 1100px) {
  .OfferList-item--price {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.OfferList-item--priceValue {
  display: inline-block;
  position: relative;
}
.OfferList-item--info {
  min-height: 0;
  max-height: 0;
  visibility: hidden;
  font-size: 13px;
  flex: 0 0 100%;
  opacity: 0;
  padding: 10px;
  transition: all 0.25s ease-out;
}
@media screen and (min-width: 800px) {
  .OfferList-item--info {
    padding: 0 10px;
  }
}
.OfferList-item--info.visible {
  max-height: 500px;
  opacity: 1;
  visibility: visible;
}
.OfferList-item--order {
  flex: 1 1 100%;
  margin-top: 10px;
  order: 1;
}
@media screen and (min-width: 800px) {
  .OfferList-item--order {
    flex: 0 0 20%;
    max-width: 20%;
    order: 0;
  }
}
.PaymentIcon {
  width: 40px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
}
.pager {
  padding: 13px 75px;
}
.pager .first {
  left: 8px;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.pager .prev {
  left: 39px;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.pager .next {
  background: url(../images/sprites.png) no-repeat;
  background-position: 0px -180px;
  display: inline-block;
  content: "";
  width: 8px;
  height: 7px;
  right: 39px;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.pager .last {
  background: url(../images/sprites.png) no-repeat;
  background-position: 0px -180px;
  display: inline-block;
  content: "";
  width: 8px;
  height: 7px;
  right: 8px;
  width: 21px;
  height: 21px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.pager .numbers {
  margin: 0;
  text-align: center;
}
.pager .numbers li {
  display: inline-block;
  padding: 0;
  margin: 0;
  text-indent: 0;
}
.pager .numbers li:before {
  display: none!important;
}
.pager .numbers li + li {
  margin-left: 3px;
}
.Pager-first,
.Pager-previous,
.Pager-next,
.Pager-last {
  position: absolute;
  top: 50%;
  margin-top: -11px;
}
.PasswordToggle {
  position: absolute;
  top: 20px;
  right: 10px;
  transform: translateY(-50%);
}
.Passwordtoggle-label {
  position: absolute;
  top: 50%;
  right: 5px;
  background: #acb4bf;
  color: #111;
  display: block;
  line-height: 20px;
  height: 20px;
  margin-top: -10px;
  width: 60px;
  text-align: center;
  text-transform: lowercase;
  border-radius: 3px;
  opacity: 0.75;
  font-size: 13px !important;
  -ms-user-select: none;
  user-select: none;
}
.Passwordtoggle-label:hover {
  background: #f2f2f2;
}
.Passwordtoggle-value:checked + .Passwordtoggle-label {
  background: #f2f2f2;
}
.Passwordtoggle-value {
  display: none;
}
/*  PAY BY DIRECT DEBIT
    -------------------
*/
.paybydirectdebit {
  -moz-box-sizing: border-box;
  font-size: 1.4rem;
  margin: 20px;
}
body.js-customerZone--open .personalbar {
  right: 0%;
  transition: right 0.3s ease-in;
}
div#personalbar {
  /* logged in */
  /* ads */
}
div#personalbar .Form-text {
  border-color: transparent !important;
}
div#personalbar .personalbar {
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  right: -100%;
  transition: right 0.3s ease-in;
  -webkit-overflow-scrolling: touch;
}
div#personalbar .iparsys {
  display: block;
}
div#personalbar .pb-title {
  display: block;
}
div#personalbar .stylingplaceholder {
  margin: 0;
}
div#personalbar form {
  margin: 0 20px;
}
div#personalbar p.counter {
  font-weight: bold;
  color: #333;
  left: 30px;
  position: absolute;
  top: 10px;
  z-index: 3;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 8px;
  font-size: 9px;
  font-size: 0.9rem;
}
div#personalbar p#intro {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 20px 0 20px 20px;
  margin-bottom: 0;
}
div#personalbar .customerZone__container {
  height: calc(100% - 50px);
  width: 320px;
}
div#personalbar .personalbar__header {
  height: 50px;
  padding-top: 15px;
  padding-right: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
div#personalbar .personalbar__header .PersonalBar-close {
  text-decoration: none;
  line-height: 22px;
  font-weight: bold;
  font-size: 16px;
  float: right;
  text-transform: uppercase;
}
div#personalbar div#user {
  padding: 20px 20px 0 20px;
}
div#personalbar div#user .userContainer .linkto {
  clear: both;
  word-wrap: break-word;
}
div#personalbar div#user .userCredit {
  padding-top: 15px;
}
div#personalbar div#user .userCredit span {
  display: block;
}
div#personalbar div#user .userCredit span:after {
  content: '\A';
  white-space: pre;
}
div#personalbar div#user .userCredit .value {
  text-align: left !important;
  display: inline-block;
}
div#personalbar div#user:before {
  position: absolute;
  left: 14px;
  top: 17px;
}
div#personalbar div#user .linkto {
  font-size: 16px;
  font-size: 1.6rem;
}
div#personalbar div#user .linkto b {
  display: inline-block;
  margin-top: 5px;
}
div#personalbar div#user .myNumbers {
  margin: 0 0 15px 0;
  font-size: 14px;
  font-size: 1.4rem;
}
div#personalbar div#user .myNumbers strong {
  display: inline-block;
  margin: 5px 0 5px 0;
}
div#personalbar div#topup .topup__brand {
  margin-right: 45px;
}
div#personalbar ul.linkto {
  display: none;
  margin: 0 0 0 20px;
}
div#personalbar ul.linkto li {
  list-style: none;
}
div#personalbar ul.linkto li a {
  display: block;
  height: 3em;
  line-height: 3em;
  position: relative;
}
div#personalbar ul.linkto li a:after {
  position: absolute;
  right: 12px;
  top: 14px;
}
div#personalbar form#login label {
  display: none;
}
div#personalbar a.linkto,
div#personalbar span.linkto {
  display: block;
  padding: 15px 0 20px 0;
  text-decoration: none;
}
div#personalbar a.linkto:after,
div#personalbar span.linkto:after {
  position: absolute;
  right: 12px;
  top: 14px;
}
div#personalbar a.linkto span,
div#personalbar span.linkto span {
  font-weight: bold;
  text-decoration: underline;
  float: right;
}
div#personalbar form {
  overflow: hidden;
}
div#personalbar form input[type="submit"]:hover:enabled {
  color: #fff!important;
}
div#personalbar form .btn {
  font-size: 16px;
  font-size: 1.6rem;
  height: 50px;
  padding: 0 0 0 20px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  padding-right: 45px;
  position: relative;
  border: none!important;
  font-weight: bold;
}
div#personalbar form .btn:after {
  position: absolute;
  right: 11px;
  top: 15px;
}
div#personalbar #personalContainer #links a {
  font-size: 12px;
  font-size: 1.2rem;
}
div#personalbar p#links {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 20px;
  margin: 20px 0 15px 20px;
}
div#personalbar div#shoppingcart a#subitems {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  height: 49px;
  line-height: 49px;
  padding: 0 0 0 53px;
  text-decoration: none;
}
div#personalbar div#shoppingcart ul#linkto {
  display: none;
  margin: 0 0 0 53px;
}
div#personalbar div#shoppingcart ul#linkto li a {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  height: 53px;
  line-height: 53px;
  text-decoration: none;
}
div#personalbar #ads {
  margin: 40px 20px 0 20px;
}
div#personalbar #ads h3 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 15px 0;
  font-weight: normal;
}
div#personalbar #ads div#ad1,
div#personalbar #ads div#ad2,
div#personalbar #ads div#ad3,
div#personalbar #ads img {
  margin: 10px 0 0;
}
/* No-touch styles */
.no-touch .PersonalBar-close:hover {
  text-decoration: underline;
}
.no-touch div#personalbar .js-TogglePersonalBar:hover {
  text-decoration: underline;
}
.mobile ul.linkto {
  border: none;
  margin-left: 20px;
}
.PersonalBar {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 8000;
  height: 100%;
  overflow: hidden;
  width: 0;
}
.personalbar__header {
  width: 320px;
}
.Personalbar-closeIcon {
  margin-top: -3px;
  margin-left: 5px;
}
.PersonalBar-link {
  position: relative;
  display: block;
  padding: 15px 40px 15px 20px !important;
  height: auto !important;
  line-height: 1.25 !important;
}
.PersonalBar-link > .Icon {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -12px;
  transition: 0.25s ease transform;
}
.PersonalBar-link.open > .Icon {
  transform: rotate(-180deg);
}
.spinner {
  margin: 5px auto 0;
  width: 70px;
  text-align: center;
}
.spinner > div {
  width: 10px;
  height: 10px;
  background-color: #ff0000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: circledelay 1.4s infinite ease-in-out;
  animation: circledelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinner .circle1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .circle2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes circledelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes circledelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.PremiumServices-ThirdPartyServices {
  margin: 0 auto;
}
.PremiumServices-blockErrorGroup {
  margin: 10px 0 20px 0;
}
.PremiumServices-searchForm {
  padding: 15px 15px 13px 15px;
  zoom: 1;
}
.PremiumServices-searchForm:before {
  content: "";
  display: table;
}
.PremiumServices-searchForm:after {
  content: "";
  display: table;
}
.PremiumServices-searchForm:after {
  clear: both;
}
.PremiumServices-searchForm:before {
  content: "";
  display: table;
}
.PremiumServices-searchForm:after {
  content: "";
  display: table;
}
.PremiumServices-searchForm:after {
  clear: both;
}
.PremiumServices-searchFormDates {
  float: left;
  margin-top: -1px;
  margin-left: 105px;
  display: inline;
}
.PremiumServices-serviceNoResult {
  margin: 20px;
}
.PremiumServices-service {
  margin: 10px;
  font-size: 14px!important;
  font-size: 1.4rem!important;
  line-height: 14px!important;
  height: inherit;
  text-transform: none;
}
.PremiumServices-serviceHeader {
  padding: 5px;
  font-weight: bold;
}
.PremiumServices-serviceInfo {
  width: 100%;
  font-weight: normal;
}
.PremiumServices-serviceAttribute {
  font-weight: bold;
  vertical-align: top;
  width: 110px;
  padding: 5px;
}
@media screen and (min-width: 721px) {
  .PremiumServices-serviceAttribute {
    width: 200px;
  }
}
.PremiumServices-serviceValue {
  vertical-align: top;
  word-break: break-all;
  overflow-wrap: break-word;
  padding: 2px;
}
.PremiumServices-dateInput + .ui-datepicker-trigger {
  margin: 0 0 0 9px;
}
.price {
  margin: 0;
}
.price .oldprice {
  position: absolute;
  text-decoration: line-through;
  font-weight: bold;
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  line-height: 2rem;
}
.price .price {
  margin: 0 !important;
  font-weight: bold;
  text-align: center;
  font-size: 50px;
  font-size: 5rem;
  line-height: 50px;
  line-height: 5rem;
}
.newprice {
  line-height: 55px;
}
/* 	PRODUCT PAGE
	------------
*/
.btnArrYellowS,
table.producttable-vertical .ctalinkblock.yellowbackground a,
table.producttable-horizontal .ctalinkblock.yellowbackground a {
  position: relative;
  display: inline-block;
  margin-left: 11px;
  min-height: 27px;
  padding-top: 4px;
  margin-right: 27px;
  padding-right: 9px;
  text-decoration: none !important;
  box-sizing: border-box;
}
.btnArrYellowS:before,
table.producttable-vertical .ctalinkblock.yellowbackground a:before,
table.producttable-horizontal .ctalinkblock.yellowbackground a:before {
  position: absolute;
  left: -11px;
  top: 0;
  width: 11px !important;
  height: 27px !important;
  content: "";
}
.btnArrYellowS:after,
table.producttable-vertical .ctalinkblock.yellowbackground a:after,
table.producttable-horizontal .ctalinkblock.yellowbackground a:after {
  position: absolute;
  right: -27px;
  top: 0;
  width: 27px !important;
  height: 27px !important;
  content: "";
}
* + .btnArrYellowS {
  margin-top: 4px;
}
.btnArrBlueS,
table.producttable-vertical .ctalinkblock.bluebackground a,
table.producttable-horizontal .ctalinkblock.bluebackground a {
  position: relative;
  display: inline-block;
  margin-left: 11px;
  min-height: 27px;
  padding-top: 4px;
  margin-right: 27px;
  padding-right: 9px;
  font-weight: bold;
  text-decoration: none !important;
  box-sizing: border-box;
}
.btnArrBlueS:before,
table.producttable-vertical .ctalinkblock.bluebackground a:before,
table.producttable-horizontal .ctalinkblock.bluebackground a:before {
  position: absolute;
  left: -11px;
  top: 0;
  width: 11px !important;
  height: 27px !important;
  content: "";
}
.btnArrBlueS:after,
table.producttable-vertical .ctalinkblock.bluebackground a:after,
table.producttable-horizontal .ctalinkblock.bluebackground a:after {
  position: absolute;
  right: -27px;
  top: 0;
  width: 27px !important;
  height: 27px !important;
  content: "";
}
* + .btnArrBlueS {
  margin-top: 4px;
}
.ProductSlider-label--hidden {
  display: none!important;
}
table.producttable-vertical,
table.producttable-horizontal {
  table-layout: auto !important;
}
table.producttable-vertical tr td,
table.producttable-horizontal tr td {
  text-align: center;
  vertical-align: middle;
  padding-top: 18px;
  padding-bottom: 18px;
}
table.producttable-vertical tr th,
table.producttable-horizontal tr th {
  text-align: center;
  vertical-align: middle;
  padding-top: 18px;
  padding-bottom: 17px;
}
table.producttable-vertical tr td.textLeft,
table.producttable-horizontal tr td.textLeft {
  text-align: left;
}
table.producttable-vertical .ico,
table.producttable-horizontal .ico {
  padding-left: 6px;
  padding-right: 6px;
}
table.producttable-vertical .productTarif,
table.producttable-horizontal .productTarif {
  padding-top: 12px;
  padding-bottom: 9px;
}
table.producttable-vertical .productName,
table.producttable-horizontal .productName {
  width: 105px;
}
table.producttable-vertical .call,
table.producttable-horizontal .call {
  text-align: left !important;
}
table.producttable-vertical p,
table.producttable-horizontal p,
table.producttable-vertical .text,
table.producttable-horizontal .text {
  margin: 0;
}
table.producttable-horizontal tr td {
  padding-top: 12px;
  padding-bottom: 12px;
}
table.producttable-horizontal .ico {
  padding-top: 7px;
  padding-bottom: 5px;
}
table.producttable-horizontal .call {
  text-align: center !important;
  width: 145px;
}
table.producttable-horizontal .productName {
  text-align: left;
  padding-right: 50px;
}
.Quicktopic-link {
  display: block;
}
.SearchBox-input {
  width: 100%;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  padding: 11px !important;
  border: none !important;
  -webkit-appearance: none;
}
.SearchBox-input:focus {
  border: none !important;
}
.SearchBox-input::-ms-clear {
  display: none;
}
.SearchBox-button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  padding: 0;
  border: none;
  border-left: none;
  margin-top: 0;
  border-radius: 0 !important;
}
.SearchBox-button:after {
  position: absolute;
  left: 9px;
  top: 9px;
}
.SearchResults-facets {
  text-align: center;
}
.SearchResults-facet {
  display: inline-block;
  color: black;
  border: 1.5px solid black;
  text-decoration: none;
  margin: 0 5px 15px;
  line-height: 12px;
  padding: 1px 5px;
  font-size: 12px;
}
@media screen and (min-width: 800px) {
  .SearchResults-facet {
    padding: 8px 15px;
    margin: 0 5px 5px;
    font-size: inherit;
  }
}
.SearchResults-facet--active {
  color: white;
  background: black;
}
.SearchResults-results {
  margin: 40px 0;
}
.SearchResults-result {
  background: white;
  padding: 15px;
  margin-bottom: 15px;
  box-sizing: border-box;
  text-align: left;
}
.SearchResults-result h3 {
  font-size: 16px;
}
.SearchResults-result h3 a {
  text-decoration: none;
}
.SearchResults-result h3 a:hover {
  text-decoration: underline;
}
.SearchResults-result h3:last-child {
  margin-bottom: 0;
  font-size: 18px;
}
.SearchResults-result p:last-child {
  margin-bottom: 0;
}
.Section {
  padding: 40px 0 28px;
}
.SelfcareMessageBox {
  position: relative;
  padding: 0px 20px;
  margin-bottom: 25px;
  min-height: 27px;
  margin-left: 2%;
  text-align: right;
  float: right;
}
.SelfcareMessageBox:first-of-type {
  margin-left: 40px;
}
.SelfcareMessageBox-button {
  display: inline-block;
}
@media screen and (max-width: 480px) {
  .SelfcareMessageBox-button {
    display: block;
    text-align: center;
  }
}
.SelfcareMessageBox-text {
  padding: 15px 15px 15px 0;
  margin: 0;
  display: inline-block;
}
.SelfcareMessageBox--noButton .SelfcareMessageBox-text {
  padding-right: 15px;
}
.Selfcare-navigation {
  width: 100%;
  height: 40px;
  margin-bottom: 25px;
}
.Selfcare-navigation ul li {
  display: block;
  float: left;
}
@media screen and (max-width: 800px) {
  .Selfcare-navigation ul li {
    width: 100%;
    border-bottom: 2px solid rgba(50, 50, 50, 0.05);
  }
}
.Selfcare-navigation ul li + li {
  margin-top: 0;
}
.Selfcare-navigation ul li a {
  display: inline-block;
  padding: 12px 13px 11px 13px;
  box-sizing: border-box;
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 800px) {
  .Selfcare-navigation ul li a {
    width: 100%;
  }
}
table.selfcare-table {
  width: 100%;
}
table.selfcare-table .link {
  color: #86a0d3;
  text-decoration: none;
}
table.selfcare-table tr th {
  color: #fff;
  text-align: left;
  font-weight: bold;
  width: auto;
  border: none;
}
table.selfcare-table tr.selected td {
  background: green !important;
  font-weight: bold;
  color: #222;
}
table.selfcare-table tr.selected td a {
  color: #fff;
}
table.selfcare-table tr td#pdf a {
  padding: 0 0 0 20px;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: dodgerblue;
}
table.selfcare-table tr td#pdf a:hover {
  text-decoration: underline;
}
table.selfcare-table tr td#pdf a:before {
  background: url(../images/sprites.png) no-repeat;
  background-position: -180px -135px;
  display: inline-block;
  content: "";
  width: 12px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 2px;
}
table.selfcare-table tr td#amount {
  font-weight: bold;
  text-align: right;
}
table.selfcare-table tr td#info {
  border-bottom: 0;
}
table.selfcare-table tr td#info p {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 13px;
  margin: 0;
  padding: 0;
}
table.selfcare-table .RowInfoSubscription,
table.selfcare-table .RowInfoPurchase {
  position: relative;
}
table.selfcare-table .RowInfoSubscription .Table-data,
table.selfcare-table .RowInfoPurchase .Table-data {
  padding: 0px !important;
}
table.selfcare-table .RowInfoSubscription .Message,
table.selfcare-table .RowInfoPurchase .Message {
  margin: 0;
  padding: 15px;
}
table.selfcare-table .RowInfoSubscription .spinner,
table.selfcare-table .RowInfoPurchase .spinner {
  margin: auto;
}
table.selfcare-table .RowInfoSubscription .Wrapper_InfoSubscription,
table.selfcare-table .RowInfoPurchase .Wrapper_InfoSubscription,
table.selfcare-table .RowInfoSubscription .Wrapper_InfoPurchase,
table.selfcare-table .RowInfoPurchase .Wrapper_InfoPurchase {
  padding: 15px;
}
table.selfcare-table .RowInfoSubscription .Wrapper_InfoSubscription p:last-child,
table.selfcare-table .RowInfoPurchase .Wrapper_InfoSubscription p:last-child,
table.selfcare-table .RowInfoSubscription .Wrapper_InfoPurchase p:last-child,
table.selfcare-table .RowInfoPurchase .Wrapper_InfoPurchase p:last-child {
  margin-bottom: 0;
}
table.selfcare-table .RowInfoSubscription .wrapper_loader,
table.selfcare-table .RowInfoPurchase .wrapper_loader {
  min-height: 40px;
  background: #EDEDED;
}
.SimChange-steps {
  padding: 20px 0;
}
.SimChange-price {
  margin: 10px 0 20px;
}
.SimChange-price--icon {
  margin-right: 10px;
}
.SimChange-price--icon .Icon {
  transform: rotate(29deg);
}
.SimChange-price--amount {
  margin-top: 10px;
}
.SimChange-price--amount .amount {
  font-size: 5rem;
}
.socialButton {
  background: #eee;
  background: linear-gradient(top, #ffffff, #dedede);
  border: 1px solid #eee;
  color: #fff;
  display: inline-block;
  padding: 0 5px 0 4px;
  border-radius: 3px;
  color: #fff !important;
  line-height: 18px;
  font-size: 11px;
  font-family: helvetica, arial, sans-serif;
  text-decoration: none;
  vertical-align: top;
  margin-right: 5px;
}
.socialButton .Icon {
  width: 14px;
  height: 14px;
  color: #fff !important;
  margin-right: 2px;
}
.socialButton--facebook {
  text-shadow: 0 -1px 0 #354c8c;
  background: linear-gradient(#4c69ba, #3b55a0);
  border: 1px solid #3b55a0;
}
.socialButton--facebook:hover {
  background: linear-gradient(#4c69ba, #5a75c3);
}
.socialButton--twitter {
  color: #333 !important;
  border: 1px solid #ccc;
}
.socialButton--twitter .Icon {
  color: #55ACEE !important;
}
.spacer {
  width: 100%;
  display: block;
}
.spacer.m10 {
  height: 10px;
}
.spacer.m20 {
  height: 20px;
}
.spacer.m40 {
  height: 40px;
}
.spacer.m60 {
  height: 60px;
}
.Steps {
  display: flex;
  text-align: center;
}
.Step {
  position: relative;
  display: inline-block;
  opacity: 1;
  padding-bottom: 28px;
  flex: 1;
}
@media (max-width: 599px) {
  .Step {
    line-height: 0px;
    text-indent: -9999px;
    counter-increment: step;
  }
}
.Step:before {
  /* circle */
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background: black;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border: 2px solid black;
  z-index: 1;
  color: white;
  content: ' ';
}
@media (max-width: 599px) {
  .Step:before {
    content: counter(step);
    text-indent: 0;
  }
}
.Step:after {
  /* line */
  content: ' ';
  position: absolute;
  background: black;
  width: calc(100% - 24px);
  height: 2px;
  bottom: 11px;
  right: calc(50% + 10px);
  z-index: 0;
}
.Step:first-child:after {
  /* line */
  display: none;
}
.Step--active ~ .Step {
  opacity: 0.25;
}
.Step--active ~ .Step:before {
  background: transparent !important;
  color: black;
}
/* 	STORE LOCATOR COMPONENT
	-----------------------
*/
.Storelocator .Message {
  margin-top: 0;
  margin-bottom: 20px;
}
.Storelocator-map {
  position: relative;
}
.Storelocator-mapOverlay {
  z-index: 1;
  position: absolute;
  top: 20px;
  max-width: 500px;
  left: 0px;
  right: 0px;
}
@media screen and (min-width: 1280px) {
  .Storelocator-mapOverlay {
    left: calc(50% - 640px);
  }
}
.Storelocator-search {
  display: flex;
  background: white;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
}
.Storelocator-email {
  display: block;
  margin-right: 10px;
}
@media screen and (min-width: 700px) {
  .Storelocator-email {
    display: inline;
  }
}
.Storelocator-email a {
  text-decoration: none;
}
.Storelocator-email a:hover {
  text-decoration: underline;
}
.Storelocator-phone {
  display: block;
}
@media screen and (min-width: 700px) {
  .Storelocator-phone {
    display: inline;
  }
}
input[type="text"].Storelocator-location {
  border: none;
  background: white;
  margin: 0;
  flex: 1;
  padding: 10px 0 10px 10px;
}
button.Storelocator-target {
  background: white;
  color: black;
  margin: 0;
  padding: 0;
  border: none;
  width: 40px;
}
button.Storelocator-btnSubmit {
  background: black;
  color: white;
  margin: 0;
  padding: 0;
  border: none;
  width: 40px;
}
.Storelocator-dialog {
  background: white;
  margin-top: 10px;
  padding: 15px 15px 0 15px;
  box-sizing: border-box;
  font-size: 12px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
  max-height: 320px;
  overflow: hidden;
}
.Storelocator-dialog p {
  margin-bottom: 15px;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.Storelocator-dialogIndent {
  margin-left: 20px;
}
.Storelocator-back {
  position: relative;
  font-weight: bold;
  cursor: pointer;
}
.Storelocator-back > .Icon {
  position: absolute;
  left: -24px;
  top: 3px;
  transition: left 0.25s ease-out;
  will-change: left;
  width: 14px;
  height: 14px;
}
.Storelocator-back:hover > .Icon {
  left: -20px;
}
.Storelocator-shopName {
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  padding-right: 50px;
  position: relative;
}
.Storelocator-marker {
  position: relative;
}
.Storelocator-marker:before {
  position: absolute;
  display: block;
  left: -25px;
  top: -2px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  border: 2px solid #009793;
  background: #009793;
  color: white;
  text-align: center;
  border-radius: 50%;
  content: attr(data-marker-label);
  font-size: 11px;
  font-weight: bold;
  font-family: 'AkagiProBook', Arial, sans-serif;
  box-sizing: border-box;
}
.Storelocator-marker--ALLO:before {
  background: red;
  color: #ffffff;
  border-color: red;
}
.Storelocator-marker--ATM:before {
  background: white;
  color: #000000;
  border-color: #b9cae8;
}
.Storelocator-marker--DEALER:before {
  background: white;
  color: #009793;
}
.Storelocator-shopDistance {
  position: absolute;
  top: 0;
  right: 0;
  color: black;
}
.Storelocator-day {
  display: inline-block;
  width: 30%;
  font-weight: bold;
}
.Storelocator-results {
  padding-top: 30px;
  padding-bottom: 15px;
}
.Storelocator-resultsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -10px;
}
.Storelocator-resultItem {
  padding: 0 10px !important;
  position: relative;
  text-indent: 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 13px;
}
@media screen and (min-width: 800px) {
  .Storelocator-resultItem {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .Storelocator-resultItem {
    width: 33.32%;
  }
}
.Storelocator-resultItemLink {
  zoom: 1;
  padding: 10px 0 10px 30px;
  border-top: 1px solid #e6e6e6;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.Storelocator-resultItemLink:before {
  content: "";
  display: table;
}
.Storelocator-resultItemLink:after {
  content: "";
  display: table;
}
.Storelocator-resultItemLink:after {
  clear: both;
}
.Storelocator-resultItemLink:before {
  content: "";
  display: table;
}
.Storelocator-resultItemLink:after {
  content: "";
  display: table;
}
.Storelocator-resultItemLink:after {
  clear: both;
}
.Storelocator-resultItemLink:hover {
  text-decoration: none;
}
/*
	Sprite
	-------------------------------------------------------------------------
*/
#map-canvas {
  background: #fff;
  box-sizing: border-box;
  height: 410px;
  width: 100%;
}
#map-canvas img {
  max-width: none !important;
}
#checkboxes1,
#checkboxes2 {
  float: left;
  line-height: 1.7;
  overflow: hidden;
  width: 435px;
}
.mobile #checkboxes1,
.mobile #checkboxes2 {
  width: 100%;
}
#form {
  clear: both;
}
.Storelocator-btnSubmit {
  margin-top: 0;
}
.Storelocator-filters {
  margin-bottom: 40px;
}
/* 	STYLING CONENTBLOCK
	-------------------
	Remark: themes stylesheets contains colors;
*/
.stylingplaceholder {
  margin: 0 0 20px 0;
  position: relative;
  zoom: 1;
}
.stylingplaceholder:before {
  content: "";
  display: table;
}
.stylingplaceholder:after {
  content: "";
  display: table;
}
.stylingplaceholder:after {
  clear: both;
}
.stylingplaceholder:before {
  content: "";
  display: table;
}
.stylingplaceholder:after {
  content: "";
  display: table;
}
.stylingplaceholder:after {
  clear: both;
}
.stylingplaceholder.block-style-01 .block-header {
  padding: 13px;
}
.stylingplaceholder.block-style-05 {
  overflow: hidden;
}
.stylingplaceholder.block-style-06 {
  overflow: hidden;
}
.stylingplaceholder.block-style-07 {
  overflow: hidden;
}
.stylingplaceholder.important-block {
  overflow: hidden;
}
.stylingplaceholder.background-white {
  background: #ffffff;
}
.stylingplaceholder.background-gradient {
  background: #ffffff;
  /*-pie-background: linear-gradient(@top-hex, @bottom-hex);			*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= #d3d3d3 , endColorstr= #ffffff ,GradientType=0 );
  background: -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d3d3d3 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d3d3d3 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d3d3d3 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(top, #d3d3d3 0%, #ffffff 100%);
  /* W3C */
}
.stylingplaceholder.background-bu-gradient {
  background: #e5f2f2;
  /*-pie-background: linear-gradient(@top-hex, @bottom-hex);			*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= #263333 , endColorstr= #b2d9d9 ,GradientType=0 );
  background: -moz-linear-gradient(top, #263333 0%, #b3d9d9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #263333), color-stop(100%, #b3d9d9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #263333 0%, #b3d9d9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #263333 0%, #b3d9d9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #263333 0%, #b3d9d9 100%);
  /* IE10+ */
  background: linear-gradient(top, #263333 0%, #b3d9d9 100%);
  /* W3C */
}
.stylingplaceholder.background-bu-blue {
  background: #b9cae8;
}
.stylingplaceholder.background-bu-grey {
  background: #7b8f9a;
}
.stylingplaceholder.background-bu-blue-light {
  background: #e5eaed;
}
.stylingplaceholder.background-bu-grey-light {
  background: #bfc9cf;
}
.stylingplaceholder.background-bu-promo {
  background: #ffd500;
}
.stylingplaceholder.background-company-blue {
  background: #0075b0;
}
.stylingplaceholder.border-white {
  border: 1px solid #ffffff;
}
.stylingplaceholder.border-bu-blue {
  border: 1px solid #b9cae8;
}
.stylingplaceholder.border-bu-grey {
  border: 1px solid #7b8f9a;
}
.stylingplaceholder.border-bu-blue-light {
  border: 1px solid #e5eaed;
}
.stylingplaceholder.border-bu-grey-light {
  border: 1px solid #bfc9cf;
}
.stylingplaceholder.border-bu-promo {
  border: 1px solid #ffd500;
}
.stylingplaceholder .color-white {
  color: #ffffff !important;
}
.stylingplaceholder .color-bu-blue {
  color: #b9cae8 !important;
}
.stylingplaceholder .color-bu-grey {
  color: #7b8f9a !important;
}
.stylingplaceholder .color-bu-blue-light {
  color: #e5eaed !important;
}
.stylingplaceholder .color-bu-grey-light {
  color: #bfc9cf !important;
}
.stylingplaceholder .color-bu-promo {
  color: #ffd500 !important;
}
.stylingplaceholder .styling-c0 {
  position: relative;
  float: left;
  width: calc(50% - 10px);
  height: 100%;
  margin-right: 10px;
}
.stylingplaceholder .styling-c0 .styling-c-content {
  padding-right: 10px;
}
.stylingplaceholder .styling-c1 {
  position: relative;
  float: left;
  width: calc(50% - 10px);
  height: 100%;
  margin-left: 10px;
}
.stylingplaceholder .styling-c1 .styling-c-content {
  padding-left: 10px;
}
.stylingplaceholder .styling-c0.styling-breakOnMobile,
.stylingplaceholder .styling-c1.styling-breakOnMobile {
  float: none;
  width: auto;
}
.stylingplaceholder.styleborder {
  /* Fix for column layout */
  /* layout 0 : 1/3 1/3 1/3 */
  /* layout 1 : 2/3 1/3 */
  /* layout 2 : 1/3 2/3 */
  /* layout 3 : 1/3 1/4 1/4 1/4  */
  /* layout 4 : 1/4 1/4 1/4 1/3  */
  /* layout 5 : 1/4 1/4 1/4 1/4  */
  /* layout 6 : 50% 50% */
}
.stylingplaceholder.styleborder div.cq-colctrl-lt0-c1 {
  margin-left: 19px;
}
.stylingplaceholder.styleborder div.cq-colctrl-lt0-c2 {
  margin-left: 19px;
}
.stylingplaceholder.styleborder div.cq-colctrl-lt1-c1 {
  margin-left: 18px;
}
.stylingplaceholder.styleborder div.cq-colctrl-lt2-c1 {
  margin-left: 18px;
}
.stylingplaceholder.styleborder div.cq-colctrl-lt3-c2 {
  margin-left: 14px;
}
.stylingplaceholder.styleborder div.cq-colctrl-lt3-c3 {
  margin-left: 14px;
}
.stylingplaceholder.styleborder div.cq-colctrl-lt4-c1 {
  margin-left: 14px;
}
.stylingplaceholder.styleborder div.cq-colctrl-lt4-c2 {
  margin-left: 14px;
}
.stylingplaceholder.styleborder div.cq-colctrl-lt5-c1 {
  margin-left: 19px;
}
.stylingplaceholder.styleborder div.cq-colctrl-lt5-c3 {
  margin-left: 19px;
}
.stylingplaceholder.styleborder div.cq-colctrl-lt6-c1 {
  margin-left: 18px;
}
.Stylebox {
  overflow: hidden;
}
.Stylebox-content.Stylebox-content--paddingTopNone {
  padding-top: 0 !important;
}
.Stylebox-content.Stylebox-content--paddingTopSmall {
  padding-top: 10px !important;
}
.Stylebox-content.Stylebox-content--paddingTopMedium {
  padding-top: 15px !important;
}
.Stylebox-content.Stylebox-content--paddingTopLarge {
  padding-top: 20px !important;
}
.Stylebox-content.Stylebox-content--paddingLeftNone {
  padding-left: 0 !important;
}
.Stylebox-content.Stylebox-content--paddingLeftNone .Cta--bottom {
  margin-left: 0;
}
.Stylebox-content.Stylebox-content--paddingLeftSmall {
  padding-left: 10px !important;
}
.Stylebox-content.Stylebox-content--paddingLeftSmall .Cta--bottom {
  margin-left: 10px;
}
.Stylebox-content.Stylebox-content--paddingLeftMedium {
  padding-left: 15px !important;
}
.Stylebox-content.Stylebox-content--paddingLeftMedium .Cta--bottom {
  margin-left: 15px;
}
.Stylebox-content.Stylebox-content--paddingLeftLarge {
  padding-left: 20px !important;
}
.Stylebox-content.Stylebox-content--paddingLeftLarge .Cta--bottom {
  margin-left: 20px;
}
.Stylebox-content.Stylebox-content--paddingRightNone {
  padding-right: 0 !important;
}
.Stylebox-content.Stylebox-content--paddingRightNone .Cta--bottom {
  margin-right: 0;
}
.Stylebox-content.Stylebox-content--paddingRightSmall {
  padding-right: 10px !important;
}
.Stylebox-content.Stylebox-content--paddingRightSmall .Cta--bottom {
  margin-right: 10px;
}
.Stylebox-content.Stylebox-content--paddingRightMedium {
  padding-right: 15px !important;
}
.Stylebox-content.Stylebox-content--paddingRightMedium .Cta--bottom {
  margin-right: 15px;
}
.Stylebox-content.Stylebox-content--paddingRightLarge {
  padding-right: 20px !important;
}
.Stylebox-content.Stylebox-content--paddingRightLarge .Cta--bottom {
  margin-right: 20px;
}
.Stylebox-content.Stylebox-content--paddingBottomNone {
  padding-bottom: 0 !important;
}
.Stylebox-content.Stylebox-content--paddingBottomNone .Cta--bottom {
  margin-bottom: 0;
}
.Stylebox-content.Stylebox-content--paddingBottomExtraSmall {
  padding-bottom: 8px !important;
}
.Stylebox-content.Stylebox-content--paddingBottomExtraSmall .Cta--bottom {
  margin-bottom: 10px;
}
.Stylebox-content.Stylebox-content--paddingBottomSmall {
  padding-bottom: 10px !important;
}
.Stylebox-content.Stylebox-content--paddingBottomSmall .Cta--bottom {
  margin-bottom: 10px;
}
.Stylebox-content.Stylebox-content--paddingBottomMedium {
  padding-bottom: 15px !important;
}
.Stylebox-content.Stylebox-content--paddingBottomMedium .Cta--bottom {
  margin-bottom: 15px;
}
.Stylebox-content.Stylebox-content--paddingBottomLarge {
  padding-bottom: 20px !important;
}
.Stylebox-content.Stylebox-content--paddingBottomLarge .Cta--bottom {
  margin-bottom: 20px;
}
a.clickable {
  text-decoration: none !important;
}
.Stylebox-ribbon {
  position: absolute;
  top: 18px;
  right: -122px;
  text-transform: uppercase;
  text-align: center;
  width: 300px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center;
  height: 24px;
  line-height: 24px;
}
.SubscriptionSelector:before {
  display: table;
  content: '';
  clear: both;
}
.SubscriptionSelector .master .Subscriptions-master--name {
  max-width: 320px;
}
.SubscriptionSelector .stylingplaceholder {
  clear: both;
}
@media screen and (min-width: 1100px) {
  .SubscriptionSelector-migrateButton {
    margin-bottom: 7px !important;
  }
}
.SubscriptionSelector--migrationPending {
  margin-left: 15px;
}
.Subscriptions-header {
  position: relative;
  padding: 10px 10px 0 70px;
  line-height: 1.5;
  min-height: 40px;
  zoom: 1;
}
.Subscriptions-header:before {
  content: "";
  display: table;
}
.Subscriptions-header:after {
  content: "";
  display: table;
}
.Subscriptions-header:after {
  clear: both;
}
.Subscriptions-header:before {
  content: "";
  display: table;
}
.Subscriptions-header:after {
  content: "";
  display: table;
}
.Subscriptions-header:after {
  clear: both;
}
@media screen and (min-width: 1100px) {
  .Subscriptions-header {
    padding-top: 5px;
    line-height: 40px;
  }
}
.SubscriptionSelector--hasToggle .Subscriptions-header {
  padding-right: 45px;
}
.Subscriptions-header.moreAccounts {
  cursor: pointer;
}
.Subscriptions-header .spinner {
  margin: 0px auto 0;
}
.Subscription-header-arrow {
  top: 15px;
  right: 10px;
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  transition: all .25s ease;
  box-sizing: border-box;
}
.Subscription-header-arrow--open {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.Subscriptions-master {
  padding: 0px 10px 2px 0;
  font-weight: 700;
  letter-spacing: .03em;
  border-radius: 5px;
}
.Subscriptions-master--icon {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 15px;
  width: 24px;
  height: 23px;
  background-size: 100%;
}
.Subscriptions-numberOfAccounts {
  display: inline-block;
  position: absolute;
  left: 30px;
  top: 4px;
  width: 18px;
  height: 18px;
  background: red;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
}
.Subscriptions-master,
.Subscriptions-master--name,
.Subscriptions-master--msisdn,
.Subscriptions-master--rateplan {
  text-align: left;
  position: relative;
  display: block;
}
@media screen and (min-width: 1100px) {
  .Subscriptions-master,
  .Subscriptions-master--name,
  .Subscriptions-master--msisdn,
  .Subscriptions-master--rateplan {
    float: left;
    padding-right: 20px;
  }
  .Subscriptions-master:after,
  .Subscriptions-master--name:after,
  .Subscriptions-master--msisdn:after,
  .Subscriptions-master--rateplan:after {
    content: ' ';
    background: white;
    width: 3px;
    height: 3px;
    right: 8px;
    top: 18px;
    position: absolute;
    border-radius: 50%;
  }
}
.Subscriptions-master--name {
  max-width: 390px;
}
.Subscriptions-master--rateplan {
  max-width: 160px;
}
.Subscriptions-master--rateplan:after {
  display: none;
}
.Subscriptions-master--rateplan a {
  text-decoration: underline !important;
}
.Subscriptions-master--rateplan a:hover {
  text-decoration: none;
}
.Subscriptions-master--name,
.Subscriptions-master--rateplan {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Subscriptions-master--icon {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
}
.all-content .SubscriptionListForm ul li:before {
  display: none;
}
.SubscriptionListForm ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.SubscriptionListForm ul li {
  margin: 0 !important;
}
.SubscriptionListForm ul li span {
  display: block;
  min-height: 10px;
  text-align: left;
  vertical-align: top;
}
@media screen and (min-width: 1100px) {
  .SubscriptionListForm ul li span {
    text-align: center;
    display: inline-block;
  }
}
.SubscriptionListForm span {
  padding-top: 4px;
}
.SubscriptionListForm-list {
  margin: 0 !important;
}
.SubscriptionListForm-item {
  padding: 0 !important;
}
.SubscriptionList-name,
.SubscriptionList-msidsn {
  position: relative;
}
@media screen and (min-width: 1100px) {
  .SubscriptionList-name,
  .SubscriptionList-msidsn {
    padding-right: 20px;
  }
  .SubscriptionList-name:after,
  .SubscriptionList-msidsn:after {
    content: ' ';
    background: #999;
    width: 3px;
    height: 3px;
    right: 8px;
    top: 50%;
    margin-top: -1px;
    position: absolute;
    border-radius: 50%;
  }
}
.SubscriptionList-name {
  max-width: 500px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.SubscriptionList-link {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid white;
  transition: all 0.15s ease;
  zoom: 1;
}
.SubscriptionList-link:before {
  content: "";
  display: table;
}
.SubscriptionList-link:after {
  content: "";
  display: table;
}
.SubscriptionList-link:after {
  clear: both;
}
.SubscriptionList-link:before {
  content: "";
  display: table;
}
.SubscriptionList-link:after {
  content: "";
  display: table;
}
.SubscriptionList-link:after {
  clear: both;
}
.SubscriptionList-link:hover {
  text-decoration: none !important;
}
.SubscriptionList-status > span {
  display: inline-block !important;
  padding-top: 0;
}
.Subscriptions-search {
  margin-bottom: 20px;
  position: relative;
  max-width: 300px;
}
@media screen and (min-width: 1100px) {
  .Subscriptions-search {
    float: right;
    margin-bottom: 0;
    max-width: 150px;
  }
}
.Subscriptions-searchButton {
  border: none !important;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 26px;
  padding: 0;
  border-left: 0px !important;
  height: 100%;
  margin-top: 0;
  background: transparent !important;
  transition: 0.25s opacity ease-in;
}
.Subscriptions-searchButton:disabled {
  background: transparent !important;
  opacity: 0.5;
}
.Subscriptions-master--loader {
  position: absolute;
  display: block;
  right: 10px;
  top: 0px;
}
.Subscriptions-header.master .Subscriptions-master--name {
  margin-left: 0 !important;
}
.SubscriptionSelector--new {
  float: right;
  margin-bottom: 20px;
}
.SubscriptionSelector--new:after {
  display: table;
  content: '';
  clear: both;
}
.simChangeBtn {
  float: left;
  margin-bottom: 20px;
}
.simChangeBtn:after {
  display: table;
  content: '';
  clear: both;
}
.SubscriptionList-migrate {
  display: none!important;
  margin: 0 0 0 20px;
}
.Subscriptions-master-svg {
  display: none;
}
.SubscriptionSelector-type {
  padding: 20px 35px;
  box-sizing: border-box;
}
.SubscriptionSelector-type + .SubscriptionSelector-type {
  border-left: 1px solid rgba(50, 50, 50, 0.1);
}
.SubscriptionSelector-type .compareTable-block {
  padding: 5px;
}
/*
.SubscriptionSelector-label {
  width:100%;
  background: #009793;
  color: white;
  padding:10px 0;
  text-align: center;
  font-family: 'FlamaBASESemicond-Semibold', sans-serif;
}*/
.SubscriptionList-master {
  background: black;
  color: white;
  border-radius: 10px;
  text-transform: lowercase;
  font-size: 12px;
  padding: 2px 5px;
  line-height: 1;
  margin: 3px 0 0 3px;
  display: inline-block !important;
}
.SideButtons {
  display: none;
}
.Switcher {
  margin-bottom: 15px;
}
.Switcher--noMarginBottom {
  margin-bottom: 0;
}
td .Switcher {
  margin-bottom: 0;
}
.Switcher-label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: 45px;
  text-align: left;
  line-height: 20px;
}
.Switcher-label:before,
.Switcher-label:after {
  content: '';
  position: absolute;
  height: 26px;
  border-radius: 50px;
  transition: all 0.2s ease;
}
.Switcher-label:before {
  background-color: black;
  width: 48px;
  left: 0;
}
.Switcher-label:after {
  width: 24px;
  height: 24px;
  left: -1px;
  background-color: #f2f2f2;
  border: 1px solid #111111;
}
.Switcher-label--noText {
  text-indent: -9999px;
  text-align: left;
  padding-left: 0;
  width: 40px;
}
.Switcher-checkbox {
  display: none;
}
.Switcher-checkbox:checked + .Switcher-label:before {
  background-color: green;
}
.Switcher-checkbox:checked + .Switcher-label:after {
  left: 22px;
}
.Switcher-checkbox:checked + .Switcher-label--dark:before {
  background-color: #00000080 !important;
}
.Switcher-checkbox:disabled + .Switcher-label {
  opacity: 0.1;
  cursor: not-allowed;
}
.Switcher--inline {
  display: inline-block;
  margin-right: 10px;
}
.Tab {
  margin-bottom: 20px;
}
.Tab-header {
  list-style: none;
  margin: 0 !important;
  padding: 0;
  border-bottom: 3px solid #917d90;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.Tab-header--transparent,
.Tab-header--floating {
  border-bottom: none !important;
}
.Tab-item {
  margin-top: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: bottom;
}
.Tab-item:last-child {
  margin-right: 0;
}
.Tab-item--floating {
  margin-right: 15px;
}
.Tab-itemLink {
  display: block;
  text-decoration: none !important;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.Tab-itemLink:not(.Tab-itemLink--floating) {
  padding: 15px 20px 15px 8px;
}
.Tab-itemLink--floating {
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.Tab-item--active .Tab-itemLink--floating,
.Tab-itemLink--floating:hover {
  opacity: 1;
}
/* active tab item */
.Tab-item--active .Tab-itemLink {
  opacity: 1;
}
.Tab-itemLink--transparent {
  background: transparent !important;
}
.Tab-panelContainer {
  position: relative;
  padding: 20px 20px 5px 20px;
}
.Tab-panelContainer--floating,
.Tab-panelContainer--transparent {
  background: none !important;
  padding-left: 0;
  padding-right: 0;
}
.Tab-panel {
  display: none;
}
.Tab-panel--active {
  display: block;
}
.Tab-header:after,
.Tab-panelContainer:after {
  display: block;
  clear: both;
  content: '';
}
.Tab-item .parbase.image {
  display: inline-block;
  vertical-align: middle;
}
.Tab-item .parbase.image img {
  display: block;
  margin-left: 12px;
}
.Tab-item .parbase.image img.cq-image-placeholder {
  display: none;
}
.Tab-item .parbase.image + span {
  padding-left: 12px;
}
.Tab-item--floating .parbase.image img {
  display: block;
  margin-left: 0;
}
.Tab-item--floating .parbase.image + span {
  padding-left: 0;
}
.cq-wcm-edit .tab {
  min-height: 50px;
  border: dashed 1px;
}
.cq-wcm-edit .tab {
  min-height: 50px;
}
.Table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 15px;
}
.Table th {
  background: black;
  color: #fff;
  border: 1px solid transparent;
  text-align: left;
  padding: 11px 15px;
}
.Table td {
  position: relative;
  background: #f2f2f2;
  padding: 11px 15px;
  text-align: left;
  vertical-align: top;
}
.Table tr:nth-child(odd) td,
.Table tr.odd td {
  background: #ededed;
}
.Table--verticalAlignMiddle td {
  vertical-align: middle;
}
@media screen and (max-width: 479px) {
  .Table--responsive {
    font-size: 13px;
  }
}
.Table--responsive th {
  display: none;
}
@media screen and (max-width: 479px) {
  .Table--responsive td {
    padding-left: 165px !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 799px) {
  .Table--responsive td {
    padding-left: 180px !important;
  }
}
.Table--responsive td:before {
  position: absolute;
  content: attr(data-th) " ";
  width: 100px;
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
  top: 50%;
  left: 10px;
}
@media screen and (max-width: 479px) {
  .Table--responsive td:before {
    width: 100px;
  }
}
@media screen and (min-width: 480px) and (max-width: 799px) {
  .Table--responsive td:before {
    width: 200px;
  }
}
@media (min-width: 800px) {
  .Table--responsive th,
  .Table--responsive td {
    display: table-cell;
  }
  .Table--responsive td:before {
    display: none;
  }
}
.table-actions {
  float: right;
}
.table a {
  text-decoration: underline !important;
}
.expandable-rows .toggler {
  margin-left: 5px;
  text-indent: -9999px;
}
.expandable-rows .toggleContent {
  display: none;
  zoom: 1;
}
.expandable-rows .toggleContent:before {
  content: "";
  display: table;
}
.expandable-rows .toggleContent:after {
  content: "";
  display: table;
}
.expandable-rows .toggleContent:after {
  clear: both;
}
.expandable-rows .toggleContent:before {
  content: "";
  display: table;
}
.expandable-rows .toggleContent:after {
  content: "";
  display: table;
}
.expandable-rows .toggleContent:after {
  clear: both;
}
.table-filter-box {
  table-layout: auto !important;
  padding: 15px;
  zoom: 1;
}
.table-filter-box:before {
  content: "";
  display: table;
}
.table-filter-box:after {
  content: "";
  display: table;
}
.table-filter-box:after {
  clear: both;
}
.table-filter-box:before {
  content: "";
  display: table;
}
.table-filter-box:after {
  content: "";
  display: table;
}
.table-filter-box:after {
  clear: both;
}
.table-filter-box > div {
  float: left;
}
.table-filter-box .jq-datepicker {
  margin-left: 5px;
}
.table-filter-box input[type="submit"] {
  margin-left: 2px;
  margin-right: 10px;
}
.table-filter-box select {
  margin-left: 5px;
}
.table-filter-box select + * {
  margin-left: 15px;
}
/* (table component, top) Reset stuff that was originally in Boilerplate, but removed there because we needed
     to make the KPNGB table work with oldschool tag attributes instead of CSS. */
.table > table,
table.standard-table {
  border-collapse: collapse;
  border-spacing: 0;
}
.table > table tr td,
table.standard-table tr td {
  border: 0;
  margin: 0;
}
.table > table,
table.standard-table {
  width: 100%;
  table-layout: fixed;
}
.table > table th,
table.standard-table th {
  padding: 11px 15px;
  text-align: left;
  vertical-align: top;
}
.table > table td,
table.standard-table td {
  padding: 11px 15px;
  text-align: left;
  vertical-align: top;
}
.table > table.noStyle,
table.standard-table.noStyle {
  width: auto;
}
.table > table.noStyle td,
table.standard-table.noStyle td,
.table > table.noStyle th,
table.standard-table.noStyle th {
  background: none !important;
  padding: 0;
  border: none;
}
.table > table.middleContentTD td,
table.standard-table.middleContentTD td {
  vertical-align: middle;
}
.table > table th a.sort,
table.standard-table th a.sort {
  position: relative;
  top: 2px;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 2px;
}
.table > table th a.sort:before,
table.standard-table th a.sort:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #e3eaf6;
  content: "";
}
.table > table th a.sort:after,
table.standard-table th a.sort:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #e3eaf6;
  content: "";
}
.qelp ul li:before {
  display: none!important;
}
.Table {
  width: 100%;
  table-layout: auto !important;
  border-collapse: collapse;
}
.Table-header {
  color: white;
  padding: 11px 15px;
  border: none;
  text-align: left;
}
.Table-data {
  position: relative;
  padding: 11px 15px;
  background: #f2f2f2;
  border: 1px solid transparent;
}
tr:nth-child(odd) .Table-data {
  background: #ededed;
}
.Table-data--hasTooltip span {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.Table-data--hasTooltip span:first-child {
  width: calc(100% - 22px);
}
.Table-data--hasTooltip span:last-child {
  width: 22px;
}
.Table-data--noWrap {
  white-space: nowrap;
}
@media (max-width: 480px) {
  .selfcare-table .Button {
    width: 100%;
    padding: 5px 13px;
  }
  .selfcare-table .Table-data--hasTooltip > .TooltipIcon--absoluteCenter {
    right: 10px;
  }
  .selfcare-table .RowInfoPurchase td:before,
  .selfcare-table .RowInfoSubscription td:before {
    display: none;
  }
  .selfcare-table .floatR {
    float: none;
  }
  .selfcare-table .Table-data--content {
    padding-left: 160px !important;
  }
  .selfcare-table .odd td {
    background: #E5E5E5;
  }
  .selfcare-table .odd td:before {
    background: rgba(0, 151, 147, 0.73);
  }
  .selfcare-table .Wrapper_InfoPurchase,
  .selfcare-table .Wrapper_InfoSubscription {
    margin-bottom: 10px;
    box-shadow: inset 0px 20px 12px -20px rgba(0, 0, 0, 0.2);
  }
  .TooltipContent {
    display: none;
  }
}
.Table--fixedColumns {
  table-layout: fixed !important;
}
.Teaserbox {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  box-sizing: border-box;
  zoom: 1;
}
.Teaserbox:before {
  content: "";
  display: table;
}
.Teaserbox:after {
  content: "";
  display: table;
}
.Teaserbox:after {
  clear: both;
}
.Teaserbox:before {
  content: "";
  display: table;
}
.Teaserbox:after {
  content: "";
  display: table;
}
.Teaserbox:after {
  clear: both;
}
.Teaserbox .text,
.Teaserbox .title {
  margin: 0;
  padding: 0;
}
.Teaserbox .Cta {
  left: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.Teaserbox--clickable {
  cursor: pointer;
}
.Teaserbox-imageContainer {
  float: left;
  width: 290px;
  margin-right: 20px;
}
.Teaserbox-contentContainer {
  width: calc(100% - 310px);
  float: left;
}
.Teaserbox--inverse .Teaserbox-imageContainer {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}
.Teaserbox--inverse .Teaserbox-cta {
  text-align: left;
}
.Teaserbox--inverse .Cta {
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.Teaserbox-content {
  margin-bottom: 20px;
}
.Teaserbox-clickableOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
}
.cq-wcm-edit .Teaserbox-clickableOverlay {
  display: none;
}
.Teaserbox--paddingTopDisabled {
  padding-top: 0;
}
.Teaserbox--paddingBottomDisabled {
  padding-bottom: 0;
}
/* 	TEXT COMPONENT
	--------------
*/
.text {
  font-size: 14px;
  font-size: 1.4rem;
  box-sizing: border-box;
}
.text ul li {
  margin-left: 15px;
}
.text ul li a {
  text-decoration: underline !important;
}
.footnote {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}
.text .arrowedlink {
  margin: 3px;
}
.text--alignJustify {
  text-align: justify;
}
.text--wordBreak {
  word-break: break-all;
}
/* 	TEXTIMAGE COMPONENT
	-------------------
*/
.textimage {
  margin: 0px;
  overflow: hidden;
  box-sizing: border-box;
}
.textimage .image small {
  display: block;
  padding: 10px 0;
}
.textimage.image_right .text {
  margin: 0 0 20px 0;
  margin-top: 0px;
}
.textimage.image_right .image {
  float: right !important;
  margin: 0 0 8px 20px !important;
}
.textimage.image_right .image img {
  position: relative;
}
.textimage.image_left .text {
  margin: 0 0 20px 0;
}
.textimage.image_left .image {
  float: left !important;
  margin: 0 20px 8px 0 !important;
}
.textimage.image_left .image img {
  position: relative;
}
.textimage.image_above .image {
  text-align: center;
  margin-bottom: 20px;
}
.textimage.image_above .text {
  margin-bottom: 20px;
  text-align: center;
  margin-top: 0px;
}
.textimage.image_above .text h2 {
  margin-bottom: 0px;
}
.textimage.fulllink {
  position: relative;
}
.textimage.fulllink a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
/* 	TEXTIMAGELIST COMPONENT 
	-------------------
*/
.textimagelist {
  margin: -10px 9px 6px 9px;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 9px;
  zoom: 1;
}
.textimagelist:before {
  content: "";
  display: table;
}
.textimagelist:after {
  content: "";
  display: table;
}
.textimagelist:after {
  clear: both;
}
.textimagelist:before {
  content: "";
  display: table;
}
.textimagelist:after {
  content: "";
  display: table;
}
.textimagelist:after {
  clear: both;
}
.textimagelist .image {
  float: left !important;
}
.textimagelist .text {
  margin: 0 0 0 35px;
  padding-top: 3px;
}
.textimagelist .text p {
  margin: 0;
}
.textimagelist + .textimagelist {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
/*  TITLEIMAGE COMPONENT
    -------------------
*/
.titleimage {
  margin-bottom: 12px;
}
.titleimage .image {
  display: table-cell;
  float: left !important;
  vertical-align: middle;
  margin: 0 12px 0 0 !important;
}
.titleimage .title {
  display: table-cell;
  vertical-align: middle;
}
.titleimage .title h1:last-child,
.titleimage .title h2:last-child,
.titleimage .title h3:last-child,
.titleimage .title h4:last-child {
  margin-bottom: 0 !important;
}
.titleimage .title h1:last-child p:last-child,
.titleimage .title h2:last-child p:last-child,
.titleimage .title h3:last-child p:last-child,
.titleimage .title h4:last-child p:last-child {
  margin-bottom: 0 !important;
}
.titleimage .titleimage--centered {
  display: table;
  text-align: center;
  margin: 0 auto;
}
.titleimage .titleimage--centered .image {
  float: none !important;
  text-align: right;
  padding-right: 5px;
}
.titleimage .titleimage--left {
  display: table;
}
.cq-wcm-edit .titleimage > div > div {
  width: auto !important;
}
#tooltipOverlay,
.tooltip_content {
  display: none;
  border-radius: 0;
  font-size: 12px;
  padding: 10px;
  position: absolute;
  max-width: 300px;
  min-width: 100px;
  height: auto;
  z-index: 9999;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.tooltip_wrapper {
  display: inline-block;
  position: relative;
  margin-top: -5px;
  margin-left: 5px;
}
.tooltip_wrapper:hover .tooltip_content {
  display: block;
}
.tooltip_link {
  background: url(../images/sprites.png) no-repeat;
  background-position: -420px 0px;
  display: inline-block;
  content: "";
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.tooltip_content {
  bottom: 10px;
  left: 15px;
  margin: 0;
  text-align: left;
}
.tooltip_content_smsnotification {
  width: 300px;
}
.field .tooltip_content {
  left: 10px;
  max-width: 220px;
  width: 220px;
  margin-left: 0;
  margin-top: -40px;
}
.tooltip_right .tooltip_content {
  left: 15px;
  right: -210px;
}
.tooltip_left .tooltip_content {
  left: -210px;
  right: 9px;
}
.TooltipIcon {
  cursor: pointer;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 5px;
  background: url(../images/sprites.png) no-repeat;
  background-position: -420px 0px;
  display: inline-block;
  content: "";
  width: 22px;
  height: 22px;
}
.TooltipIcon--absolute {
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 999;
}
.TooltipIcon--absoluteCenter {
  position: absolute !important;
  top: 50%;
  right: 0;
  margin-top: -11px;
  z-index: 999;
}
.Tooltip-close {
  display: none;
}
.TooltipContent {
  z-index: 999999;
  background: white;
}
.js-Tooltip--floating .TooltipContent {
  position: absolute;
  display: block;
  padding: 10px;
  border: 1px #f2f2f2 solid;
  box-sizing: border-box;
  font-size: 14px;
  cursor: default;
  box-shadow: 0px 4px 0px -3px rgba(0, 0, 0, 0.05);
  left: 25px;
  right: 25px;
}
@media screen and (min-width: 800px) {
  .js-Tooltip--floating .TooltipContent {
    left: auto;
    right: auto;
    max-width: 250px;
  }
}
.js-Tooltip--floating .TooltipContent.TooltipContent--hidden {
  z-index: -1;
}
.js-Tooltip--modalPopup .TooltipContent {
  position: fixed;
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  font-size: 14px;
  cursor: default;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: calc(100% - 80px);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  margin: 0 40px;
}
@media screen and (min-width: 800px) {
  .js-Tooltip--modalPopup .TooltipContent {
    left: 50%;
    right: auto;
    width: 400px;
    margin: 0 0 0 -200px;
    height: auto;
  }
}
.js-Tooltip--modalPopup .Tooltip-close {
  position: absolute;
  top: -40px;
  right: 0;
  height: 40px;
  width: 0;
  z-index: 999999;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
}
.js-Tooltip--modalPopup .Tooltip-close svg path {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
.js-Tooltip--open.js-Tooltip--modalPopup .Tooltip-close {
  width: 40px;
}
.Tooltip-background {
  position: fixed;
  z-index: 999998;
  background: black;
  opacity: 0;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
}
.js-Tooltip--open .Tooltip-background {
  height: 100%;
  width: 100%;
  opacity: 0.5;
}
.TooltipContent--hidden {
  opacity: 0;
  z-index: -1;
  padding: 0;
  font-size: 0;
  height: 0 !important;
  width: 0 !important;
  border: 0 !important;
}
.Video--right {
  margin-left: auto;
}
.Video--center {
  margin: 0 auto;
}
.Video--responsive {
  max-width: 800px;
}
.Video--responsive .Video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.Video--responsive .Video-embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.leftNavigation .hidden {
  display: none;
}
.Wave,
.Wave-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.customSelection {
  position: absolute;
  visibility: hidden;
}
.customSelection:checked + .customSelection-label > .customSelection-radio:before {
  background: #009793;
}
.customSelection-radio {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  border: 2px solid #009793;
  border-radius: 100%;
  height: 12px;
  width: 12px;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}
.customSelection-radio:before {
  content: "";
  position: absolute;
  border-radius: 100%;
  height: 8px;
  width: 8px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
@media all and (-ms-high-contrast: none) {
  .customSelection-radio:before {
    transform: translate(-50%, -50%);
  }
}
.customSelection-label {
  position: relative;
  padding-left: 20px;
  font-weight: bold;
}
.grecaptcha-badge {
  visibility: hidden;
}
.price-container {
  width: 100%;
}
.legacy-handset-container {
  position: relative;
}
.legacy-stack-top {
  position: absolute;
}
.handsetComponent-wrapper {
  background: transparent;
  width: 125px;
  top: 6%;
  left: 65%;
}
.promoOneTextStyle {
  font-size: 13px;
  color: white;
  text-align: center;
}
.newprice-euro-style-text {
  font-size: 20px;
  color: white;
}
.promotionTagOne-wrapper {
  height: 30px;
  margin-bottom: 3px;
}
.promoOne-style {
  height: 100%;
  background-color: #009793;
  font-family: AkagiProBold, Arial, sans-serif;
  font-weight: normal;
  position: relative;
}
.promoOne-style-fix {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 -50% 0 0;
  transform: translate(-50%, -50%);
}
.promotionTagTwo-wrapper {
  height: 30px;
}
.promoTwo-style {
  height: 100%;
  background-color: #60b0b2;
  font-family: AkagiProBold, Arial, sans-serif;
  font-weight: normal;
  position: relative;
}
.price-wrapper {
  height: 125px;
  background-color: #22b9d8;
  padding: 1px;
  margin-bottom: 3px;
}
.newprice-style {
  height: 30px;
  border: 0 #22b9d8;
  font-family: AkagiProFat, Arial, sans-serif;
  font-weight: normal;
  position: relative;
  margin-bottom: 15px;
}
.newprice-euro-style {
  margin-right: -11px;
}
.newprice-style-fix {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 -50% 0 0;
  transform: translate(-50%, -50%);
}
.oldprice-text-style {
  font-size: 20px;
  color: white;
  text-align: center;
}
.oldprice-euro-text-style {
  font-size: 20px;
  color: white;
}
.cashback-text {
  font-size: 11px;
  color: white;
  text-align: center;
}
.newprice-euro-style-textStyle {
  font-size: 33px;
  color: white;
  text-align: center;
}
.oldprice-style {
  margin-top: 25px;
  height: 15px;
  border: 0 #22b9d8;
  font-family: AkagiProBold, Arial, sans-serif;
  font-weight: normal;
  position: relative;
  margin-bottom: 10px;
}
.oldprice-style-fill {
  margin-top: 25px;
  height: 15px;
  border: 0 #22b9d8;
  font-family: AkagiProBold, Arial, sans-serif;
  font-weight: normal;
  position: relative;
  margin-bottom: 10px;
}
.oldprice-style:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 35px;
  right: 35px;
  border-top: 1.25px solid white;
  transform: rotate(-11deg);
}
.oldprice-style-fix {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.oldprice-euro-style {
  margin-right: -5px;
}
.cashback-style {
  height: 30px;
  position: relative;
  border: 0 #22b9d8;
  font-family: AkagiProBold, Arial, sans-serif;
  font-weight: normal;
}
.cashback-style-fix {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 -50% 0 0;
  transform: translate(-50%, -50%);
  line-height: 1.0;
}
@media screen and (min-width: 971px) and (max-width: 1160px) {
  .handsetComponent-wrapper {
    width: 125px;
    left: 49%;
  }
  .promotionTagOne-wrapper {
    margin-bottom: 3px;
  }
  .price-wrapper {
    margin-bottom: 3px;
  }
  .cashback-style {
    height: 26px;
  }
  .cashback-text {
    font-size: 11px;
  }
}
@media screen and (min-width: 769px) and (max-width: 970px) {
  .handsetComponent-wrapper {
    width: 120px;
    left: 49%;
  }
  .promotionTagOne-wrapper {
    margin-bottom: 3px;
  }
  .price-wrapper {
    margin-bottom: 3px;
  }
  .oldprice-style:before {
    left: 29px;
    right: 29px;
  }
  .newprice-euro-style-textStyle {
    font-size: 32px;
  }
  .cashback-style {
    height: 26px;
  }
  .cashback-text {
    font-size: 11px;
  }
}
@media screen and (min-width: 671px) and (max-width: 768px) {
  .handsetComponent-wrapper {
    width: 112px;
    left: 40%;
  }
  .promotionTagOne-wrapper {
    height: 23px;
    margin-bottom: 3px;
  }
  .price-wrapper {
    margin-bottom: 3px;
  }
  .promoOneTextStyle {
    font-size: 10px;
  }
  .promoOneTextStyle {
    font-size: 11px;
  }
  .newprice-euro-style-textStyle {
    font-size: 29px;
  }
  .newprice-euro-style {
    margin-right: -10px;
  }
  .oldprice-style:before {
    left: 18px;
    right: 18px;
  }
  .promotionTagTwo-wrapper {
    height: 23px;
  }
  .cashback-style {
    height: 20px;
  }
  .cashback-text {
    font-size: 10px;
  }
}
@media screen and (min-width: 600px) and (max-width: 670px) {
  .handsetComponent-wrapper {
    width: 77px;
    left: 49%;
  }
  .promotionTagOne-wrapper {
    height: 19px;
    margin-bottom: 3px;
  }
  .promoOneTextStyle {
    font-size: 11px;
  }
  .price-wrapper {
    height: 74px;
    margin-bottom: 3px;
  }
  .oldprice-style {
    margin-top: 5px;
    height: 15px;
    margin-bottom: 3px;
  }
  .oldprice-style:before {
    left: 18px;
    right: 18px;
  }
  .oldprice-style-fill {
    margin-top: 5px;
    height: 15px;
    margin-bottom: 3px;
  }
  .oldprice-text-style {
    font-size: 13px;
  }
  .oldprice-euro-text-style {
    font-size: 13px;
  }
  .newprice-style {
    height: 23px;
    margin-bottom: 3px;
  }
  .newprice-euro-style {
    margin-right: -8px;
  }
  .newprice-euro-style-textStyle {
    font-size: 20px;
  }
  .cashback-style {
    height: 22px;
  }
  .cashback-text {
    font-size: 9px;
  }
  .promotionTagTwo-wrapper {
    height: 19px;
  }
}
@media screen and (min-width: 501px) and (max-width: 599px) {
  .handsetComponent-wrapper {
    width: 77px;
    left: 32%;
  }
  .promotionTagOne-wrapper {
    height: 19px;
    margin-bottom: 3px;
  }
  .promoOneTextStyle {
    font-size: 11px;
  }
  .price-wrapper {
    height: 74px;
    margin-bottom: 3px;
  }
  .oldprice-style {
    margin-top: 5px;
    height: 15px;
    margin-bottom: 3px;
  }
  .oldprice-style:before {
    left: 22px;
    right: 22px;
  }
  .oldprice-style-fill {
    margin-top: 5px;
    height: 15px;
    margin-bottom: 3px;
  }
  .oldprice-text-style {
    font-size: 13px;
  }
  .oldprice-euro-text-style {
    font-size: 13px;
  }
  .newprice-style {
    height: 23px;
    margin-bottom: 2px;
  }
  .newprice-euro-style {
    margin-right: -8px;
  }
  .newprice-euro-style-textStyle {
    font-size: 20px;
  }
  .cashback-style {
    height: 22px;
  }
  .cashback-text {
    font-size: 9px;
  }
  .promotionTagTwo-wrapper {
    height: 19px;
  }
}
@media screen and (min-width: 436px) and (max-width: 500px) {
  .handsetComponent-wrapper {
    width: 140px;
    left: 49%;
  }
  .oldprice-style:before {
    left: 39px;
    right: 39px;
  }
  .promoOneTextStyle {
    font-size: 14px;
  }
  .promotionTagOne-wrapper {
    margin-bottom: 3px;
  }
  .price-wrapper {
    height: 140px;
    margin-bottom: 3px;
  }
  .newprice-euro-style-textStyle {
    font-size: 36px;
  }
  .cashback-style {
    height: 25px;
  }
  .cashback-text {
    font-size: 0.81em;
  }
}
@media screen and (min-width: 331px) and (max-width: 436px) {
  .handsetComponent-wrapper {
    width: 140px;
    left: 49%;
  }
  .oldprice-style:before {
    left: 39px;
    right: 39px;
  }
  .promoOneTextStyle {
    font-size: 14px;
  }
  .promotionTagOne-wrapper {
    margin-bottom: 3px;
  }
  .price-wrapper {
    height: 140px;
    margin-bottom: 3px;
  }
  .newprice-euro-style-textStyle {
    font-size: 36px;
  }
  .cashback-style {
    height: 25px;
  }
  .cashback-text {
    font-size: 0.81em;
  }
}
@media screen and (max-width: 330px) {
  .handsetComponent-wrapper {
    left: 49%;
  }
  .promotionTagOne-wrapper {
    margin-bottom: 3px;
  }
  .price-wrapper {
    margin-bottom: 3px;
  }
  .newprice-euro-style-textStyle {
    font-size: 32px;
  }
  .cashback-style {
    height: 24px;
  }
  .cashback-text {
    font-size: 11px;
  }
}
.OnlineSales {
  /* Basket */
  /* Basket overview */
  /* footer */
  /*.Accordion-circleValue {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .20s;
}*/
  /*overwritting ul styling from deprecated.less*/
}
.OnlineSales b {
  font-weight: bold !important;
}
.OnlineSales .title {
  margin: 0 20px 20px 0;
}
.OnlineSales h3 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
  font-weight: bold !important;
}
.OnlineSales h4 {
  font-size: 15px !important;
  font-size: 1.5rem !important;
  font-weight: bold !important;
}
.OnlineSales .link {
  width: 100%;
}
.OnlineSales .cq-colctrl-lt1-c0 {
  min-height: 425px;
}
.OnlineSales div.cq-colctrl-lt1-c1 {
  float: right;
}
.OnlineSales .form-item.fullwidth .field {
  width: 100%;
}
.OnlineSales .form-item.valid .field input,
.OnlineSales .form-item.valid .field textarea,
.OnlineSales .form-item.valid .field select {
  background: none repeat scroll 0 0 white;
  border: 1px solid #72bf44;
  color: #72bf44;
}
.OnlineSales .form-item .field.chkwrap label {
  float: left;
  display: block;
}
.OnlineSales .form-item .field.chkwrap input[type="checkbox"] {
  float: left;
  margin-top: 2px;
}
.OnlineSales .form-item .field .tooltip_wrapper {
  margin-left: 15px;
}
.OnlineSales .form-item .field .tooltip_content.wide {
  max-width: 300px;
  width: 300px;
}
.OnlineSales .form-item .field .tooltip_content.wide .tooltip_table {
  display: table;
}
.OnlineSales .form-item .field .tooltip_content.wide .tooltip_table .tooltip_cell {
  display: table-cell;
  vertical-align: middle;
}
.OnlineSales .form-item .field .tooltip_content.wide .tooltip_table .tooltip_cell:first-child {
  padding-right: 10px;
}
.OnlineSales .form-item .field-note {
  display: block;
  font-size: 11px;
  width: 326px;
  margin-left: 8px;
  margin-top: 3px;
}
.OnlineSales .form.onlinesales {
  margin-bottom: 0;
}
.OnlineSales .form.onlinesales .form-item.Error .field {
  width: 50%;
}
.OnlineSales .form.onlinesales .form-item .field input[type="text"],
.OnlineSales .form.onlinesales .form-item .field input[type="number"],
.OnlineSales .form.onlinesales .form-item .field input[type="email"],
.OnlineSales .form.onlinesales .form-item .field select {
  width: 335px;
  margin-right: 5px;
}
.OnlineSales .form.onlinesales .form-item .field input.restfield[type="text"],
.OnlineSales .form.onlinesales .form-item .field input.restfield[type="number"],
.OnlineSales .form.onlinesales .form-item .field input.restfield[type="email"],
.OnlineSales .form.onlinesales .form-item .field select.restfield {
  width: 166px!important;
}
.OnlineSales .form.onlinesales .form-item .field input.smallfield[type="text"],
.OnlineSales .form.onlinesales .form-item .field input.smallfield[type="number"],
.OnlineSales .form.onlinesales .form-item .field input.smallfield[type="email"],
.OnlineSales .form.onlinesales .form-item .field select.smallfield {
  width: 80px!important;
}
.OnlineSales .form.onlinesales .form-item .field input.halffield[type="text"],
.OnlineSales .form.onlinesales .form-item .field input.halffield[type="number"],
.OnlineSales .form.onlinesales .form-item .field input.halffield[type="email"],
.OnlineSales .form.onlinesales .form-item .field select.halffield {
  width: 160px!important;
}
.OnlineSales .form.onlinesales .form-item .label {
  width: 32%;
  line-height: normal;
  margin-top: 5px;
}
.OnlineSales .form.onlinesales .form-item .label-width--thirty {
  width: 30%;
}
.OnlineSales .form.onlinesales .form-item .field {
  width: auto;
}
.OnlineSales .form.onlinesales .form-item .field p {
  margin-top: 6px;
}
.OnlineSales .form.onlinesales .form-item .field .err {
  width: 328px;
}
.OnlineSales .form.onlinesales .form-item .field .blockradio {
  padding-bottom: 5px;
}
.OnlineSales .form.onlinesales .form-item .field .blockradio .field-note {
  margin-left: 24px;
  width: 260px;
}
.OnlineSales .form.onlinesales .form-item .field-radio-choice {
  margin-top: 0;
}
.OnlineSales .form.onlinesales .form-item.form-item-checkbox > .label {
  width: 93%!important;
  line-height: normal;
}
.OnlineSales .form.onlinesales .form-item.form-item-checkbox > .field {
  margin: 2px 5px 0 0;
  width: 5%;
}
.OnlineSales .form.onlinesales .form-item .btn-datepick {
  position: absolute;
  height: 30px;
  top: 0;
  right: -40px;
  margin-top: 0;
}
.OnlineSales .form.onlinesales .form-item .Error-text {
  margin-left: 0;
}
.OnlineSales .fullBlock-box.step {
  border-bottom: 1px solid white;
}
.OnlineSales .fullBlock-box.step.active h3 {
  margin-bottom: 0;
}
.OnlineSales .fullBlock-box.step.inactive h3 {
  margin-bottom: 0;
}
.OnlineSales .fullBlock-box.step.passed h3 {
  margin-bottom: 0;
}
.OnlineSales .OnlineSales-basket img {
  width: 100%;
}
.OnlineSales .OnlineSales-basket .text {
  margin: 20px!important;
}
.OnlineSales .OnlineSales-basketRow {
  overflow: auto;
  width: 100%;
}
.OnlineSales .OnlineSales-basketRow + hr {
  margin-top: 0 !important;
}
.OnlineSales .OnlineSales-basketTotal {
  font-size: 16px;
  font-size: 1.6rem;
}
.OnlineSales .OnlineSales-basketTotal span {
  float: right;
  font-size: 12px;
  font-size: 1.2rem;
}
.OnlineSales .OnlineSales-customerService {
  float: right;
  margin: 0 0 15px 0;
  padding: 5px;
}
.OnlineSales .OnlineSales-Overview-Icon {
  display: inline-block;
  position: relative;
  float: left;
  width: auto;
  height: 25px;
  margin-left: 5px;
}
.OnlineSales .OnlineSales-Overview-Icon img {
  width: auto;
  height: 25px;
}
.OnlineSales .OnlineSales-customerService a {
  text-decoration: underline!important;
}
.OnlineSales .nextstep a:hover {
  text-decoration: none;
}
.OnlineSales .nextstep .text:first-child {
  margin-bottom: 0;
}
.OnlineSales .Navigation-steps {
  margin-top: 10px;
}
.OnlineSales .Navigation--next {
  margin-left: 15px;
}
.OnlineSales .Navigation-changeOrder {
  text-decoration: underline!important;
}
.OnlineSales .Navigation-previousStep {
  margin: 15px;
}
@media screen and (max-width: 800px) {
  .OnlineSales .NumberOptions-option:first-child {
    border-bottom: 1px solid #009793;
    margin-bottom: 30px;
  }
}
.OnlineSales .NumberOptions-details ul {
  list-style-type: none;
}
.OnlineSales .NumberOptions-details li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 15px;
}
.OnlineSales .NumberOptions-details li:before {
  position: absolute;
  content: '';
  background: url('../images/check.svg') no-repeat left top;
  height: 30px;
  width: 30px;
}
.OnlineSales .NumberOptions-details p {
  margin-top: 40px;
}
.OnlineSales .NumberOptions-details p > b {
  padding-left: 50px;
}
.OnlineSales .NumberOptions-selection {
  position: absolute;
  visibility: hidden;
}
.OnlineSales .NumberOptions-selection:checked + .NumberOptions-label > .NumberOptions-customSelection:before {
  background: #009793;
}
.OnlineSales .NumberOptions-customSelection {
  position: absolute;
  top: 5px;
  left: 25px;
  border: 2px #009793;
  border-radius: 100%;
  height: 12px;
  width: 12px;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}
.OnlineSales .NumberOptions-customSelection:before {
  content: "";
  position: absolute;
  border-radius: 100%;
  height: 8px;
  width: 8px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
@media all and (-ms-high-contrast: none) {
  .OnlineSales .NumberOptions-customSelection:before {
    transform: translate(-50%, -50%);
  }
}
.OnlineSales .NumberOptions-label {
  position: relative;
  padding-left: 25px;
  font-weight: bold;
}
.OnlineSales .NumberOptions-button {
  border: 2px solid #f2f2f2;
  font-weight: bold;
  padding: 20px;
  background: white;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.OnlineSales .NumberOptions-button:hover {
  color: #626262;
}
.OnlineSales .NumberOptions-button:not(.NumberOptions-button--selected):hover {
  border-color: #009793;
}
.OnlineSales .NumberOptions-button--selected {
  border: 4px solid #009793;
  padding: 18px;
}
.OnlineSales .NumberOptions-button--selected:hover {
  border: 4px solid #80cbc9;
  padding: 18px;
}
.OnlineSales .OnlineSales-enterPhone {
  margin-top: 15px;
}
.OnlineSales .OnlineSales-enterPhone h3 {
  margin-bottom: 30px;
}
.OnlineSales .OnlineSales-enterPhone .form.onlinesales .form-item + .form-item {
  margin-top: 0;
}
.OnlineSales .OnlineSales-enterPhone .form.onlinesales .form-item .label {
  width: 30%;
}
.OnlineSales .OnlineSales-enterPhone .form.onlinesales .form-item .field input[type="text"],
.OnlineSales .OnlineSales-enterPhone .form.onlinesales .form-item .field input[type="password"] {
  width: 185px!important;
}
.OnlineSales .OnlineSales-enterPhone .form.onlinesales .form-item.Password .label {
  margin-top: 15px;
}
.OnlineSales .OnlineSales-enterPhone .form.onlinesales .form-item.Password input {
  margin-top: 10px;
  padding: 4px 8px;
}
.OnlineSales .OnlineSales-enterPhone .spinner {
  display: inline-block;
  width: 50px;
  margin: 0 10px;
}
.OnlineSales .OnlineSales-enterPhone .EnterPhone-information {
  margin: 30px 0;
  font-size: 12px;
}
.OnlineSales .OnlineSales-enterPhone .Error-text {
  margin: 5px 0 0 0;
}
.OnlineSales .PersonalDetails-dateOfBirth .Error-text {
  display: inline-block;
}
.OnlineSales .PersonalDetails-shippingAddressCheck .field,
.OnlineSales .PersonalDetails-shippingAddressCheck .label {
  margin-top: 0!important;
  padding-top: 0;
}
.OnlineSales .OnlineSales-personalDetails label {
  cursor: default;
}
.OnlineSales .OnlineSales-personalDetails .section,
.OnlineSales .OnlineSales-preferences .section {
  margin-bottom: 20px;
}
.OnlineSales .OnlineSales-personalDetails .text,
.OnlineSales .OnlineSales-preferences .text {
  margin-right: 0;
}
.OnlineSales .OnlineSales-options {
  margin-top: 20px;
}
.OnlineSales .OnlineSales-marketingOptions input {
  display: inline-block;
  vertical-align: top;
}
.OnlineSales .OnlineSales-marketingOptions label {
  display: inline-block;
  position: relative;
}
.OnlineSales .OnlineSales-marketingOptions .OnlineSales-marketingOptions--selection .form-item .label {
  width: auto!important;
  margin-top: 0!important;
  margin-left: 20px;
  position: relative;
}
.OnlineSales .OnlineSales-marketingOptions .tooltip_wrapper {
  position: absolute;
  right: 0;
}
.OnlineSales .OnlineSales-marketingOptions .ToolTip-content {
  position: absolute;
  min-width: 200px;
  height: 20px;
  top: -20px;
  left: 35px;
  margin: 10px 5px;
  padding: 5px;
  background: #fff;
}
.OnlineSales .OnlineSales-marketingOptions .MarketingOptions-title {
  margin: 20px;
  font-weight: bold;
}
.OnlineSales .OnlineSales-marketingOptions .OnlineSales-marketingOptions-salesTotal {
  margin-bottom: 0;
}
.OnlineSales .OnlineSales-marketingOptions .OnlineSales-marketingOptions-salesTotal * {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.OnlineSales .OnlineSales-marketingOptions .OnlineSales-marketingOptions-actions {
  margin-top: 0;
}
.OnlineSales .OnlineSales-marketingOptions .OnlineSales-marketingOptions-actions .OnlineSales-marketingOptions-actions--back,
.OnlineSales .OnlineSales-marketingOptions .OnlineSales-marketingOptions-actions .OnlineSales-marketingOptions-actions--continue {
  margin-top: 13px;
}
.OnlineSales .OnlineSales-marketingOptions .linebox {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
}
.OnlineSales .OnlineSales-marketingOptions .OnlineSales-marketingOptions--all {
  display: inline-block;
  margin-top: 25px;
}
.OnlineSales .optionsgroup {
  width: auto;
  padding: 0 15px 20px;
}
.OnlineSales .optionsgroup.voiceoptions {
  padding-top: 20px;
}
.OnlineSales .optionsgroup.voiceoptions label {
  margin-left: 20px;
}
.OnlineSales .optionsgroup .c0,
.OnlineSales .optionsgroup .c1 {
  box-sizing: border-box;
}
.OnlineSales .optionsgroup .c0 {
  display: inline-block;
  width: 67%;
  float: left;
  padding-right: 10px;
}
.OnlineSales .optionsgroup .c1 {
  display: inline-block;
  width: 33%;
  float: left;
  padding-left: 10px;
  text-align: right;
}
.OnlineSales .optionsgroup .field {
  position: relative;
}
.OnlineSales .optionsgroup .field .tooltip_wrapper {
  position: absolute;
  right: 0;
  top: 0!important;
}
.OnlineSales .Tariffplan span {
  margin-left: 5px;
  font-family: AkagiProBold, Arial, sans-serif;
}
.OnlineSales .salestitle {
  width: 80%;
  margin: 20px auto auto auto;
  font-weight: bold;
}
.OnlineSales .linebox {
  padding: 10px 0;
  width: 60%;
  margin: auto auto 20px;
}
@media screen and (max-width: 480px) {
  .OnlineSales .salestitle {
    font-size: 150%;
  }
}
.OnlineSales .OnlineSales-preferences .GeneralPreferences .label,
.OnlineSales .OnlineSales-preferences .Preferences-simCardType .label {
  width: 35%;
}
.OnlineSales .OnlineSales-preferences .GeneralPreferences .label {
  padding-right: 10px;
}
.OnlineSales .OnlineSales-preferences .GeneralPreferences .field label {
  margin-right: 10px;
}
.OnlineSales .form.onlinesales .TermsAndConditions a {
  text-decoration: underline!important;
}
.OnlineSales .form.onlinesales .OnlineSales-dataGuardNote {
  display: inline-block;
  margin-top: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}
.OnlineSales .OnlineSales-transfer label {
  cursor: default;
}
.OnlineSales .OnlineSales-transfer {
  /*
  input[type="radio"] + label {
  margin-left: 15px;
  }
  */
}
.OnlineSales .OnlineSales-transfer .jq-datepicker {
  width: auto;
}
.OnlineSales .OnlineSales-transfer .form-item .field input[type="text"] {
  width: 250px!important;
}
.OnlineSales .OnlineSales-transfer .form-item .label {
  width: 40%!important;
}
.OnlineSales .OnlineSales-transfer .form-item.Transfer-generalConditions .label {
  width: 94%;
  padding-right: 0;
}
.OnlineSales .OnlineSales-transfer .form-item.Transfer-generalConditions a {
  text-decoration: underline!important;
}
.OnlineSales .OnlineSales-transfer .form-item.Transfer-date input[type="text"] {
  width: 90px!important;
}
.OnlineSales .OnlineSales-transfer .form-item.Transfer-date .field-note {
  width: 310px!important;
  line-height: 15px;
}
.OnlineSales .OnlineSales-transfer .TransferTooltip img {
  float: left;
  width: 41px;
  height: 71px;
}
.OnlineSales .Overview label {
  cursor: auto;
}
.OnlineSales .simDetails .Block {
  border: 3px solid #f2f2f2;
  padding: 0 10px;
  background: #f2f2f2;
  margin-bottom: 2px;
}
.OnlineSales .simDetails .Block-title {
  font-family: AkagiProBold, Arial, sans-serif;
  padding: 0;
  margin: 0;
  border: none;
}
.OnlineSales .Accordion-title:before {
  display: none;
}
.OnlineSales .Accordion-label {
  cursor: default;
}
.OnlineSales .Cta--block {
  width: 350px;
  height: 75px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px !important;
  margin: 0px 5px 15px 5px !important;
}
.OnlineSales .Cta--block > .Cta-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 320px) {
  .OnlineSales .Cta--block {
    width: 250px;
  }
}
.OnlineSales ul {
  list-style-type: disc;
}
.OnlineSales .onlinesales.form .form-item .field {
  width: 100%;
}
.OnlineSales .onlinesales.form .form-item .field input[type='radio'] + label:last-of-type {
  margin-left: 10px;
}
.OnlineSales .onlinesales.form .form-item .field .radioCheck-ico {
  width: initial;
  margin-right: 0;
}
.CombinedOffers {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
.Plan {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  background: #f2f2f2;
  box-sizing: border-box;
  padding: 20px 20px 10px 20px;
  margin: 20px;
  width: 100%;
}
@media screen and (min-width: 700px) {
  .Plan {
    width: calc(50% - 40px);
  }
}
.Plan:nth-of-type(even) {
  margin-left: 20px;
}
.Handset-selection .Handset-information {
  height: 200px;
}
.Handset-selection .Handset-orderInformation {
  min-height: 215px;
  text-align: center;
}
.Handset-orderInformation {
  padding-bottom: 40px !important;
}
.Handset-image--centered {
  display: block;
  position: relative;
  float: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.Handset-image--large {
  height: 250px;
}
.Handset-data {
  display: block;
  text-align: left;
}
.Plan-data,
.Plan-extraInformation {
  display: block;
  padding: 10px 10px 10px 0;
}
.Plan-extraInformation:after {
  clear: both;
  content: "";
  display: table;
}
.Handset-selection .Handset-moreInformation {
  display: block;
  padding-top: 10px;
}
.Handset-selection .Handset-moreInformation:after {
  clear: both;
}
.Handset-selection .Handset-price {
  display: inline;
  padding: 0;
  margin: 0;
  font-size: 26px;
  font-size: 2.6rem;
}
.Handset-selection .Handset-stock {
  display: block;
}
.Handset-selection .Handset-stock:after {
  clear: both;
}
.CombinedOffers .Handset-title {
  text-align: center;
}
.CombinedOffers .Handset-title,
.CombinedOffers .Plan-title {
  display: block;
  margin-bottom: 25px;
  font-size: 16px;
  font-size: 1.6rem;
}
.CombinedOffers .Plan-price {
  display: block;
  margin: 10px 10px 10px 0;
  font-size: 48px;
  font-size: 4.8rem;
}
.CombinedOffers .Handset-stock {
  display: block;
  text-align: center;
  margin: 20px;
}
.CombinedOffers .Plan-title {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}
.CombinedOffers .Cta {
  margin: 20px;
  position: relative;
}
.CombinedOffers .Plan-price {
  font-size: 26px;
  font-size: 2.6rem;
}
.CombinedOffers .Plan-extraInformation {
  margin-bottom: 65px;
}
.OrderInformation-upFrontAmount {
  margin-top: 10px;
}
.OrderInformation-monthlyAmount {
  margin-top: 15px;
}
.OrderInformation-occDuration,
.OrderInformation-retailAmount {
  margin-top: 20px;
}
body.sales-activation-page-app {
  min-width: 0;
  /* Activation page */
  /* Overrides for body.sales-activation-page-app */
  /*
&.Activation-main {

  .Activation-content form {
    margin: 0 auto;
  }

  .Activation-content form .tooltip_wrapper {
    position: absolute;
    right: -30px;
    top: 0;
  }

  .Activation-confirmation {
    text-align: center;
  }



  #cta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffffff;
  }


  .Activation-date .Download {
    display: inline-block;
    width: 340px;
  }

  .Activation-date .Date {
    width: 525px;
  }

  .Activation-date .Date input[type="text"] {
    width: 130px !important;
  }

  .Activation-date .Form-item.Date .label.Date-today {
    width: 75%;
    margin-top: 6px;
  }

  .Activation-date .Date input[type="text"],
  .Activation-date .Form-item.Date .label.Date-today label {
    margin-left: 10px;
  }

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

  .Download > div:nth-of-type(2) {
    width: 80%;
  }

  .Download span {
    display: inline-block;

    margin-right: 10px;
  }

  .Download button {
    margin-top: 10px;
  }

  .Form-item.GeneralConditions {
    margin-bottom: 15px;
  }
  .Form-item.GeneralConditions .label {
    width: auto;
    padding-right: 0;
  }

  .Form-item.GeneralConditions .Form-label a {
    text-decoration: underline !important;
  }

  .Form-item.GeneralConditions .field {
    margin-right: 10px;
  }

  .Activation .Navigation {
    margin-top: 25px;
  }

  .Form-field .tooltip_content {
    min-width: 200px;
    margin-left: 15px;
  }

  span.req {
    position: relative !important;
    right: -3px;
  }

  .CtaRuler {
    margin: 60px 0 10px 0;
  }
}
*/
}
body.sales-activation-page-app .Activation {
  width: 100%;
}
@media (min-width: 64em) {
  body.sales-activation-page-app .Activation {
    min-height: calc(100vh - 35px);
    display: table;
  }
}
body.sales-activation-page-app #main.Activation-main {
  box-sizing: border-box;
  padding: 0 15px;
  max-width: 440px;
  width: auto !important;
}
body.sales-activation-page-app #main.Activation-main .content-blocks {
  padding: 0 !important;
}
body.sales-activation-page-app .Activation-logo {
  margin: 30px auto;
  display: block;
}
@media (min-width: 1000px) and (min-height: 800px) {
  body.sales-activation-page-app .Activation-logo {
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0;
  }
}
body.sales-activation-page-app .Activation-title {
  text-align: center;
}
@media (min-width: 540px) {
  body.sales-activation-page-app .Activation-title {
    margin-bottom: 20px;
  }
}
@media (min-height: 900px) {
  body.sales-activation-page-app .Activation-title {
    margin-bottom: 40px;
  }
}
body.sales-activation-page-app .Activation-steps {
  margin-bottom: 20px;
}
@media (min-height: 900px) {
  body.sales-activation-page-app .Activation-steps {
    margin-bottom: 40px;
  }
}
body.sales-activation-page-app .Activation-date {
  text-align: center;
}
body.sales-activation-page-app .Activation-buttons {
  zoom: 1;
  padding: 10px 0 20px 0;
}
body.sales-activation-page-app .Activation-buttons:before {
  content: "";
  display: table;
}
body.sales-activation-page-app .Activation-buttons:after {
  content: "";
  display: table;
}
body.sales-activation-page-app .Activation-buttons:after {
  clear: both;
}
body.sales-activation-page-app .Activation-buttons:before {
  content: "";
  display: table;
}
body.sales-activation-page-app .Activation-buttons:after {
  content: "";
  display: table;
}
body.sales-activation-page-app .Activation-buttons:after {
  clear: both;
}
body.sales-activation-page-app .Activation-buttons > .Activation-button {
  margin: 0 !important;
}
body.sales-activation-page-app .Activation-button--next {
  float: right !important;
}
body.sales-activation-page-app .Activation-prefix {
  line-height: 42px;
  text-align: right;
}
@media (min-width: 1000px) and (min-height: 800px) {
  body.sales-activation-page-app .Activation-content {
    display: table-cell;
    vertical-align: middle;
    min-width: 420px;
  }
}
body.sales-activation-page-app .Activation-footer {
  padding: 20px 20px 8px;
  margin: 0 auto;
  max-width: 420px;
  color: black;
}
body.sales-activation-page-app .Activation-footer .legalInformation p,
body.sales-activation-page-app .Activation-footer .legalInformation p a {
  font-size: 14px;
}
@media screen and (min-width: 64em) {
  body.sales-activation-page-app .Activation-footer {
    padding: 0;
    border: none;
    height: 35px;
    max-width: none;
    padding-right: 15px;
  }
  body.sales-activation-page-app .Activation-footer p {
    text-align: right !important;
  }
}
body.sales-activation-page-app .Activation-support {
  text-align: center;
  padding: 0 15px;
}
@media screen and (min-width: 64em) {
  body.sales-activation-page-app .Activation-support {
    text-align: left;
  }
}
body.sales-activation-page-app .GeneralConditions input[type="checkbox"] {
  position: relative;
  top: -5px;
}
body.sales-activation-page-app .Activation-termsAndConditions {
  display: inline !important;
  line-height: 1 !important;
}
body.sales-activation-page-app #globalContainer {
  padding-top: 0 !important;
}
body.sales-activation-page-app .cookieFlyout {
  display: none !important;
}
body.sales-activation-page-app .Form-item--transparent {
  transition: 0.25s opacity ease-out;
  opacity: 0.5;
  will-change: opacity;
}
body.sales-activation-page-app .Form-item--touched,
body.sales-activation-page-app .Form-item--error {
  opacity: 1;
}
body.sales-activation-page-app .Form-field {
  float: none;
}
body.sales-activation-page-app .Form-label {
  width: auto;
  float: none;
}
body.sales-activation-page-app .Form-text {
  border: 1px solid #d4d4d4 !important;
}
body.sales-activation-page-app .Form-text:focus {
  border-color: #999 !important;
}
body.sales-activation-page-app .Form-item--checkbox .Form-label,
body.sales-activation-page-app .Form-item--singleRadio .Form-label,
body.sales-activation-page-app .Form-item--checkbox .Form-field,
body.sales-activation-page-app .Form-item--singleRadio .Form-field {
  float: left;
}
body.sales-activation-page-app .Form-item--checkbox .Form-label,
body.sales-activation-page-app .Form-item--singleRadio .Form-label {
  width: calc(100% - 20px);
}
body.sales-activation-page-app .ui-datepicker-trigger {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
}
body.sales-activation-page-app .usabilla_live_button_container {
  display: none !important;
}
.BillingSettings .form .form-item .label {
  min-width: 200px;
}
.BillingSettings .section {
  clear: both;
}
.BillingSettings-directDebitLink {
  margin-right: 25px;
}
.BillingSettings-directDebitInfo {
  float: left;
  width: 49%;
}
.BillingSettings-directDebitInfo .SelfcareMessageBox-text {
  display: inline-block;
  box-sizing: border-box;
  max-width: 50%;
  padding-right: 0;
}
.BillingSettings-changeInvoiceAddress {
  padding-bottom: 20px;
}
.CallHistory input[type="submit"] {
  margin-top: 0;
}
.CallHistory-filterBox {
  margin-bottom: 25px;
}
.CallHistory-filterBox-dateContainer {
  float: left;
}
.CallHistory-filterBox-dateContainer:lastChild {
  margin-right: 25px;
}
.CallHistory-filterBox-recordsPerPage,
.MyReloads-filterBox-recordsPerPage {
  float: left;
  margin-right: 25px;
}
.CallHistory-filterBox-recordsPerPage label,
.MyReloads-filterBox-recordsPerPage label {
  width: auto;
  display: inline;
}
.CallHistory-filterBox-recordsPerPage select,
.MyReloads-filterBox-recordsPerPage select {
  width: 60px;
  display: inline;
  margin-bottom: -9px;
}
.CallHistory-premium .tooltip_content {
  left: -88px;
  right: -60px;
}
.content-eservices .Epay .text {
  margin: 15px;
}
.Epay .Service-epay-introduction {
  background: #f2f2f2;
}
.Epay .text {
  margin: 15px;
}
.EPayForm .form-item .label {
  margin-top: 0;
}
.EPayForm .form-item .field {
  padding-top: 0;
}
.EPayForm .form-item .field.amount,
.EPayForm .form-item .field.type {
  margin-top: 20px;
}
.EPayForm .form-item .field .value {
  line-height: normal;
}
.EPayForm .form-item .field .radioCheck-ico img {
  margin-bottom: 15px;
}
.EPayForm .form-item .field .radioCheck-ico label {
  height: 50px;
  position: relative;
}
.EPayForm .form-item .field .radioCheck-ico label span {
  position: absolute;
  bottom: 0;
}
.EPayForm-paymentTypeSelector {
  width: 240px;
  height: 30px;
}
.EPayForm-paymentTypes {
  position: absolute;
  top: 33px;
  display: none;
}
.EPayForm-phoneNumber,
.EPayForm-amount,
.EPayForm-paymentTypeSelector {
  float: right;
  clear: right;
}
.EPayForm-note {
  float: right;
  font-style: italic;
  margin-right: 10px;
}
.EPayForm-btnPay {
  float: right;
  clear: right;
  margin-top: 5px;
}
.EPayForm-recentInvoiceAmount {
  float: right;
  font-style: italic;
  font-size: .9em;
  width: 100%;
  text-align: right;
  margin-bottom: 5px;
}
.EPayForm-brand {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 4px;
}
.EPayForm-brand img {
  height: 100%;
  width: auto;
}
.EPayForm-amountByText {
  position: relative;
  clear: both;
  margin-bottom: 25px;
  padding-left: 40px;
  padding-top: 12px;
}
.EPayForm-amountByText img {
  position: absolute;
  top: 15px;
  left: 2px;
  cursor: pointer;
}
.EPayForm-Captcha {
  margin-top: 20px !important;
  padding: 3px 0 10px;
}
.EPayForm-Captcha-image {
  margin: 10px 0 16px;
  display: block;
}
.EPayEnd h2 {
  color: #069806;
}
.EPayEnd.block-error {
  background-color: transparent;
}
.EPayEnd.block-error h2 {
  color: #ff0000;
}
.EPayEnd-data {
  margin-bottom: 17px;
}
.wideform .form-item .field.EPayForm-aliasField {
  min-width: 280px;
  padding-top: 10px;
}
.EPayForm-alias {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  display: block;
  line-height: 1;
  transition: all 0.25ms ease;
  zoom: 1;
}
.EPayForm-alias label {
  margin: 0 !important;
}
.EPayForm-alias:before {
  content: "";
  display: table;
}
.EPayForm-alias:after {
  content: "";
  display: table;
}
.EPayForm-alias:after {
  clear: both;
}
.EPayForm-alias:before {
  content: "";
  display: table;
}
.EPayForm-alias:after {
  content: "";
  display: table;
}
.EPayForm-alias:after {
  clear: both;
}
.EPayForm-alias--expiring .EPayForm-aliasDate {
  color: orange;
}
.EPayForm-aliasRadio {
  float: left;
  display: block;
  margin-top: 9px !important;
  margin-left: 2px;
  margin-right: 10px;
}
.EPayForm-aliasLabel {
  margin-top: 6px;
  padding: 0;
}
.EPayForm-aliasImage {
  float: left;
}
.EPayForm-aliasInfo {
  display: block;
  float: left;
  margin-left: 7px;
}
.EPayForm-aliasNumber {
  display: block;
  padding-top: 0 !important;
  line-height: 1;
}
.EPayForm-aliasDate {
  padding-top: 0 !important;
  display: block;
  line-height: 1.6;
  color: gray;
  font-size: 10px;
  font-size: 1rem;
}
.EPayForm-btnDeleteAlias,
.EPayForm-btnUndoDeleteAlias {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  background: url(../images/sprites.png) no-repeat;
  background-position: 0px -285px;
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  transition: all 0.15s ease;
}
.EPayForm-btnDeleteAlias:hover,
.EPayForm-btnUndoDeleteAlias:hover,
.EPayForm-btnDeleteAlias:active,
.EPayForm-btnUndoDeleteAlias:active {
  opacity: 0.5;
}
.EPayForm-aliasInfoContainer {
  transition: all 0.25s ease;
}
.EPayForm-aliasInfoContainer span {
  line-height: 28px;
}
.EPayForm-aliasInfoContainer.visible {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.EPayForm-aliasInfoContainer.invisible {
  opacity: 0;
  visibility: hidden;
  height: 0;
  display: none;
}
.EPayForm-cancelDeleteAlias {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all 0.25s ease;
  zoom: 1;
}
.EPayForm-cancelDeleteAlias .button {
  margin-top: 0!important;
  margin-left: 6px!important;
  float: right;
  zoom: 1;
}
.EPayForm-cancelDeleteAlias .button:before {
  content: "";
  display: table;
}
.EPayForm-cancelDeleteAlias .button:after {
  content: "";
  display: table;
}
.EPayForm-cancelDeleteAlias .button:after {
  clear: both;
}
.EPayForm-cancelDeleteAlias .button:before {
  content: "";
  display: table;
}
.EPayForm-cancelDeleteAlias .button:after {
  content: "";
  display: table;
}
.EPayForm-cancelDeleteAlias .button:after {
  clear: both;
}
.EPayForm-cancelDeleteAlias.visible {
  opacity: 1;
  visibility: visible;
  height: 28px;
}
.EPayForm-cancelDeleteAlias:before {
  content: "";
  display: table;
}
.EPayForm-cancelDeleteAlias:after {
  content: "";
  display: table;
}
.EPayForm-cancelDeleteAlias:after {
  clear: both;
}
.EPayForm-cancelDeleteAlias:before {
  content: "";
  display: table;
}
.EPayForm-cancelDeleteAlias:after {
  content: "";
  display: table;
}
.EPayForm-cancelDeleteAlias:after {
  clear: both;
}
div.ereload .retcon,
div.epay .retcon {
  padding: 0 15px 0 15px!important;
  margin: 25px 0 25px 0;
}
.wideform .form-item .field.EPayForm-aliasField {
  min-width: auto;
  padding-top: 0;
  width: 241px;
}
.EReloadForm .form-item .label {
  margin-top: 0;
}
.EReloadForm .form-item .field {
  padding-top: 0;
}
.EReloadForm .form-item .field.amount,
.EReloadForm .form-item .field.type {
  margin-top: 20px;
}
.EReloadForm .form-item .field .value {
  line-height: normal;
}
.EReloadForm .form-item .field .radioCheck-ico img {
  margin-bottom: 15px;
}
.EReloadForm .form-item .field .radioCheck-ico label {
  height: 50px;
  position: relative;
}
.EReloadForm .form-item .field .radioCheck-ico label span {
  position: absolute;
  bottom: 0;
}
.EReloadForm-aliasField {
  float: left;
}
.EReload-prepaidRegistrationMessage {
  padding-top: 20px;
}
@media screen and (max-width: 480px) {
  .ChangePaymentMethodMessage .SelfcareMessageBox-text {
    padding-right: 0;
  }
}
.SelfcareMessageBox:first-child {
  margin-top: 0;
}
.BillingInfo > div {
  position: relative;
}
.BillingInfo > div .additionalUsage {
  position: relative;
}
.BillingInfo > div .tooltip_wrapper {
  right: auto;
  top: 4px !important;
}
.BalanceInfo button {
  margin-top: 10px;
}
.BalanceInfo-amount {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
}
.InvoiceList-btnDownload {
  display: none;
}
.InvoiceList-downloadLink {
  text-decoration: none;
  transition: 0.25s color ease-out;
}
.InvoiceList-downloadLink:hover {
  text-decoration: none;
}
.InvoiceList-notFound {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}
.InvoiceList .InvoiceList-pagerContainer {
  padding: 0 !important;
}
.MyMessages h4 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}
.MyMessages-confirmation .text,
.MyMessages-confirmation .text,
.MyMessages-navigation .text,
.MyMessages-newMessage .text,
.MyMessages-messages .text {
  margin: 20px 0;
}
.MyMessages-newMessage .form-item.fiedBelow .field {
  width: auto;
}
.jumpOutDate {
  position: relative;
}
.jumpOutDate span {
  position: absolute;
  left: -160px;
  font-weight: normal;
}
/*-------------------------------*\
     #MyProducts common
\*------------------------------ */
.MyProducts {
  min-height: 300px;
}
.MyProducts-form {
  text-align: right;
}
.MyProducts button {
  float: right;
}
.MyProducts .Products {
  position: relative;
  margin-top: 25px;
}
.Description {
  margin-bottom: 15px;
}
.Description::before {
  content: "";
  display: table;
}
.Description::after {
  content: "";
  display: table;
}
.Description::after {
  clear: both;
}
/*-------------------------------*\
     #Options
\*------------------------------ */
.ProductsOverview--prepaid {
  padding-top: 20px;
}
.Products table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
}
.Product-header {
  text-align: left;
  padding: 5px;
  background: #ededed;
}
@media screen and (min-width: 800px) {
  .Product-header {
    padding: 15px;
  }
}
.ProductsOverview-name,
.Product-name {
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  width: 100%;
}
.ProductsOverview-name {
  margin-bottom: 5px;
}
.Product-info {
  font-weight: normal;
}
.Product-info a {
  text-decoration: underline !important;
}
@media screen and (min-width: 800px) {
  .Product-info {
    margin-top: 10px;
  }
}
.Product-options {
  margin-top: 15px;
  margin-bottom: 30px;
}
.Product-options table tbody td {
  padding: 10px;
}
@media screen and (min-width: 800px) {
  .Product-options table tbody td {
    padding: 10px 15px;
  }
}
.Product-options table tbody tr:nth-child(even) td {
  background: #ededed;
}
.Product-options table tbody tr:nth-child(odd) td {
  background: #f5f5f5;
}
.Product--inactive > td {
  opacity: 0.3;
}
/*-------------------------------*\
     #Basket
\*------------------------------ */
.Product-modifications {
  background: #f2f2f2;
  margin-top: 12px;
}
.Product-modifications hr {
  border-top: 2px solid #111111!important;
}
.Product-modifications .Option-price {
  text-align: right;
  font-family: AkagiProBold, Arial, sans-serif;
}
.Modifications-total span:nth-of-type(1) {
  display: inline-block;
  width: 55%;
}
.Modifications-total span:nth-of-type(2) {
  float: right;
}
.Modifications-note {
  display: inline-block;
  margin-top: 15px;
  color: #808080;
}
/*------------------------------*\
     #Offers
\*------------------------------*/
.MyOffers {
  zoom: 1;
}
.MyOffers:before {
  content: "";
  display: table;
}
.MyOffers:after {
  content: "";
  display: table;
}
.MyOffers:after {
  clear: both;
}
.MyOffers:before {
  content: "";
  display: table;
}
.MyOffers:after {
  content: "";
  display: table;
}
.MyOffers:after {
  clear: both;
}
.Product-usageUrl {
  text-align: right;
  text-decoration: underline;
  z-index: 1;
  max-width: 70%;
}
.Product-usageUrl > .Icon {
  margin-top: -3.5px;
}
/* Contact details */
.AcountDetails .form .form-item .label {
  min-width: 280px;
}
/* User details */
.SubscriptionDetails .form .form-item .label {
  min-width: 280px;
}
.SubscriptionDetails .form .form-item .field-extraInfo {
  margin-left: 280px;
}
/* Change password */
.ChangePassword .form .form-item .label {
  min-width: 250px;
}
.ChangePassword .form .form-item .field-extraInfo {
  margin-left: 0;
}
.ChangePasswordForm .label {
  width: 170px;
}
@media screen and (max-width: 800px) {
  .MyReloads-table-promoCol {
    display: none;
  }
}
.MyReloads-filterBox a {
  margin-top: 5px;
}
.MyReloads-filterBox-date {
  float: left;
  margin-right: 25px;
  width: 160px;
}
.Subscriptions-simInfo .sim-info p,
.Subscriptions-simInfo .setAsMaster p {
  margin: 0;
}
.Subscriptions-simInfo .setAsMaster button {
  margin-top: 0;
}
.Subscriptions-simInfo:after {
  clear: both;
  content: '';
}
.Subscriptions-simInfo .Button {
  margin-top: 10px !important;
}
.Dataguard .form .form-item .label {
  min-width: 250px;
}
.Dataguard .form .form-item select {
  display: inline;
  margin-bottom: -10px;
  margin-right: 10px;
}
.DataUsageSettings-international-treshold {
  margin-bottom: -10px;
}
.dataguard-note {
  font-size: 12px;
}
.VoicemailList {
  margin-top: 25px;
}
.VoicemailForm .form-item .label {
  width: 120px;
  margin-top: 4px;
}
.voicemail__content td {
  padding: 0 10px !important;
}
.voicemail__content audio {
  margin-top: 15px;
}
.voicemail__content .voicemail__actions li {
  display: inline;
  margin: 5px;
}
.VoicemailList-check {
  width: 10px;
}
.VoicemailList-urgent {
  width: 14px;
}
.voicemail__actions {
  margin: 15px 0 15px 0;
}
.voicemail--voice {
  margin-left: -12px;
}
.Voicemail-filter {
  float: right;
  zoom: 1;
}
.Voicemail-filter:before {
  content: "";
  display: table;
}
.Voicemail-filter:after {
  content: "";
  display: table;
}
.Voicemail-filter:after {
  clear: both;
}
.Voicemail-filter:before {
  content: "";
  display: table;
}
.Voicemail-filter:after {
  content: "";
  display: table;
}
.Voicemail-filter:after {
  clear: both;
}
.Voicemail-filterLabel {
  width: auto;
  padding-right: 10px;
  float: left !important;
}
.Voicemail-filterField {
  width: auto;
}
.VoicemailSettings-configForm {
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.VoicemailSettings-pinForm p:last-child {
  margin-top: 10px;
}
.VoicemailSettings .pincode__number {
  width: 25px;
  text-align: center;
}
.VoicemailSettings .tooltip_wrapper {
  position: relative;
  right: auto;
}
.dobUsage .filter {
  margin-bottom: 10px;
}
.dobUsage .filter div {
  float: right;
}
.Usage a {
  font-size: 14px;
  font-size: 1.4rem;
}
.gdpr .Buttons {
  margin: 15px 0 !important;
}
.gdpr .Button {
  margin-right: 0 !important;
}
.gdpr .color-ocean {
  margin-top: 40px;
}
.biptLinks-container {
  margin-top: 30px;
}
.biptLinks-msisdn {
  margin-top: 0.5em;
}
.biptLinks-link {
  margin-left: 15px;
  margin-bottom: 5px;
}
.biptLinks-info {
  margin-top: -10px;
  padding-left: 5px;
}
.QR-app {
  font-size: 15px;
  color: white;
  height: 100%;
}
.QR-app * {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
.QR-app *:focus {
  outline: none;
}
.QR-app .block-ui {
  position: inherit;
}
.QR-app .spinner {
  width: 100%;
}
.QR-app .cq-dd-image,
.QR-app .cta,
.QR-app .stylebox,
.QR-app .text {
  margin: 5px 0px !important;
}
.QR-app .cq-dd-image ul,
.QR-app .cta ul,
.QR-app .stylebox ul,
.QR-app .text ul {
  list-style: disc;
}
.QR-app .cq-dd-image ul li,
.QR-app .cta ul li,
.QR-app .stylebox ul li,
.QR-app .text ul li {
  margin-left: 15px;
}
.QR-app .cq-dd-image ol,
.QR-app .cta ol,
.QR-app .stylebox ol,
.QR-app .text ol {
  list-style: decimal;
}
.QR-app .cq-dd-image ol li,
.QR-app .cta ol li,
.QR-app .stylebox ol li,
.QR-app .text ol li {
  margin-left: 15px;
}
.QR-app .QR-app--header h1 {
  font-size: 30px;
  margin: 0 !important;
  color: rgba(55, 55, 55, 0.3);
}
.QR-app .QR-app--header svg {
  fill: rgba(55, 55, 55, 0.3);
}
.QR-app .QR-app--header.active h1 {
  color: white;
}
.QR-app .QR-app--header.active svg {
  fill: white;
}
.QR-app .multiline-fix-wrapper {
  display: block;
  text-align: center;
  margin: auto;
}
.QR-app input[type=tel]::-webkit-inner-spin-button,
.QR-app input[type=tel]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.QR-app input[type=tel] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
  appearance: none;
}
.QR-app input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #058D89 inset;
  border-color: #067C78 !important;
  -webkit-text-fill-color: white !important;
}
.QR-app--wrapper {
  padding: 10px;
  max-width: 900px;
  margin: auto;
}
.QR-app input[type="radio"] {
  display: none;
}
.QR-app--content_Free_TopUpAmount {
  margin: 0;
  height: 0;
  opacity: 0;
  transition: all 0.1s;
}
.QR-app--content_Free_TopUpAmount.active {
  margin: 40px 0;
  height: 21px;
  transition: all 0.1s;
  opacity: 1;
}
.QR-app input[type="tel"],
.QR-app select,
.QR-app--pay,
.QR-app-btn--default {
  background: rgba(50, 50, 50, 0.2);
  border: 1px solid rgba(50, 50, 50, 0.1);
  border-radius: 10px;
  color: white;
  outline: none;
  font-size: 18px;
  padding: 20px !important;
}
.QR-app--pay {
  cursor: pointer;
  margin: 80px 0 0;
}
.QR-app output {
  font-size: 20px;
  top: -3.5px;
}
.QR-app input:hover,
.QR-app select:hover,
.QR-app--pay:hover,
.QR-app-btn--default:hover {
  background: rgba(50, 50, 50, 0.1);
  border: 1px solid rgba(50, 50, 50, 0.2);
}
.QR-app-btn--default {
  margin: 10px;
  min-width: 60px;
}
.QR-app #Account {
  position: absolute;
  right: 10px;
}
.QR-app svg {
  height: 80px;
}
.QR-app .TopupButton-value {
  font-weight: bold;
  font-size: 18px;
  padding: 0 0 10px 0;
}
.TopupButton {
  position: relative;
  margin: 10px 5px 0;
  width: 130px;
  height: 120px;
  border-radius: 45px;
  box-sizing: border-box;
  overflow: hidden;
  display: inline-block;
}
.TopupButton-background {
  position: absolute;
  color: white;
  background: black;
  width: 100%;
  height: 100%;
}
.TopupButton-label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.01);
}
.TopupButton-label:hover {
  cursor: pointer;
}
.TopupButton-content {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: table;
}
.TopupButton-content > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}
/*CHROME STYLE FOR RANGE INPUT*/
.QR-app input[type=range] {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  height: 50px;
}
.QR-app input[type=range]:focus {
  outline: none;
}
.QR-app input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: rgba(50, 50, 50, 0.2);
}
.QR-app input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 4px 10px rgba(50, 50, 50, 0.6);
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -16px;
}
/*FIREFOX STYLE FOR RANGE INPUT*/
.QR-app input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: rgba(50, 50, 50, 0.2);
}
.QR-app input[type=range]::-moz-range-thumb {
  box-shadow: 0px 4px 10px rgba(50, 50, 50, 0.6);
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  margin-top: -16px;
}
/*IE STYLEFOR RANGE INPUT*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .QR-app--blackButton {
    max-width: none;
  }
  .active.QR-app--content_Free_TopUpAmount {
    height: 52px;
  }
}
.QR-app input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: rgba(50, 50, 50, 0.2);
  border-color: transparent;
  color: transparent;
}
.QR-app input[type=range]::-ms-fill-upper {
  background: rgba(50, 50, 50, 0.6);
}
.QR-app input[type=range]::-ms-thumb {
  box-shadow: 0px 4px 10px rgba(50, 50, 50, 0.6);
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  margin-top: -5px;
}
.QR-app input[type=range]:focus::-ms-fill-upper {
  background: rgba(50, 50, 50, 0.6);
}
.QR-app .Message {
  background: #f2f2f2;
  padding: 20px;
  border-radius: 10px;
  margin: 10px 0 0px 0;
  letter-spacing: 0.02em;
  line-height: 1.5em;
}
.QR-app .Message--error {
  background: #b9cd00;
  color: #000000 !important;
}
.mobile.landingpage {
  overflow: auto !important;
}
.QR-app--content {
  position: relative;
}
.QR-app--content .QR-app--spinner {
  position: absolute;
  left: 90%;
  height: 66px;
  top: 0;
}
.QR-app--content img {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  padding: 15px;
  height: 100%;
  max-height: 66.36px;
}
.QR-app {
  /* color definitions */
  /*deprecated */
  /* Odyssey colours */
}
.QR-app .color-base-ocean,
.QR-app .color-base-ocean * {
  color: #009793 !important;
}
.QR-app .color-base-white,
.QR-app .color-base-white * {
  color: #ffffff !important;
}
.QR-app .color-base-lightGrey,
.QR-app .color-base-lightGrey * {
  color: #f2f2f2 !important;
}
.QR-app .color-base-black,
.QR-app .color-base-black * {
  color: #111111 !important;
}
.QR-app .color-base-bright-green,
.QR-app .color-base-bright-green * {
  color: #b9cd00 !important;
}
.QR-app .color-base-blue,
.QR-app .color-base-blue * {
  color: #21b9d7 !important;
}
.QR-app .color-base-green,
.QR-app .color-base-green * {
  color: #475e1e !important;
}
.QR-app .background-base-ocean {
  background: #009793;
}
.QR-app .background-base-white {
  background: #ffffff;
}
.QR-app .background-base-lightGrey {
  background: #f2f2f2;
}
.QR-app .background-base-black {
  background: #111111;
}
.QR-app .background-base-bright-green {
  background: #b9cd00;
}
.QR-app .background-base-blue {
  background: #21b9d7;
}
.QR-app .background-base-green {
  background: #475e1e;
}
.QR-app .border-base-ocean {
  border: 3px solid #009793;
}
.QR-app .border-base-white {
  border: 3px solid #ffffff;
}
.QR-app .border-base-lightGrey {
  border: 3px solid #f2f2f2;
}
.QR-app .border-base-black {
  border: 3px solid #111111;
}
.QR-app .border-base-bright-green {
  border: 3px solid #b9cd00;
}
.QR-app .border-base-blue {
  border: 3px solid #21b9d7;
}
.QR-app .border-base-green {
  border: 3px solid #475e1e;
}
.QR-app .borderColor-base-ocean {
  border-color: #009793 !important;
}
.QR-app .borderColor-base-white {
  border-color: #ffffff !important;
}
.QR-app .borderColor-base-lightGrey {
  border-color: #f2f2f2 !important;
}
.QR-app .borderColor-base-black {
  border-color: #111111 !important;
}
.QR-app .borderColor-base-brightGreen {
  border-color: #b9cd00 !important;
}
.QR-app .borderColor-base-blue {
  border-color: #21b9d7 !important;
}
.QR-app .borderColor-base-green {
  border-color: #475e1e !important;
}
.QR-app .stylingplaceholder {
  padding: 0;
  border-radius: 10px;
}
.QR-app .Cta-arrow,
.QR-app .Cta-arrow--hover {
  display: none;
}
.QR-app .cta {
  margin: 0;
}
.QR-app .Cta {
  color: white;
  margin: 0;
}
.QR-app .Cta:hover {
  color: white;
}
.QR-app .text {
  padding: 0 !important;
}
.QR-app .title {
  margin-left: 0 !important;
}
.QR-app .title h1 {
  font-size: 30px;
}
.QR-app .title h1,
.QR-app .title h2 {
  text-transform: none;
  color: white !important;
  margin: 10px 0;
}
@supports (flex-wrap: wrap) {
  .QR-app .multiline-fix-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
}
.PaymentMethod .PaymentMethod-img {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  margin: 10px 10px 10px 0;
}
.PaymentMethod-label {
  position: relative;
  display: inline-block;
}
.PaymentMethod-label:after {
  content: ' ';
  background: rgba(255, 255, 255, 0.01);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}