/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */

hr,
input[type=search] {
    box-sizing: content-box
}
img,
legend {
    border: 0;
}
legend,
td,
th {
    padding: 0
}
.icon,
button,
select {
    text-transform: none
}
.c-footer::after,
.has-clearfix::after,
.is-grid-row::after,
.r-header::after,
.u-grid-row::after,
.u-section .section__content::after,
.u-section .section__media-container::after {
    clear: both
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent;
    color: #009ADE;
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    max-width: 100%;
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre,
textarea {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: not-allowed
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
body.has-no-scroll,
html {
    height: 100%
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
html {
    font-size: 62.5%;
    overflow-x: hidden
}
.c-slider--default,
.c-slider--full-background {
    float: left;
    width: 100%
}
[data-js-module~=slider] .slider__pagination-list-item {
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}
.c-accordion--default .accordion__btn::after,
.icon,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon {
    font-family: cc-icons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-rendering: auto
}
.asciidoc .hljs-emphasis,
.hljs-emphasis,
.markdown .hljs-emphasis {
    font-style: italic
}
.is-icon-appstore:before {
    content: "\f101"
}
.is-icon-arrow-down:before {
    content: "\f102"
}
.c-accordion--default .accordion__btn::after,
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header::after,
.is-icon-arrow:before {
    content: "\f103"
}
.is-icon-call:before {
    content: "\f104"
}
.is-icon-cart:before {
    content: "\f105"
}
.c-quicksearch--default .quicksearch__close::before,
.is-icon-close:before {
    content: "\f106"
}
.is-icon-facebook:before {
    content: "\f107"
}
.is-icon-googleplus:before {
    content: "\f108"
}
.is-icon-instagram:before {
    content: "\f109"
}
.is-icon-landscape:before {
    content: "\f10a"
}
.is-icon-playstore:before {
    content: "\f10b"
}
.c-quicksearch--default .quicksearch__form .form__submit::before,
.c-quicksearch--default .quicksearch__toggle::before,
.is-icon-search:before {
    content: "\f10c"
}
.is-icon-sms:before {
    content: "\f10d"
}
.is-icon-star:before,
[data-css=c-star-rating] .c-star-rating__stars .is-icon-star::after {
    content: "\f10e"
}
.is-icon-twitter:before {
    content: "\f10f"
}
.is-icon-user:before {
    content: "\f110"
}
.is-icon-video:before {
    content: "\f111"
}
.is-icon-wechat:before {
    content: "\f112"
}
.is-icon-whatsapp:before {
    content: "\f113"
}
.is-icon-youtube:before {
    content: "\f114"
}
html.has-no-scroll {
    overflow-y: hidden
}
body {
    margin: 0;
    font-family: Lato, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.1
}
.js-logger {
    position: fixed;
    right: 20px;
    bottom: 20px;
    left: 20px;
    color: #fff;
    height: calc(100% / 6);
    background-color: rgba(0, 0, 0, .9);
    padding: 20px;
    font-size: 14px;
    overflow-y: auto;
    z-index: 9999;
    border-radius: 10px;
    border: 10px solid red
}
h1 {
    font-size: 4.8rem
}
h2 {
    font-size: 3.2rem
}
h3 {
    font-size: 2.8rem
}
h4 {
    font-size: 2.4rem
}
h5 {
    font-size: 2rem
}
h6 {
    font-size: 1.8rem
}
head {
    font-family: desktop-l
}
.is-container {
    position: relative;
    max-width: 102.4rem;
    margin: 0 auto;
    padding: 0 2.5rem
}
.is-flex {
    display: -ms-flexbox;
    display: flex
}
.is-align-items-center {
    -ms-flex-align: center;
    align-items: center
}
.is-vertical-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1
}
.is-grid-col,
.r-header,
.u-grid-col,
.u-section {
    position: relative
}
.has-section-padding {
    padding-top: 8rem;
    padding-bottom: 8rem
}
.has-section-padding.has-border {
    padding: 20px 0;
}
.has-section-padding-top {
    padding-top: 8rem
}
.has-section-padding-top.has-border {
    padding-top: 4rem
}
.has-section-padding-bottom {
    padding-bottom: 8rem
}
.has-section-padding-bottom.has-border {
    padding-bottom: 4rem
}
.has-text-indent {
    padding-left: 2rem
}
.has-section-padding-bottom-half,
.has-section-padding-bottom-half.has-border {
    padding-bottom: 6rem
}
.is-product-banner-padding {
    padding: 13.75rem 0
}
.is-padding-bottom-10 {
    padding-bottom: 1rem
}
.is-padding-bottom-20 {
    padding-bottom: 2rem
}
.is-padding-bottom-30 {
    padding-bottom: 3rem
}
.is-padding-bottom-40 {
    padding-bottom: 4rem
}
.is-padding-bottom-50 {
    padding-bottom: 5rem
}
.is-padding-bottom-60 {
    padding-bottom: 6rem
}
.is-padding-bottom-70 {
    padding-bottom: 7rem
}
.is-padding-bottom-80 {
    padding-bottom: 8rem
}
.is-padding-bottom-90 {
    padding-bottom: 9rem
}
.is-padding-bottom-100 {
    padding-bottom: 10rem
}
.is-padding-top-10 {
    padding-top: 1rem
}
.is-padding-top-20 {
    padding-top: 2rem
}
.is-padding-top-30 {
    padding-top: 3rem
}
.is-padding-top-40 {
    padding-top: 4rem
}
.is-padding-top-50 {
    padding-top: 5rem
}
.is-padding-top-60 {
    padding-top: 6rem
}
.is-padding-top-70 {
    padding-top: 7rem
}
.is-padding-top-80 {
    padding-top: 8rem
}
.is-padding-top-90 {
    padding-top: 9rem
}
.is-padding-top-100 {
    padding-top: 10rem
}
.is-padding-right-10 {
    padding-right: 1rem
}
.is-padding-right-32 {
    padding-right: 3.2rem;
}
.is-margin-bottom-10 {
    margin-bottom: 1rem
}
.is-margin-bottom-20 {
    margin-bottom: 2rem
}
.is-margin-bottom-24 {
    margin-bottom: 2.4rem;
}
.is-margin-bottom-26 {
    margin-bottom: 2.6rem;
}
.is-margin-bottom-40 {
    margin-bottom: 4rem;
}
.is-text-align-center {
    text-align: center
}
.is-text-align-right {
    text-align: right
}
.u-section .section__media-container.is-center,
[data-css=c-cta] {
    text-align: center
}
.is-uppercase {
    text-transform: uppercase
}
.is-bold-font {
    font-family: LatoBold, Arial, sans-serif-bold
}
.is-h1,
.is-h2,
.is-h3,
.is-h4,
.is-headline,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Lato, Arial, sans-serif;
    font-weight: 400;
    margin: 0 0 1rem
}
.r-header,
[data-css=c-cta] {
    font-family: LatoBold, Arial, sans-serif-bold
}
.hljs,
pre {
    margin-bottom: 2rem
}
.is-h1 {
    font-size: 4.8rem
}
.is-h2 {
    font-size: 3.2rem!important
}
.is-h3 {
    font-size: 2.8rem!important
}
.is-h4 {
    font-size: 1.8rem!important
}
.is-text-white {
    color: #fff!important
}
.is-text-grey {
    color: #ccc
}
.is-text-small {
    font-size: 1.4rem!important
}
.is-text-xlarge {
    font-size: 2.4rem
}
.is-bg-color-green {
    background-color: #008c8d!important;
    color: #fff
}
.is-bg-color-purple {
    background-color: #b43581!important;
    color: #fff
}
.is-bg-color-yellow {
    background-color: #fcba35!important
}
.is-bg-color-xpax {
    background: linear-gradient(107deg, #612993, #d1209b)!important
}

.picture__shine {
    position: absolute;
    bottom: 0px;
    left: calc(50% - 310px);
    top: 0px;
    height: 100%;
}
.is-bg-color-blue {
    background-color: #009ade!important;
    color: #fff
}
.is-bg-color-lightgrey {
    background-color: #f2f2f2!important
}
.is-bg-color-silver {
    background-color: #ccc!important
}
.is-bg-color-brightgrey {
    background-color: #efefef!important
}
.is-bg-color-darkgrey {
    background-color: #464646!important;
    color: #fff
}
.is-bg-color-black {
    background-color: #000!important;
    color: #fff
}
.is-bg-color-white {
    background-color: #fff!important
}
.is-bg-color-darkpurple {
    background-color: #221767!important;
    color: #fff
}
.is-bg-color-lightshadow {
    background-color: #e4ddd7!important
}
.is-bg-color-shadow {
    background-color: #826d49!important;
    color: #fff
}
.is-bg-color-violetred {
    background-color: #ec2d80!important;
    color: #fff
}
.is-bg-color-darkviolet {
    background-color: #ad1e48!important;
    color: #fff
}
.is-bg-color-darkyellow {
    background-color: #f69320!important;
    color: #fff
}
.is-bg-color-orange {
    background-color: #ee4725!important;
    color: #fff
}
.is-bg-color-darkgreen {
    background-color: #1F382B!important;
    color: #fff
}
.is-bg-color-faintdarkgreen {
    background-color: #496154!important;
    color: #fff
}
.is-bg-color-brown {
    background-color: #826D49!important;
    color: #fff
}
.is-bg-color-lightolive {
    background-color: #9AA893!important
}
.is-bg-color-indigo {
    background-color: #21445A!important;
    color: #fff
}
.is-bg-color-darkorange {
    background-color: #A8551E!important;
    color: #fff
}
.is-bg-color-maroon {
    background-color: #742120!important;
    color: #fff
}
.is-bg-color-lightbrown {
    background-color: #BAB098!important
}
.is-bg-color-navyblue {
    background-color: #0B448E!important;
    color: #fff
}
.is-bg-color-brightteal {
    background-color: #008C8D!important;
    color: #fff
}
.is-bg-color-brightpurple {
    background-color: #8839CE!important;
    color: #fff
}
.is-bg-color-brightgreen {
    background-color: #5FB65B!important;
    color: #fff
}
.is-color-green {
    color: #33d16b!important
}
.children-spacing-10>* {
    margin-right: 2rem
}
.children-spacing-10>:last-child {
    margin-right: 0
}
.has-clearfix::after,
.has-clearfix::before {
    content: " ";
    display: table
}
.has-width-mobile-l {
    width: 600px
}
.has-max-width-tablet-p {
    max-width: 768px
}
.is-inline-block {
    display: inline-block
}
.r-header {
    z-index: 100;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 105px
}
.r-header::after,
.r-header::before {
    content: " ";
    display: table
}
.b-sitemap .sitemap__overview-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch
}
.b-sitemap .sitemap__list {
    padding-left: 28px
}
.clojure .hljs-built_in,
.hljs,
.hljs-subst,
.hljs-tag .hljs-title,
.lisp .hljs-title,
.nginx .hljs-title {
    color: #000
}
.apache .hljs-cbracket,
.apache .hljs-tag,
.asciidoc .hljs-header,
.bash .hljs-variable,
.coffeescript .hljs-attribute,
.django .hljs-variable,
.erlang_repl .hljs-function_or_atom,
.haml .hljs-symbol,
.hljs-addition,
.hljs-aggregate,
.hljs-constant,
.hljs-flow,
.hljs-parent,
.hljs-pragma,
.hljs-preprocessor,
.hljs-rules .hljs-value,
.hljs-rules .hljs-value .hljs-number,
.hljs-stream,
.hljs-string,
.hljs-tag .hljs-value,
.hljs-template_tag,
.hljs-title,
.markdown .hljs-header,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.smalltalk .hljs-class,
.tex .hljs-command,
.tex .hljs-special {
    color: #800
}
.asciidoc .hljs-blockquote,
.diff .hljs-header,
.hljs-annotation,
.hljs-chunk,
.hljs-comment,
.hljs-template_comment,
.markdown .hljs-blockquote,
.smartquote {
    color: #888
}
.asciidoc .hljs-bullet,
.asciidoc .hljs-link_url,
.go .hljs-constant,
.hljs-change,
.hljs-date,
.hljs-hexcolor,
.hljs-literal,
.hljs-number,
.hljs-regexp,
.lasso .hljs-variable,
.makefile .hljs-variable,
.markdown .hljs-bullet,
.markdown .hljs-link_url,
.smalltalk .hljs-char,
.smalltalk .hljs-symbol {
    color: #080
}
.apache .hljs-sqbracket,
.asciidoc .hljs-attribute,
.asciidoc .hljs-link_label,
.clojure .hljs-attribute,
.coffeescript .hljs-property,
.erlang_repl .hljs-reserved,
.haml .hljs-bullet,
.hljs-array,
.hljs-attr_selector,
.hljs-decorator,
.hljs-deletion,
.hljs-doctype,
.hljs-envvar,
.hljs-filter .hljs-argument,
.hljs-important,
.hljs-javadoc,
.hljs-label,
.hljs-localvars,
.hljs-phony,
.hljs-pi,
.hljs-prompt,
.hljs-pseudo,
.hljs-shebang,
.lasso .hljs-attribute,
.markdown .hljs-link_label,
.nginx .hljs-built_in,
.ruby .hljs-string,
.tex .hljs-formula,
.vhdl .hljs-attribute {
    color: #88f
}
.apache .hljs-tag,
.asciidoc .hljs-strong,
.bash .hljs-variable,
.css .hljs-tag,
.go .hljs-typename,
.hljs-aggregate,
.hljs-built_in,
.hljs-id,
.hljs-javadoctag,
.hljs-keyword,
.hljs-phpdoc,
.hljs-request,
.hljs-status,
.hljs-title,
.hljs-winutils,
.hljs-yardoctag,
.markdown .hljs-strong,
.smalltalk .hljs-class,
.tex .hljs-command {
    font-weight: 700
}
.nginx .hljs-built_in {
    font-weight: 400
}
.c-navigation--default .navigation__list-item.is-active .navigation__link,
.c-navigation--default .navigation__list-item:hover .navigation__link,
.hljs-strong {
    font-weight: 700
}
.coffeescript .javascript,
.javascript .xml,
.lasso .markup,
.tex .hljs-formula,
.xml .css,
.xml .hljs-cdata,
.xml .javascript,
.xml .vbscript {
    opacity: .5
}
.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #23241f
}
.hljs,
.hljs-subst,
.hljs-tag {
    color: #f8f8f2
}
.hljs-emphasis,
.hljs-strong {
    color: #a8a8a2
}
.hljs-bullet,
.hljs-link,
.hljs-literal,
.hljs-number,
.hljs-quote,
.hljs-regexp {
    color: #ae81ff
}
.hljs-code,
.hljs-section,
.hljs-selector-class,
.hljs-title {
    color: #a6e22e
}
.hljs-attr,
.hljs-keyword,
.hljs-name,
.hljs-selector-tag {
    color: #f92672
}
.hljs-attribute,
.hljs-symbol {
    color: #66d9ef
}
.hljs-class .hljs-title,
.hljs-params {
    color: #f8f8f2
}
.hljs-addition,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-attr,
.hljs-selector-id,
.hljs-selector-pseudo,
.hljs-string,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
    color: #e6db74
}
.hljs-comment,
.hljs-deletion,
.hljs-meta {
    color: #75715e
}
.is-grid-row::after,
.is-grid-row::before,
.u-grid-row::after,
.u-grid-row::before {
    content: " ";
    display: table
}
.is-grid-row.is-equal-height,
.u-grid-row.is-equal-height {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.is-grid-row.is-overflow-hidden,
.u-grid-row.is-overflow-hidden {
    overflow: hidden
}
.is-grid-col.is-equal-height,
.u-grid-col.is-equal-height {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}
.is-grid-col.is-vertical-center,
.u-grid-col.is-vertical-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}
.u-section .section__content::after,
.u-section .section__content::before,
.u-section .section__media-container::after,
.u-section .section__media-container::before {
    content: " ";
    display: table
}
.u-section {
    margin-top: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.u-section.is-background-contain {
    background-size: contain
}
.u-section .is-bg-right {
    background-size: auto 100%;
    background-position: right
}
.u-section .is-bg-left {
    background-size: auto 100%;
    background-position: left
}
.u-section.is-bg-color-green .section__border-svg {
    fill: #008c8d
}
.u-section.is-bg-color-purple .section__border-svg {
    fill: #b43581
}
.u-section.is-bg-color-yellow .section__border-svg {
    fill: #fcba35
}
.u-section.is-bg-color-blue .section__border-svg {
    fill: #009ade
}
.u-section.is-bg-color-lightgrey .section__border-svg {
    fill: #f2f2f2
}
.u-section.is-bg-color-silver .section__border-svg {
    fill: #ccc
}
.u-section.is-bg-color-brightgrey .section__border-svg {
    fill: #efefef
}
.u-section.is-bg-color-darkgrey .section__border-svg {
    fill: #464646
}
.u-section.is-bg-color-black .section__border-svg {
    fill: #000
}
.u-section.is-bg-color-white .section__border-svg {
    fill: #fff
}
.u-section.is-bg-color-darkpurple .section__border-svg {
    fill: #221767
}
.u-section.is-bg-color-lightshadow .section__border-svg {
    fill: #e4ddd7
}
.u-section.is-bg-color-darkgrey {
    color: #fff
}
.u-section.is-bg-color-shadow .section__border-svg {
    fill: #826d49
}
.u-section.is-bg-color-violetred .section__border-svg {
    fill: #ec2d80
}
.u-section.is-bg-color-darkviolet .section__border-svg {
    fill: #ad1e48
}
.u-section.is-bg-color-darkyellow .section__border-svg {
    fill: #f69320
}
.u-section.is-bg-color-orange .section__border-svg {
    fill: #ee4725
}
.u-section.is-bg-color-darkgreen .section__border-svg {
    fill: #1F382B
}
.u-section.is-bg-color-faintdarkgreen .section__border-svg {
    fill: #496154
}
.u-section.is-bg-color-brown .section__border-svg {
    fill: #826D49
}
.u-section.is-bg-color-lightolive .section__border-svg {
    fill: #9AA893
}
.u-section.is-bg-color-indigo .section__border-svg {
    fill: #21445A
}
.u-section.is-bg-color-darkorange .section__border-svg {
    fill: #A8551E
}
.u-section.is-bg-color-maroon .section__border-svg {
    fill: #742120
}
.u-section.is-bg-color-lightbrown .section__border-svg {
    fill: #BAB098
}
.u-section.is-bg-color-navyblue .section__border-svg {
    fill: #0B448E
}
.u-section.is-bg-color-brightteal .section__border-svg {
    fill: #008C8D
}
.u-section.is-bg-color-brightpurple .section__border-svg {
    fill: #8839CE
}
.u-section.is-bg-color-brightgreen .section__border-svg {
    fill: #5FB65B
}
.u-section .section__border {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 40;
    pointer-events: none
}
.u-section .section__border .section__border-container {
    width: 100%;
    height: 0;
    padding-top: 3.6rem;
    position: relative
}
.u-section .section__border svg {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -2px
}
.u-section .section__border svg.is-invert {
    transform: scale(-1, -1)
}
.u-section .section__border svg.is-flip {
    transform: scale(1, -1)
}
.u-section .section__border.is-top {
    top: 0;
    transform: translateY(-100%)
}
.u-section .section__border.is-top svg.is-invert {
    transform: scale(-1, 1)
}
.u-section .section__border.is-bottom {
    top: calc(100% - .2px)
}
.u-section .section__border.is-bottom svg {
    margin: -2px 0 0
}
.u-section .section__border-svg {
    fill: #009ade
}
.u-section .section__inner {
    position: relative;
    z-index: 1
}
.u-section .section__inner.is-vertical-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}
.u-section .section__inner.is-absolute {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.u-section .section__inner.is-absolute-top {
    z-index: 50;
    position: absolute;
    top: 25%;
    left: 25%;
    transform: translate(-25%, -25%)
}
.u-section .section__content {
    position: relative
}
.u-section .section__media-container.is-left .section__media {
    float: left;
    width: 50%
}
.u-section .section__media-container.is-right .section__media {
    float: right;
    width: 50%
}
.u-section .section__media-container.is-center {
    text-align: center
}
.u-section .section__media-container.is-absolute-bottom-desktop {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}
.u-section .section__media-image {
    width: 100%
}
[data-js-module~=slider] {
    clear: both;
    display: block;
    position: relative
}
[data-js-module~=slider].is-unresolved .slider__list {
    height: 300px;
    overflow: hidden
}
[data-js-module~=slider].is-unresolved .slider__item {
    opacity: 0
}
[data-js-module~=slider] .slider__list-wrapper {
    display: block;
    position: relative;
    overflow: hidden
}
[data-js-module~=slider] .slider__list-wrapper.is-overflow {
    overflow: visible
}
[data-js-module~=slider] .slider__list {
    left: 0;
    position: relative;
    transform: translate3d(0, 0, 0);
    transition: left .6s ease
}
[data-js-module~=slider] .slider__item {
    float: left;
    width: 100%;
    position: relative;
    opacity: .3;
    transition: opacity .6s ease;
    vertical-align: top
}
[data-js-module~=slider] .slider__item.is-active {
    opacity: 1
}
[data-js-module~=slider] .slider__item:first-child {
    margin-left: 0
}
[data-js-module~=slider] .slider__controls-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 100
}
[data-js-module~=slider] .slider__control {
    border: none;
    outline: 0;
    font-style: inherit;
    top: 50%;
    transform: translateY(-50%);
    background-color: #009ade;
    position: absolute;
    padding: 1rem;
    transition: background-color 150ms ease
}
[data-js-module~=slider] .slider__control:hover {
    cursor: pointer;
    background-color: #0077ab
}
[data-js-module~=slider] .slider__control.is-previous {
    left: 0
}
[data-js-module~=slider] .slider__control.is-next {
    right: 0
}
[data-js-module~=slider] .slider__pagination-wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -14px
}
[data-js-module~=slider] .slider__pagination-list {
    margin: 0;
    padding: 0
}
[data-js-module~=slider] .slider__pagination-list-item {
    background-color: grey;
    border-radius: 50%;
    display: inline-block;
    height: 7px;
    margin: 0 2.33px;
    width: 7px;
    transition: background-color 150ms ease;
    cursor: pointer;
    opacity: .5
}
[data-js-module~=slider] .slider__pagination-list-item:hover {
    cursor: pointer;
    background-color: #676666
}
[data-js-module~=slider] .slider__pagination-list-item.is-active {
    background-color: #009ade;
    opacity: 1;
    width: 8px;
    height: 8px
}
.c-picture--slider.is-full-width-image,
[data-css=c-card],
[data-css=c-picture].is-full-width-image .picture__image {
    width: 100%
}
[data-js-module~=slider] .slider__pagination-list-item.is-hidden {
    display: none
}
.c-slider--full-background .slider__pagination-wrapper {
    bottom: 8rem
}
[data-css=c-cta] {
    background-color: transparent;
    border: none;
    outline: 0;
    font-style: inherit;
    position: relative;
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: .02px;
    line-height: 4rem;
    height: 4rem;
    padding: 0 3rem;
    text-decoration: none;
    text-align: center
}
[data-css=c-cta] .cta__icon {
    margin-left: 1rem;
    display: inline-block;
    line-height: 4rem
}
[data-css=c-cta] .cta__content {
    text-align: left
}
.c-card--category,
.c-card--collarge {
    text-align: center
}
[data-css=c-cta].is-big {
    min-width: 2.8rem
}
.is-condensed [data-css=c-cta],
[data-css=c-cta].is-condensed {
    min-width: unset
}
.c-cta--default {
    min-width: 12rem;
    color: #fff;
    background-color: #009ade;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .5);
    transition: background-color .3s
}
.c-cta--default:hover {
    background-color: #005378
}
.c-cta--border {
    min-width: 22.4rem;
    border: .1rem solid #fff;
    box-sizing: border-box;
    box-shadow: none;
    background-color: transparent;
    color: #fff;
    transition: color .3s
}
[data-css=c-accordion] .is-closed,
[data-css=c-accordion] .is-open {
    transition: height ease .3s;
    overflow: hidden
}
.c-cta--border:hover {
    color: #ccc!important;
}
[data-css=c-accordion] {
    position: relative
}
[data-css=c-accordion] .is-closed {
    height: 0
}
[data-css=c-accordion] .is-calculating {
    position: absolute!important;
    visibility: hidden!important;
    display: block!important;
    height: auto!important
}
.c-accordion--default {
    margin-bottom: 3rem
}
.c-accordion--default .accordion__btn {
    color: #464646;
    display: block;
    padding: 1rem 2rem;
    position: relative;
    text-decoration: none;
    background-color: #f4f4f4;
    margin-top: 4px
}
.c-accordion--default .accordion__btn::after {
    font-family: cc-icons;
    display: inline-block;
    vertical-align: middle;
    float: right;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    color: #009ade;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    transition: bottom .3s linear .3s, transform .3s linear
}
.c-accordion--default .accordion__btn.is-active,
[data-css=c-card] .card__link {
    font-family: LatoBold, Arial, sans-serif-bold
}
.c-accordion--default .accordion__btn.is-active::after {
    transform: rotate(90deg)
}
.c-accordion--default .accordion__icon {
    position: relative
}
.c-accordion--default .accordion__content-inner {
    padding: 2rem;
    background-color: #f4f4f4
}
.c-accordion--default .accordion__content-inner>p:first-of-type {
    -webkit-margin-before: 0
}
.c-accordion--default .accordion__content-inner>table td,
.c-accordion--default .accordion__content-inner>table th {
    padding: 10px
}
.c-accordion--default .accordion__content-inner>table th {
    background-color: #079ADE;
    color: #fff
}
[data-css=c-picture] .picture__image {
    max-width: 100%;
    overflow: hidden;
    transition: filter .3s ease
}
[data-css=c-picture] .picture__image.lazyload {
    width: 100%;
    filter: blur(10px)
}
[data-css=c-picture] .picture__image.lazyloaded {
    filter: blur(0)
}
.c-picture--slider.is-full-width-image {
    width: 100%
}
[data-css=c-card] {
    width: 100%;
    padding: 2.2rem 2.2rem 3rem;
    box-sizing: border-box;
    margin: 1rem 0;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}
[data-css=c-card].is-full-image {
    position: relative;
    padding-bottom: 0;
    display: inline-block
}
[data-css=c-card].is-full-image .card__image {
    margin-bottom: 0
}
[data-css=c-card].is-full-image .card__content-container {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6.2rem 2.2rem 3rem;
    background: linear-gradient(0deg, #000 0, transparent 100%)
}
[data-css=c-card] .card__content-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1
}
[data-css=c-card] .card__image {
    margin: -2.2rem -2.2rem .5rem;
    overflow: hidden
}
[data-css=c-card] .card__headline {
    margin: 1.5rem 0;
    line-height: 2.4rem;
    padding-right: 1rem
}
[data-css=c-card] .card__copy {
    margin-top: 0;
    font-size: 1.4rem
}
[data-css=c-card] .card__content {
    -ms-flex-positive: 1;
    flex-grow: 1
}
.c-card--category .card__headline,
.c-card--collarge .card-title__title,
.c-navigation--default .navigation__link,
[data-css=c-teaser] .teaser__headline {
    font-family: Lato, Arial, sans-serif
}
.c-card--category .card-title__border {
    margin: 0 auto
}
.c-card--category .card__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.c-card--category .card__headline {
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 2.4rem
}
.c-card--category .card-title__title {
    font-size: 1.4rem;
    text-transform: none
}
.c-card--collarge .card__title .card-title__border {
    width: 19.6rem;
    height: .1rem;
    margin: 0 auto
}
.c-card--collarge .card-title__title {
    margin-top: 4px;
    font-size: 2.4rem;
    text-transform: none
}
.c-card--collarge .card__copy {
    max-width: 60%;
    margin: 0 auto;
    font-size: 1.2rem;
    line-height: 1.8rem
}
.c-card--collarge .card__content {
    padding-top: 1.1rem
}
.c-card--collarge .card__buttons-wrap {
    padding-top: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}
.c-card--collarge .card__buttons-wrap.is-horizontal {
    -ms-flex-direction: column;
    flex-direction: column
}
.c-card--collarge .card__button {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}
.c-link,
[data-css=c-link] {
    display: inline-block;
    cursor: pointer;
    color: #009ade;
    text-decoration: none
}
.c-link.is-big-link .link__icon,
[data-css=c-link].is-big-link .link__icon {
    font-size: 100%
}
.c-link.is-big-link .link__content,
[data-css=c-link].is-big-link .link__content {
    font-size: 2.4rem
}
.c-link.is-light-link,
[data-css=c-link].is-light-link {
    color: #23a8e3
}
.c-link.is-light-link:hover,
[data-css=c-link].is-light-link:hover {
    color: #12688e
}
.c-link:hover,
[data-css=c-link]:hover {
    text-decoration: underline;
    color: #005378
}
.c-link .link__icon,
[data-css=c-link] .link__icon {
    float: right;
    margin-left: .8rem;
    line-height: 1.6;
    font-size: 80%;
    text-decoration: none
}
.c-link .link__content,
[data-css=c-link] .link__content {
    text-align: left
}
[data-css=c-teaser],
[data-css=c-teaser].is-text-align-center {
    text-align: center
}
.c-link .is-icon-arrow-down,
[data-css=c-link] .is-icon-arrow-down {
    font-size: 100%;
    line-height: 1.35
}
.c-link.on-dark-background,
[data-css=c-link].on-dark-background {
    color: #d8d8d8;
    text-decoration: none
}
.c-link.on-dark-background:hover,
[data-css=c-link].on-dark-background:hover {
    text-decoration: underline;
    color: #fff
}
.c-link.on-dark-background .icon,
[data-css=c-link].on-dark-background .icon {
    padding-left: .5rem;
    text-decoration: none
}
[data-css=c-card-title] {
    text-transform: uppercase
}
[data-css=c-card-title] .card-title__title-container {
    margin-bottom: .8rem
}
[data-css=c-card-title] .card-title__border {
    height: .2rem;
    width: 9.6rem;
    background-color: #000
}
[data-css=c-teaser].is-white-text {
    color: #fff
}
[data-css=c-teaser] .teaser__headline {
    font-weight: 400;
    font-size: 3.2rem;
    letter-spacing: -.04rem;
    margin: 1rem 0
}
[data-css=c-teaser] .teaser__copy {
    margin: .2rem 0 1rem
}
[data-css=c-teaser] .teaser__cta,
[data-css=c-teaser] .teaser__link {
    display: inline-block;
    margin: 1rem 0 0
}
.c-burger--default {
    position: absolute;
    left: 3.6rem;
    top: 2.3rem
}
.c-burger--default .burger {
    display: none;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 3.1rem;
    height: 2.5rem;
    font-size: 0;
    text-indent: -9999px;
    box-shadow: none;
    border-radius: 0;
    border: none;
    pointer-events: auto;
    cursor: pointer;
    background-color: #fff
}
.c-burger--default .burger:focus {
    outline: 0
}
.c-burger--default .burger span {
    display: block;
    position: absolute;
    top: 1.1rem;
    left: 0;
    right: 0;
    height: .3rem;
    background: #000;
    transition: background 0s .2s
}
.c-burger--default .burger span::after,
.c-burger--default .burger span::before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: .3rem;
    background-color: #000;
    content: "";
    transition-duration: .2s, .2s;
    transition-delay: .2s, 0s
}
.c-burger--default .burger span::before {
    top: -.9rem;
    transition-property: top, transform
}
.c-burger--default .burger span::after {
    bottom: -.9rem;
    transition-property: bottom, transform
}
.c-burger--default .burger.is-active span {
    background: 0 0
}
.c-burger--default .burger.is-active span::before {
    top: 0;
    transform: rotate(45deg)
}
.c-burger--default .burger.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg)
}
.c-burger--default .burger.is-active span::after,
.c-burger--default .burger.is-active span::before {
    transition-delay: 0s, .2s
}
.c-logo--default {
    position: relative;
    padding: 1.6rem 6rem 1rem 4rem;
    text-align: left;
    width: 7rem;
    background-color: #fff;
    float: left;
    z-index: 1;
    pointer-events: auto
}
.c-navigation--default {
    background-color: #fff;
    height: calc(100% - 6.4rem);
    pointer-events: all
}
.c-navigation--default .navigation__list {
    width: 100%;
    background: #fff
}
.c-navigation--default .navigation__list-item {
    transition: all cubic-bezier(.7, 0, .3, 1) .2s;
    background-color: #fff;
    float: left;
    padding: 3.6rem 2.3rem 1.5rem 1rem;
    overflow: hidden
}
.c-navigation--default .navigation__list-item.is-meta {
    display: none;
    background-color: #f4f4f4
}
.c-navigation--default .navigation__link {
    display: block;
    line-height: 1;
    text-align: left;
    text-decoration: none;
    font-size: 1.6rem;
    color: #000;
    pointer-events: auto
}
.o-hero-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}
.o-hero-banner .hero-banner__background {
    width: 100%
}
.o-hero-banner .hero-banner__content .is-absolute-desktop {
    position: absolute
}
.o-hero-banner .hero-banner__item.is-vertical-center {
    left: 0
}
[data-css=c-icon-item] {
    padding-top: 2.5rem;
    width: 100%;
    text-align: center;
    margin-bottom: 1.6rem
}
[data-css=c-icon-item] .icon-item__image {
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 50px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}
[data-css=c-icon-item] .icon-item__description {
    padding: 0 3rem;
    line-height: 1.9rem;
    margin-top: 5px
}
[data-css=c-button-description] .button-description__text {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-family: LatoBold, Arial, sans-serif-bold
}
.c-button-description--default {
    text-align: center
}
.c-button-description--default .button-description__cta {
    margin-top: .8rem
}
.c-button-description--horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.c-button-description--horizontal .button-description__text {
    max-width: 10.5rem
}

/* .c-footer .footer__link {
    display: inline-block;
    color: #d8d8d8;
    text-decoration: none
} */
.c-footer{
    padding: 2rem 0;
}

.c-footer .footer__link {
    display: inline-block;
    color: #fff;
    text-decoration: none
}
/*
.c-footer .footer__app-download {
    width: 28rem;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    padding: 2rem 0;
    border-bottom: 1px solid #747474;
    border-bottom: 0px solid transparent;
}
*/
.c-footer .footer__app-download {
    width: 30rem;
    text-align: center;
    white-space: nowrap;
    padding: 2rem 0;
    border-bottom: 1px solid #747474;
    border-bottom: 0px solid transparent;
}


.c-footer .footer__app-download .is-icon-appstore-new {
    background: url( ../img/apps-store-icon.svg ) no-repeat;
    height: 100%;
    width: 100%;
}
.c-footer .footer__app-download .is-icon-playstore-new {
    background: url( ../img/google-play-badge.svg ) no-repeat;
    height: 100%;
    width: 100%;
}

.c-footer .footer__app-download .is-icon-app {
    height: 100%;
    width: 100%;
}

/* .c-footer .footer__app-download .footer__link .icon {
    font-size: 3.8rem;
    padding: .5rem 2rem 0 0
}
.c-footer .footer__app-download__link {
    margin: .5rem 2rem 0 0;
    width: 137px;
    height: 44px
} */


.c-footer .footer__app-download .footer__link .icon {
    font-size: 3.8rem;
    padding: 0
}
.c-footer .footer__app-download__link {
    margin: .5rem 0 0 0;
    /* width: 140px;
    height: 42px; */


    margin: 0;
    width: 142px;
    height: 42px;
    /* background: #000; */
    border-radius: 9px;
}


.c-footer .footer__app-download__link.is-appstore {
    background: url(../img/app-store.svg) no-repeat
}
.c-footer .footer__app-download__link.is-appstore:hover {
    background: url(../img/app-store-white.svg) no-repeat
}
.c-footer .footer__app-download__link.is-playstore {
    background: url(../img/android-store.svg) no-repeat
}
.c-footer .footer__app-download__link.is-playstore:hover {
    background: url(../img/android-store-white.svg) no-repeat
}


.is-appstore-badge {
    background: url(../img/apps-store-badge.svg) no-repeat
}
.is-appstore-badge:hover {
    background: url(../img/apps-store-badge.svg) no-repeat
}
.is-playstore-badge {
    background: url(../img/google-play-badge.svg) no-repeat
}
.is-playstore-badge:hover {
    background: url(../img/google-play-badge.svg) no-repeat
}

/* .c-footer .footer__social-media {
    width: 28rem;
    margin: 0 auto;
    white-space: nowrap
} */


.c-footer .footer__social-media {
    width: 31rem;
    margin: 0 auto;
    white-space: nowrap
}
/* .c-footer .footer__social-media .footer__social-media__headline {
    font-family: LatoBold, Arial, sans-serif-bold;
    font-size: 1.2rem
} */


.c-footer .footer__social-media .footer__link .icon {
    font-size: 2.6rem;
    padding-right: 2.9rem
}
/* .c-footer .footer__sitemap {
    width: 28rem;
    margin: 0 auto;
    border-bottom: 1px solid #747474;
    padding: 0 0 2rem;
    font-size: 1.4rem
} */

.c-footer .footer__sitemap {
    width: auto;
    margin: 0 auto;
    padding: 0 0 2rem;
    font-size: 1.4rem;
}

.c-footer .footer__social-media .footer__social-media__headline {
    font-family: LatoBold, Arial, sans-serif-bold;
    font-size: 1.2rem;
    display: inline-block;
    margin-right: 10px;
}

.c-footer .footer__app-download .redress-complaints {
    text-align: center;
    margin-top: 120px;
}
.c-footer .footer__app-download .redress-complaints div {
    color: #ffffff;
    font-family: "Lato";
    font-size: 12px;
}
.c-footer .footer__app-download .redress-complaints div:nth-child(1) {
    margin-bottom: 18px;
    white-space: pre-line;
}

.c-footer .footer__sitemap .footer__sitemap__group .footer__sitemap__group-header {
    display: block;
    text-decoration: none;
    color: #d8d8d8;
    font-family: LatoBold, Arial, sans-serif-bold;
    padding: 2rem 0;
    /* border-top: 1px solid #747474; */
    /* border-bottom: 1px solid #747474; */
}

.c-footer .footer__sitemap .footer__sitemap__group .footer__sitemap__group-header.is-active::after {
    transform: rotate(90deg)
}
.c-footer .footer__sitemap .footer__sitemap__group:first-child .footer__sitemap__group-header {
    border-top: none
}
.c-footer .footer__sitemap .footer__sitemap__group .footer__sitemap__group-content {
    padding-bottom: 2rem
}
.c-footer .footer__sitemap .footer__sitemap__group .footer__sitemap__group-content:not(.is-active) {
    padding-bottom: 0
}

.c-footer .footer__sitemap .footer__sitemap__group .footer__sitemap__group-content .footer__link {
    display: block;
    line-height: 2em;
    transition: height ease .3s;
    height: 2em;
    overflow: hidden
}
.c-footer .footer__sitemap .footer__sitemap__group:last-child .footer__sitemap__group-header {
    pointer-events: none;
    padding: 1rem 0
}
.c-footer .footer__sitemap .footer__sitemap__group:last-child .footer__sitemap__group-header::after {
    display: none
}
.c-footer .footer__sitemap .footer__sitemap__group:last-child .footer__sitemap__group-content .footer__link {
    height: auto
}
.footer__app-download .border-line {
    display: none;
}

@media all and (max-width: 979px) {
    .c-footer .social-media-panel {
        width: 28rem;
        margin: 0;
    }

    .c-footer .footer__social-media {
        margin-bottom: 20px;
    }
    .c-footer .footer__social-media .footer__social-media__headline {
        display: block;
    }
    .c-footer .footer__app-download {
        margin-left: 0;
        white-space: normal;
        padding-bottom: 1rem;
        /* width: 29rem; */
        width: 30rem;

    }
    .c-footer .footer__social-media .footer__link {
        width: 26%;
    }
    .c-footer .footer__social-media .footer__link .icon {
        padding-right: 0;
    }
    .c-footer .footer__sitemap .footer__app-download .border-line {
        margin-top: 22px;
    }
    .c-footer .footer__app-download .redress-complaints {
        margin-top: 66px;
    }
    .c-footer .footer__app-download__link {
        margin-right: 0;
    }
    .copyright-text {
        padding: 0 2px;
        width: 29rem;
        margin: 0 auto;
    }
    .footer__app-download .border-line {
        display: block;
    }
    .c-footer .footer__sitemap .footer__sitemap__group .footer__sitemap__group-header {
        padding-bottom: 1.5rem;
        color: #fff;
        border-bottom: 1px solid #747474;
    }

    .border-line {
        margin: 0 auto 20px;
        width: 29rem;
    }
}
@media (max-width: 768px){
    .footer__sitemap .footer__app-download {
        padding-bottom: 3.4rem;
        padding-top: 6rem;
        width: 30rem;
    }
    .c-footer .footer__app-download {
        border-bottom: 1px solid #747474;
    }
    .footer__app-download h4 {
        display: block;
        white-space: normal;
    }
    .footer__app-download__link {
        margin: .5rem 0 0 0;
    }
    .teaser__headline {
        font-size: 32px;
    }
}
.c-plan-comparison .plan-comparison__landscape-hint {
    font-size: 1.2rem;
    text-align: center;
    padding-bottom: 2rem
}


.c-plan-comparison .plan-comparison__landscape-hint .icon {
    display: inline-block;
    text-align: center;
    font-size: 4.8rem
}
.c-plan-comparison .plan-comparison__list ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item {
    border: 1px solid #d8d8d8;
    margin-top: 1rem;
    min-width: 16rem;
    line-height: 1.8rem;
    position: relative
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header {
    position: relative;
    padding: 1.6rem 2rem 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 3.6rem;
    background-color: #fff;
    cursor: pointer
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator::before {
    content: '';
    display: block;
    position: absolute;
    opacity: .9;
    top: -.1rem;
    left: -.1rem;
    height: calc(100% + .2rem);
    width: 1rem;
    transition: width ease .3s, height ease .3s
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-gold::before {
    background-color: #d1aa1f;
    background-image: linear-gradient(180deg, #d1aa1f, gold)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-gold-plus::before {
    background-color: gold;
    background-image: linear-gradient(180deg, gold, #d1aa1f)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-gold-supreme::before {
    background-color: gold;
    background-image: linear-gradient(180deg, gold, gold)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-platinum::before {
    background-color: #d8d8d8;
    background-image: linear-gradient(180deg, #d8d8d8, #8e8e8e)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-platinum-plus::before {
    background-color: #8e8e8e;
    background-image: linear-gradient(180deg, #8e8e8e, #464646)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator::after {
    content: '';
    display: block;
    position: absolute;
    left: 1rem;
    top: 1rem;
    background-color: #fff;
    height: calc(100% - 1rem);
    width: calc(100% - 1rem);
    z-index: 20
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header.is-active .plan-comparison__list__item__level-indicator::before {
    content: '';
    display: block;
    position: absolute;
    opacity: .9;
    top: -.1rem;
    left: -.1rem;
    height: 1rem;
    width: calc(100% + .2rem);
    transition: width ease .3s, height ease .3s
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header.is-active .plan-comparison__list__item__level-indicator.is-level-gold::before {
    background-color: #d1aa1f;
    background-image: linear-gradient(90deg, #d1aa1f, gold)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header.is-active .plan-comparison__list__item__level-indicator.is-level-gold-plus::before {
    background-color: gold;
    background-image: linear-gradient(90deg, gold, #d1aa1f)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header.is-active .plan-comparison__list__item__level-indicator.is-level-gold-supreme::before {
    background-color: gold;
    background-image: linear-gradient(90deg, gold, gold)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header.is-active .plan-comparison__list__item__level-indicator.is-level-platinum::before {
    background-color: #d8d8d8;
    background-image: linear-gradient(90deg, #d8d8d8, #8e8e8e)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header.is-active .plan-comparison__list__item__level-indicator.is-level-platinum-plus::before {
    background-color: #8e8e8e;
    background-image: linear-gradient(90deg, #8e8e8e, #464646)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header.is-active .plan-comparison__list__item__level-indicator::after {
    content: '';
    display: block;
    position: absolute;
    left: 1rem;
    top: 1rem;
    background-color: #fff;
    height: calc(100% - 1rem);
    width: calc(100% - 1rem);
    z-index: 20
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header.is-active::after,
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header::after {
    margin-top: 1rem;
    font-family: cc-icons;
    font-size: 1.8rem;
    height: 1.8rem;
    width: 1.8rem;
    text-indent: .5rem;
    z-index: 50;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform .3s linear;
    color: #009ade
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header.is-active::after {
    transform: rotate(-90deg)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header::after {
    transform: rotate(90deg)
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__key,
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__key-figures,
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__level-name {
    position: relative;
    z-index: 40
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__key-figures,
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__level-name {
    width: 73%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__key-figures {
    font-size: 1.4rem
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__level-name {
    font-family: LatoBold, Arial, sans-serif-bold
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__key {
    text-align: right;
    font-family: Lato, Arial, sans-serif;
    line-height: 3.2rem;
    font-size: 1.6rem;
    margin: 0;
    width: 20%;
    white-space: nowrap;
    padding: 0 2rem 0 0;
    color: #009ade
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content {
    /* padding-bottom: 16rem; */
    transition: padding ease .3s;
    display: inherit;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background: #fff;
}
/* .c-plan-comparison .plan-comparison__list .plan-comparison__list__item.plan-tables-five .plan-comparison__list__item__content {
    padding-bottom: 14rem;
} */
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__content__detail {
    height: 5rem;
    line-height: 5rem;
    position: relative;
    padding: 0 2rem;
    font-size: 1.4rem;
    transition: height ease .3s
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__content__detail.is-highlighted {
    background-color: #e3f4fb;
    font-family: LatoBold, Arial, sans-serif-bold
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__content__detail .plan-comparison__list__item__content__detail__description {
    line-height: 1.8rem;
    display: inline-block;
    vertical-align: middle
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__content__detail::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 2rem;
    width: calc(100% - 4rem);
    border-bottom: 1px solid #d8d8d8
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__content__detail:last-of-type::after {
    display: none
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__actions {
    margin-top: auto;
    /*position: absolute;*/
    bottom: 0;
    width: 100%
}
.o-plan,
.o-plan .plan__header {
    position: relative;
    background-color: #fff;
    text-align: center
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__actions .link {
    text-decoration: none;
    color: #009ade;
    font-family: LatoBold, Arial, sans-serif-bold;
    font-size: 1.4rem
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__actions .link:hover {
    color: #0077ab
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__actions .icon {
    margin-left: .3rem
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__actions .plan-comparison__list__item__actions__primary {
    text-align: center;
    white-space: nowrap;
    height: 6rem;
    overflow: hidden;
    transition: height ease .3s
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__actions .plan-comparison__list__item__actions__primary .c-cta--default {
    display: block;
    margin: 0 1rem;
    min-width: 0;
    max-width: 190px;
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__actions .plan-comparison__list__item__actions__secondary {
    text-align: center;
    white-space: nowrap;
    height: 6rem;
    line-height: 4rem;
    vertical-align: bottom;
    transition: height ease .3s
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content:not(.is-active) {
    padding-bottom: 0
}
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content:not(.is-active) .plan-comparison__list__item__actions__primary,
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content:not(.is-active) .plan-comparison__list__item__actions__secondary,
.c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content:not(.is-active) .plan-comparison__list__item__content__detail {
    height: 0;
    overflow: hidden
}
.o-plan {
    margin-bottom: 10rem;
    border: 1px solid #d8d8d8;
    margin-top: 1rem;
    min-width: 16rem;
    line-height: 1.8rem;
    max-width: 30rem;
    color: #464646;
    margin-right: 2rem
}
.o-plan .plan__header {
    box-sizing: border-box;
    padding: 1.6rem 2rem 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
}
.o-plan .plan__header .plan__level-indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.o-plan .plan__header .plan__level-indicator::before {
    content: '';
    display: block;
    position: absolute;
    opacity: .9;
    top: -.1rem;
    left: -.1rem;
    height: 1rem;
    width: calc(100% + .2rem);
    transition: width ease .3s, height ease .3s
}
.o-plan .plan__header .plan__level-indicator.is-level-gold::before {
    background-color: #d1aa1f;
    background-image: linear-gradient(90deg, #d1aa1f, gold)
}
.o-plan .plan__header .plan__level-indicator.is-level-gold-plus::before {
    background-color: gold;
    background-image: linear-gradient(90deg, gold, #d1aa1f)
}
.o-plan .plan__header .plan__level-indicator.is-level-gold-supreme::before {
    background-color: gold;
    background-image: linear-gradient(90deg, gold, gold)
}
.o-plan .plan__header .plan__level-indicator.is-level-platinum::before {
    background-color: #d8d8d8;
    background-image: linear-gradient(90deg, #d8d8d8, #8e8e8e)
}
.o-plan .plan__header .plan__level-indicator.is-level-platinum-plus::before {
    background-color: #8e8e8e;
    background-image: linear-gradient(90deg, #8e8e8e, #464646)
}
.o-plan .plan__header .plan__level-indicator::after {
    content: '';
    display: block;
    position: absolute;
    left: 1rem;
    top: 1rem;
    background-color: #fff;
    height: calc(100% - 1rem);
    width: calc(100% - 1rem);
    z-index: 20
}
.o-plan .plan__header .plan__key,
.o-plan .plan__header .plan__key-figures,
.o-plan .plan__header .plan__level-name {
    position: relative;
    z-index: 40
}
.o-plan .plan__header .plan__key-figures,
.o-plan .plan__header .plan__level-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.o-plan .plan__header .plan__key-figures {
    font-size: 1.4rem
}
.o-plan .plan__header .plan__level-name {
    font-family: LatoBold, Arial, sans-serif-bold
}
.o-plan .plan__header .plan__key {
    font-family: Lato, Arial, sans-serif;
    margin: 0;
    white-space: nowrap;
    width: auto;
    padding: 0;
    text-align: center;
    line-height: 4.8rem;
    font-size: 3.2rem;
    color: #009ade
}
.o-plan .plan__content {
    height: auto;
    overflow: visible;
    padding-bottom: 16rem
}
.o-plan .plan__content .plan__content-detail,
.o-plan .plan__content .plan__content-wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
    height: auto;
    overflow: visible
}
.o-plan .plan__content .plan__content-detail {
    position: relative;
    font-size: 1.4rem;
    transition: height ease .3s;
    height: auto;
    line-height: 1.8rem;
    padding: 1rem
}
.o-plan .plan__content .plan__content-detail.is-highlighted {
    background-color: #e3f4fb;
    font-family: LatoBold, Arial, sans-serif-bold
}
.o-plan .plan__content .plan__content-detail .plan__detail-description {
    line-height: 1.8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.o-plan .plan__content .plan__content-detail .plan__detail-description .icon {
    display: inline-block;
    font-size: 2rem;
    padding: .3rem 1rem 0 0;
    vertical-align: inherit
}
.o-plan .plan__content .plan__content-detail .plan__detail-description .plan__description-icons {
    min-width: 100px
}
.o-plan .plan__content .plan__content-detail .plan__detail-description .plan__description-text {
    text-align: left
}
.o-plan .plan__content .plan__content-detail::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 2rem;
    width: calc(100% - 4rem);
    border-bottom: 1px solid #d8d8d8
}
.o-plan .plan__content .plan__content-detail:last-of-type::after {
    display: none
}
.o-plan .plan__content .plan__actions {
    margin-top: auto;
    position: absolute;
    bottom: 0;
    width: 100%
}
.o-plan .plan__content .plan__actions .link {
    text-decoration: none;
    color: #009ade;
    font-family: LatoBold, Arial, sans-serif-bold;
    font-size: 1.4rem
}
.o-plan .plan__content .plan__actions .link:hover {
    color: #0077ab
}
.o-plan .plan__content .plan__actions .icon {
    margin-left: .3rem
}
.o-plan .plan__content .plan__actions .plan__primary-action {
    text-align: center;
    white-space: nowrap;
    height: 6rem;
    overflow: hidden;
    transition: height ease .3s
}
.o-plan .plan__content .plan__actions .plan__primary-action .c-cta--default {
    display: block;
    margin: 0 2rem
}
.o-plan .plan__content .plan__actions .plan__secondary-action {
    text-align: center;
    white-space: nowrap;
    height: 6rem;
    line-height: 4rem;
    vertical-align: bottom;
    transition: height ease .3s
}
.o-plan .plan__content .plan__primary-action,
.o-plan .plan__content .plan__secondary-action {
    height: 6rem
}
.o-plan.is-horizontally-aligned {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    min-width: 720px;
    max-width: none;
    border: none
}
.o-plan.is-horizontally-aligned .plan__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.6rem 2rem 0;
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8
}
.o-plan.is-horizontally-aligned .plan__header .plan__level-indicator::before {
    width: calc(100% + 2px);
    z-index: 300
}
.o-plan.is-horizontally-aligned .plan__header .plan__key,
.o-plan.is-horizontally-aligned .plan__header .plan__key-figures,
.o-plan.is-horizontally-aligned .plan__header .plan__level-name {
    text-align: left;
    font-size: 1.6rem
}
.o-plan.is-horizontally-aligned .plan__header .plan__key {
    line-height: 3.5rem;
    font-family: LatoBold, Arial, sans-serif-bold;
    padding-bottom: .6rem
}
.o-plan.is-horizontally-aligned .plan__content {
    position: relative;
    z-index: 100;
    width: 100%;
    padding-bottom: 14rem
}
.o-plan.is-horizontally-aligned .plan__content .plan__primary-action,
.o-plan.is-horizontally-aligned .plan__content .plan__secondary-action {
    height: 5rem
}
.o-plan.is-horizontally-aligned .plan__content .plan__content-wrapper {
    padding-top: 10px;
    padding-left: 20%;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #d8d8d8
}
.o-plan.is-horizontally-aligned .plan__content .plan__content-wrapper .plan__content-detail {
    -ms-flex: 1 20%;
    flex: 1 20%;
    height: 6.3rem;
    vertical-align: middle;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 1rem 1.3rem
}
.o-plan.is-horizontally-aligned .plan__content .plan__content-wrapper .plan__content-detail::after,
.o-plan.is-horizontally-aligned .plan__content .plan__content-wrapper .plan__content-detail:last-of-type::after {
    display: block;
    content: '';
    position: absolute;
    top: 2rem;
    left: 0;
    width: .2rem;
    height: 4rem;
    border-left: 1px solid #d8d8d8;
    border-bottom: 0
}
.o-plan.is-horizontally-aligned .plan__content .plan__content-wrapper .plan__content-detail:first-of-type .plan__description-text {
    line-height: 3rem
}
.o-plan.is-horizontally-aligned .plan__content .plan__content-wrapper .plan__content-detail:first-of-type::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 25%;
    width: 50%;
    height: 1px;
    border-bottom: 1px solid #d8d8d8
}
.o-plan.is-horizontally-aligned .plan__content .plan__content-wrapper .plan__content-detail .plan__detail-description .plan__description-text {
    text-align: left;
    white-space: pre-wrap
}
.o-plan.is-horizontally-aligned .plan__content .plan__actions {
    -ms-flex: 1 100%;
    flex: 1 100%
}
.o-plan.is-horizontally-aligned .plan__content .plan__actions .plan__primary-action .c-cta--default {
    display: inline-block
}
[data-css=o-icon-layout] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
[data-css=o-icon-layout] .icon-layout__headline {
    width: 100%
}
[data-css=o-icon-layout] .icon-layout__desription {
    max-width: 51%;
    margin: 0 auto;
    line-height: 1.9rem;
    text-align: center
}
[data-css=o-icon-layout] .icon-layout__footer {
    width: 100%;
    overflow: hidden;
    padding-top: 4rem;
    padding-bottom: 6px;
    text-align: center
}
[data-css=c-star-rating] {
    text-align: center;
    max-width: 25rem;
    min-width: 17rem
}
[data-css=c-star-rating] .c-star-rating__score {
    font-size: 9.6rem
}
[data-css=c-star-rating] .c-star-rating__stars {
    white-space: nowrap
}
[data-css=c-star-rating] .c-star-rating__stars .is-icon-star {
    position: relative;
    color: rgba(216, 216, 216, .5);
    font-size: 3rem
}
[data-css=c-star-rating] .c-star-rating__stars .is-icon-star::after {
    position: absolute;
    left: 0;
    top: 0;
    color: gold;
    width: 50%;
    overflow: hidden;
    display: none
}
[data-rate^='1'] .star-1,
[data-rate^='2'] .star-1,
[data-rate^='2'] .star-2,
[data-rate^='3'] .star-1,
[data-rate^='3'] .star-2,
[data-rate^='3'] .star-3,
[data-rate^='4'] .star-1,
[data-rate^='4'] .star-2,
[data-rate^='4'] .star-3,
[data-rate^='4'] .star-4,
[data-rate^='5'] .star-1,
[data-rate^='5'] .star-2,
[data-rate^='5'] .star-3,
[data-rate^='5'] .star-4,
[data-rate^='5'] .star-5 {
    color: gold!important
}
[data-rate='1.5'] .star-2::after,
[data-rate='2.5'] .star-3::after,
[data-rate='3.5'] .star-4::after,
[data-rate='4.5'] .star-5::after,
[data-rate='5.5'] .star-6::after {
    display: block!important
}
[data-css=c-star-rating] .c-star-rating__description {
    padding-top: 1rem
}
[data-css=c-star-rating] .star-rating__cta {
    margin-top: 2.8rem
}
[data-css=c-table-static] {
    text-align: center
}
[data-css=c-table-static] .table-static__table {
    position: relative;
    width: 71%;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 .2rem 1.1rem 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    border-radius: 0 0 .3rem .3rem
}
[data-css=c-table-static] .table-static__row {
    position: relative
}
[data-css=c-table-static] .table-static__row::after {
    content: '';
    width: calc(100% - 2rem);
    height: .1rem;
    left: 1rem;
    position: absolute;
    background-color: #dfdfdf
}
[data-css=c-table-static] .table-static__row:first-child::after {
    display: none
}
[data-css=c-table-static] .table-static__head {
    width: 50%;
    padding: 1.9rem;
    font-size: 1.6rem;
    font-weight: 400
}
[data-css=c-table-static] .table-static__col {
    width: 50%;
    padding: 2.5rem;
    font-family: LatoBold, Arial, sans-serif-bold
}
[data-css=c-table-static] .table-static__headline {
    font-size: 3.2rem;
    font-weight: 400;
    font-family: Lato, Arial, sans-serif
}
[data-css=c-table-static] .table-static__description {
    font-size: 1.4rem;
    margin-bottom: 1.8rem
}
[data-css=c-table-static] .table-static__cta {
    margin-top: 1.7rem
}
.c-meta-navigation--default {
    padding-left: 17.3rem
}
.c-meta-navigation--default .meta-navigation__list {
    display: inline-block
}
.c-meta-navigation--default .meta-navigation__list-item {
    float: left;
    padding: 1.5rem 1.1rem .7rem .5rem
}
.c-meta-navigation--default .meta-navigation__list-item .meta-navigation__link {
    text-decoration: none;
    color: #8e8e8e;
    padding: .5rem;
    pointer-events: auto
}
.c-meta-navigation--default .meta-navigation__list-item.is-active .meta-navigation__link {
    font-family: LatoBold, Arial, sans-serif-bold;
    color: #000;
    border-bottom: 3px solid #000
}
.c-quicksearch--default {
    float: right;
    margin: 3rem 2.3rem 0;
    font-family: Lato, Arial, sans-serif;
    font-size: 1.6rem;
    pointer-events: auto
}
.c-quicksearch--default .quicksearch__toggle {
    display: block;
    text-decoration: none;
    font-size: 1.4rem;
    color: #000
}
.c-quicksearch--default .quicksearch__toggle::before {
    font-family: cc-icons;
    display: inline-block;
    transition: all .1s;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 2.4rem;
    vertical-align: sub
}
.c-quicksearch--default .quicksearch__toggle:hover {
    color: #807f7f
}
.c-quicksearch--default .quicksearch__form-wrapper {
    transition: max-height, .3s;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transform: translateY(100%);
    background-color: #009ade
}
.c-quicksearch--default .quicksearch__form .form__input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    opacity: 0;
    color: #fff;
    transform: scale(0)
}
.c-quicksearch--default .quicksearch__form .form__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}
.c-quicksearch--default .quicksearch__form .form__input:focus {
    outline: 0
}
.c-quicksearch--default .quicksearch__form .form__fieldset {
    border: none;
    margin: 0;
    padding: 5px 30rem 8px 18rem
}
.c-quicksearch--default .quicksearch__form .form__submit {
    position: absolute;
    top: 0;
    right: 10rem;
    bottom: 0;
    margin: .5rem 0;
    padding: 0 2rem;
    border: 1px #fff;
    border-style: none solid none none;
    color: #fff;
    background: 0 0;
    outline: 0;
    cursor: pointer
}
.c-quicksearch--default .quicksearch__form .form__submit::before {
    font-family: cc-icons;
    display: inline-block;
    font-size: 2.3rem
}
.c-quicksearch--default .quicksearch__close {
    position: absolute;
    top: 0;
    right: 6.2rem;
    bottom: 0;
    color: #fff;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    line-height: 34px
}
.c-quicksearch--default .quicksearch__close::before {
    font-family: cc-icons;
    display: inline-block;
    font-size: 2rem
}
.c-quicksearch--default.is-visible .quicksearch__toggle {
    color: #807f7f
}
.c-quicksearch--default.is-visible .quicksearch__form-wrapper {
    max-height: 34px
}
.c-quicksearch--default.is-visible .quicksearch__form-wrapper .form__input {
    transform: scale(1);
    opacity: 1
}
.c-quicksearch--default.is-menu-open {
    display: none
}
.c-sec-navigation--default {
    float: right;
    padding-right: 4rem;
    font-family: Lato, Arial, sans-serif
}
.c-sec-navigation--default.is-menu-open {
    display: block
}
.c-sec-navigation--default .sec-navigation__list-item {
    float: left;
    padding: 3.1rem 2.2rem .8rem 1rem;
    transition: all cubic-bezier(.7, 0, .3, 1) .2s
}
.c-notification,
.c-notification-bottom,
.c-overlay {
    transition: opacity ease .3s, top ease .3s, bottom ease .3s, top ease .3s
}
.c-sec-navigation--default .sec-navigation__list-item .sec-navigation__link {
    height: 100%;
    display: block;
    text-decoration: none;
    font-size: 1.4rem;
    color: #000;
    pointer-events: auto
}
.c-sec-navigation--default .sec-navigation__list-item .sec-navigation__link .icon {
    font-size: 2.5rem;
    padding-right: .2rem
}
.c-sec-navigation--default .sec-navigation__list-item.is-active .sec-navigation__link,
.c-sec-navigation--default .sec-navigation__list-item:hover .sec-navigation__link {
    color: #807f7f
}
[data-css=c-search-header] {
    border-bottom: 1px solid #ccc
}
[data-css=c-search-header] .search-header__container {
    padding: 6.5rem 4rem 3.2rem 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

cc-notification.is-closed + .r-main [data-css=c-search-header] .search-header__container {
    padding: 3.2rem 4rem;
}

[data-css=c-search-header] .search-header__title {
    margin: 0;
    font-family: Lato, Arial, sans-serif;
    letter-spacing: -.04rem
}
[data-css=c-search-header] .search-header__subtitle {
    line-height: 2.4rem;
    font-family: Lato, Arial, sans-serif;
    font-size: 1.8rem;
    margin: 0
}
.c-table .table__table .table__body .table__row .table__cell,
.c-table .table__table .table__cell-content--emphasized {
    font-family: LatoBold, Arial, sans-serif-bold
}
[data-css=c-search-header] .search-header__highlight {
    color: #009ade
}
.c-overlay {
    display: block;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #464646;
    color: #d8d8d8;
    padding: 2rem
}
.c-overlay.is-closed {
    top: -100vh;
    bottom: 100vh;
    opacity: 0
}

cc-notification.is-closed + .r-main [data-css=c-breadcrumb] {
    /* padding: 1rem 18rem; */
    padding: 0.7rem 18rem;
}
.c-overlay.is-open {
    opacity: 1
}
.c-overlay .overlay__close-button {
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 30px;
    height: 30px;
    cursor: pointer
}
.c-overlay .overlay__close-button:hover {
    color: #fff
}
.c-overlay .overlay__content {
    padding: 2rem;
    height: calc(100% - 4rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.c-table {
    box-shadow: 0 .2rem 1.1rem 0 rgba(0, 0, 0, .2);
    padding: 0 4rem;
    overflow: auto
}
.c-table .table__table {
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400
}
.c-table .table__table .table__cell {
    text-align: center;
    padding: 2.5rem;
    position: relative
}
.c-table .table__table .table__cell-header {
    padding-left: 0;
    font-weight: 400
}
.c-table .table__table .table__head {
    position: relative
}
.c-table .table__table .table__cell,
.c-table .table__table .table__cell::after,
.c-table .table__table .table__cell::before,
.c-table .table__table .table__row {
    background-color: inherit
}
.c-table .table__table .table__head .table__cell:first-child::before,
.c-table .table__table .table__head .table__cell:last-child::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 4rem
}
.c-table .table__table .table__head .table__cell:first-child::before {
    left: -4rem
}
.c-table .table__table .table__head .table__cell:last-child::after {
    right: -4rem
}
.c-table .table__table .table__cell-content--emphasized {
    font-style: normal
}
.c-table .table__table .table__body .table__row {
    border-bottom: 1px solid #d8d8d8
}
.c-table .table__table .table__body .table__row:last-child {
    border-bottom: none
}
.c-table .table__table .table__body .table__row .table__cell-header {
    font-family: Lato, Arial, sans-serif;
    text-align: left
}
.c-global-navigation {
    display: inline-block;
    font-size: 0;
    pointer-events: none
}
.c-global-navigation ol,
.c-global-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.c-global-navigation.is-fixed {
    position: fixed;
    z-index: 100;
    right: 0;
    left: 0;
    top: 0
}
.c-global-navigation.is-animated {
    animation-duration: .5s;
    animation-fill-mode: both
}
.c-global-navigation.is-animated.is-sliding-down {
    animation-name: slideDown
}
.c-global-navigation.is-animated.is-sliding-up {
    animation-name: slideUp
}
.c-global-navigation .global-navigation__meta {
    line-height: 1;
    font-family: Lato, Arial, sans-serif;
    font-size: 1.2rem;
    background-color: #f4f4f4
}
.c-global-navigation .global-navigation__main {
    position: relative;
    pointer-events: none;
    border-bottom: 1px solid #d8d8d8
}
.c-global-navigation .global-navigation__main .global-navigation__prime-wrapper {
    position: relative;
    width: 100%;
    background-color: #fff;
    z-index: 1
}
.c-global-navigation .global-navigation__main .global-navigation__sec-wrapper {
    z-index: 10;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.c-global-navigation .global-navigation__breadcrumb {
    background: #fff
}
.c-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-x: auto
}
.c-tabs.is-full-width {
    margin: 0 2.5rem
}
.c-tabs .c-tabs__tab {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center;
    line-height: 3rem;
    cursor: pointer;
    padding: 0 1rem
}
.c-tabs .c-tabs__tab.is-active {
    font-family: LatoBold, Arial, sans-serif-bold;
    color: #009ade;
    pointer-events: none;
    border-bottom: .3rem solid #009ade
}
.c-tab-content {
    border-top: .1rem solid #dfdfdf
}
.c-tab-content .c-tab-content__headline,
.c-tab-content .c-tab-content__subline {
    text-align: center
}
.c-tab-content .c-tab-content__headline {
    margin: 4rem 0 0
}
.c-tab-content .c-tab-content__subline {
    margin-bottom: 0
}
.c-tab-content:not(.is-active) {
    display: none
}
[data-css=o-detail-banner] .detail-banner__container {
    position: relative
}
[data-css=o-detail-banner] .detail-banner__background {
    width: 100%
}
[data-css=o-detail-banner] .detail-banner__content {
    width: 100%;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.o-device-card {
    text-align: center;
    background-color: #f9f9f9;
    margin: 0 1rem 2rem 0
}
.o-device-card .device-card__name {
    font-size: 2.4rem
}
.o-device-card .device-card__price {
    margin: 0 3rem;
    padding: 2rem 0;
    border-bottom: 1px solid #ccc
}
.o-device-card .device-card__name p,
.o-device-card .device-card__price p {
    margin: 0
}
.o-device-card .device-card__price:last-child {
    border-bottom: none
}
.o-video-banner {
    position: relative
}
.o-video-banner .video-banner__background {
    width: 100%
}
[data-css=c-search-result-list] {
    padding: 1.5rem 0
}
[data-css=c-search-result-list] .search-result-list__item:not(:last-child) {
    padding-bottom: 4rem
}
[data-css=c-search-result-list] .search-result-list__title {
    padding-bottom: .2rem;
    line-height: 2.4rem;
    color: #009ade;
    font-size: 1.8rem;
    border-bottom: .1rem solid;
    text-decoration: none
}
[data-css=c-search-result-list] .search-result-list__subtitle {
    padding-top: .5rem;
    font-size: 1.4rem;
    line-height: 1.6rem
}
[data-css=c-search-result-list] .search-result-list__link {
    padding: .5rem;
    letter-spacing: .02rem;
    font-size: 1.4rem;
    text-align: center
}
[data-css=c-breadcrumb] {
    overflow: visible;
    font-family: Lato, Arial, sans-serif;
    /* padding: 6.5rem 18rem 1rem 18rem; */
    padding: 5.1rem 18rem 0.7rem 18rem;
    background-color: #fff;
    width: 100%;
    position: fixed;
    z-index: 10
}
[data-css=c-breadcrumb] .breadcrumb__list {
    display: inline-block;
    padding: 0;
    margin: 0
}
[data-css=c-breadcrumb] .breadcrumb__list-item {
    display: inline;
    white-space: normal;
    float: left;
    padding-top: 1rem;
    font-size: 1.2rem
}
[data-css=c-breadcrumb] .breadcrumb__list-item:last-of-type {
    color: #807f7f
}
[data-css=c-breadcrumb] .breadcrumb__list-item.is-first {
    white-space: normal
}
[data-css=c-breadcrumb] .breadcrumb__list-item.is-first::before {
    display: none
}
[data-css=c-breadcrumb] .breadcrumb__list-item::before {
    content: ">";
    display: inline-block;
    padding: 0 2px
}
[data-css=c-breadcrumb] .breadcrumb__link {
    text-decoration: none;
    color: #000
}
[data-css=c-breadcrumb] .breadcrumb__link:hover {
    color: #807f7f
}
[data-css=c-testimonials-item] {
    padding-bottom: 1rem;
    text-align: center
}
[data-css=c-testimonials-item] .testimonials-item__picture {
    width: 13rem;
    margin: 0 auto;
    height: auto
}
[data-css=c-testimonials-item] .testimonials-item__picture img {
    border-radius: 50%;
    border: .3rem solid #fff;
    box-sizing: border-box
}
[data-css=c-testimonials-item] .testimonials-item__title {
    margin-top: 1.8rem;
    font-size: 2.4rem
}
[data-css=c-testimonials-item] .testimonials-item__description {
    font-size: 1.4rem;
    line-height: 1.6rem
}
[data-css=c-callout-icon-item] {
    text-align: center
}
[data-css=c-callout-icon-item] .callout-icon-item__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 12.8rem;
    height: 12.8rem;
    border: .2rem solid #fff;
    border-radius: 50%
}
[data-css=c-callout-icon-item] .callout-icon-item__headline {
    margin-top: 2.3rem;
    font-size: 2.4rem;
    line-height: 2.9rem
}
[data-css=c-callout-icon-item] .callout-icon-item__content {
    padding: 0 1.5rem;
    font-size: 1.4rem;
    line-height: 1.6rem;
    word-break: break-word
}
.c-callout-icon-item--steps.is-first .callout-icon-item__image-wrapper::after {
    position: static;
    background: 0 0
}
.c-callout-icon-item--steps.is-second .callout-icon-item__image-wrapper::after {
    background: #fdeaf1
}
.c-callout-icon-item--steps.is-second .callout-icon-item__image {
    border-color: #f596be
}
.c-callout-icon-item--steps.is-third .callout-icon-item__image-wrapper::after {
    background: #f15b9c
}
.c-callout-icon-item--steps.is-third .callout-icon-item__image {
    border-color: #f15b9c
}
.c-callout-icon-item--steps.is-fourth .callout-icon-item__image-wrapper::after {
    background: #bf4f71
}
.c-callout-icon-item--steps.is-fourth .callout-icon-item__image {
    border-color: #bf4f71
}
.c-callout-icon-item--steps .callout-icon-item__image-wrapper {
    position: relative;
    display: block;
    width: 100%
}
.c-callout-icon-item--steps .callout-icon-item__image-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    height: 2px;
    width: calc((100% - 132px) - 20px);
    left: calc(((100% - 132px)/ 2) * -1);
    background: #fdeaf1
}
.c-notification,
.c-notification-bottom {
    pointer-events: visible;
    font-size: 1.4rem;
    z-index: 100;
    background-color: #464646;
    left: 0
}
.c-callout-icon-item--steps .callout-icon-item__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 20px;
    width: 128px;
    height: 128px;
    border: 2px solid #fdeaf1;
    border-radius: 50%
}
.c-callout-icon-item--steps .callout-icon-item__headline {
    margin-top: 0;
    margin-bottom: 15px;
    color: #aeaeae;
    text-transform: uppercase
}
.c-callout-icon-item--steps .callout-icon-item__content {
    padding: 0 1.5rem
}
[data-css=c-button-block] .button-block__headline {
    color: #fff
}
[data-css=c-button-block] .button-block__cta {
    padding-bottom: 2rem
}
[data-css=o-grid-items] .grid-items__footer {
    width: 100%;
    overflow: hidden;
    padding-top: 4rem;
    padding-bottom: .5rem;
    text-align: center
}
.c-notification {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    color: #d8d8d8;
    padding: 2rem
}
.c-notification.is-closed {
    top: -100vh;
    bottom: 100vh;
    opacity: 0
}
.c-notification.is-open {
    opacity: 1
}
.c-notification .notification__close-button {
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 30px;
    height: 30px;
    cursor: pointer
}
.c-notification .notification__close-button:hover {
    color: #fff
}
.c-notification .notification__content {
    padding: 2rem;
    height: calc(100% - 4rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.c-notification-bottom {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    color: #d8d8d8
}
.c-notification-bottom.is-closed {
    top: 100vh;
    opacity: 0
}
.c-notification-bottom.is-open {
    opacity: 1
}
.c-notification-bottom .notification-bottom__close-button {
    position: absolute;
    right: 1.8rem;
    top: 1.8rem;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 20
}
.c-notification-bottom .notification-bottom__close-button:hover {
    color: #fff
}
.c-notification-bottom .notification-bottom__content {
    padding: 1.8rem;
    height: calc(100% - 3.6rem)
}
.c-notification-bottom .notification-bottom__text {
    margin: 0;
    line-height: 1.2
}
.c-notification-bottom .notification-bottom__image {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(-100%)
}
.c-notification-bottom .notification-bottom__content-container {
    padding: 0!important
}
.c-notification-bottom .notification-bottom__cta-container {
    text-align: right
}
.reload {
    font-family: 'LatoBold';
    color: #000000;
}
.reload .background-pattern {
    background: #f7f7f7 url('../img/xpax_pattern-new.jpg') no-repeat;
    background-size: 350px 350px;
    width: 100%;
    background-repeat: repeat;
}
.reload .background-pattern .white-backgrnd {
    border-radius: 12px;
    background-color: #ffffff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    margin: 0 20%;
    /* width: calc(100% - 518px); */
    width: 60%;
    padding: 10px 0 40px 0;
}
.reload .background-pattern .container label {
    font-size: 16px;
    margin-bottom: 12px;
    text-align: left;
}

.detail-payment {
    display: flex;
    justify-content: space-between;
}
.detail-payment p {
    margin: 8px 0;
}
.detail-payment p:last-child{
    color: #666666;
}
.is-margin-bottom-minus-8 {
    margin-bottom: -8px;
}
.detail-payment-tabs {
    margin: 0 14%;
}
.reload .background-pattern .container .text-danger {
    color: #d0021b;
}
.reload .background-pattern .container .form-control::placeholder {
    color: #666666;
    opacity: 0.5;
}
.reload .background-pattern .container .form-control:focus {
    border: none;
    border-bottom: 2px solid #e522b7;
    box-shadow: none;
}

.reload .background-pattern .container .form-control[disabled] {
    color: #666;
}
.reload .background-pattern .container .jelly-button .jelly-image {
    background: url('../img/left-shadow.png') no-repeat;
    width: 150px;
    height: 40px;
    display: inline-block;
    font-family: "LatoBold";
    line-height: 39px;
}

.edit-container{
    background: #fff2e6;
    display: none;
}
.in-blk{
    display: inline-block;
}
.edit-row{
    border-bottom: 2px solid #CCCCCC;
    margin: 0 22px;
    padding: 20px;
}
.icon-section{
    width: 30px;
}
.main-sec{
    width: calc(100% - 80px);
    font-family: LatoBold;
    font-size: 16px;
    position: relative;
    top:-10px;
    padding-left: 40px;
}
.main-txt{
    width: 95%;
}
.edit-btn{
    width: 3%;
    cursor: pointer;
}
.edit-btn a{
    text-decoration: none;
    color:#d1209b;
}
.no-btm-bor{
    border-bottom: 0;
}

@media all and (max-width: 767px) {
    .main-txt{
        display: block;
        width: 100%;
    }
    .detail-payment {
        margin: 0 24px;
    }
    .detail-payment.is-margin-bottom-minus-8 {
        margin-bottom: -8px;
    }
    .detail-payment-tabs {
        margin-left: 0;
        margin-right: 0;
    }
}

.reload-title {
    text-align: center;
    font-family: "Lato";
    font-size: 32px;
}

ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    display: x-webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-bottom: -4px;
}
ul.tabs li{
    background: #fff;
    color: #222;
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 33.33%;
    text-align: center;
    border-bottom: 2px solid #ccc;
    font-family: "Lato";
    font-size: 14px;
}

ul.two-tabs li {
    width: 50%;
}

ul.tabs li.current {
    background: #fff;
    color: #d1209b;
    border-bottom: 3px solid #d1209b;
    fill: #d1209b;
}
ul.tabs li .default-img {
    display: block;

}
ul.tabs li .img-pink {
    display: none;

}
ul.tabs li.current .default-img{
    display: none;

}
ul.tabs li.current .img-pink{
    display: block;

}
ul.tabs img {
    height: 24px;
    width: 24px;
}
.tab-content{
    display: none;
}
.tab-content .container {
    padding: 0 24px !important;
}

.tab-content.current{
    display: inherit;
    /* border-top:1.5px solid #ccc; */
    width:100%;
    margin: 0 auto;
}

.tab-content .subtitle {
    font-weight: bold;
    margin-bottom: 8px;
}

.form-group {
    display: flex;
    flex-direction: row;
}

.card-container .form-group {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
}
.form-field {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
}
.form-field:last-of-type{
    padding-right: 0;
    /* margin: 8px 0; */
}
.flex-col {
    display: flex;
}
.is-justify-content-space-between {
    justify-content: space-between;
    display: flex;
}
.form-group .subtitle {
    font-weight: bold;
    /* margin: 24px 0 8px 0; */
}

/* @media (min-width: 481px) and (max-width: 76px) {
  
    //CSS
    
} */

@media all and (max-width: 767px) {
    body{
        min-width: 320px;
    }

    .margin-rl{
        margin:0; 
    }

    .card-container{
        width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0;
		padding: 0 24px;
    }

    .mb-cont::-webkit-scrollbar {
        width: 0;
        background: transparent;
    }

    .tab-content .subtitle {
        margin-bottom: 16px;
    }

    .card-container .form-group {
        margin-top: 0;
    }

    .form-container {
        margin: 0;
    }

    .form-group {
        display: flex;
        flex-wrap: wrap;
    }

    .reload-title {
        font-size: 28px;
        font-weight: 400;
    }

    .is-justify-content-space-between {
        flex-wrap: wrap;
        margin: 30px 30px 30px 0;
    }

    .is-justify-content-space-between div.subtitle {
        display: none;
    }

    .form-field .is-justify-content-space-between {
        margin: 0 30px 0 0;
    }

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

    .is-padding-right-32 {
        padding-right: 0;
    }
}

.car-main-cont {
    /* margin: 0 108px; */
    margin: 0 12%;
    margin-top: 40px;
}

.btn-wrapper {
    display: flex;
    justify-content: center;
}

.container .btn-wrapper {
    margin-top: 40px;
}

.btn-proceed {
    display: flex;
    justify-content: center;
    text-align: center;
}

.btn-proceed.next {
    margin-right: 16px;
}

.btn-proceed.back {
    margin-right: 16px;
}

.btn-reload {
    width: 260px;
}

.btn-promo {
    width: 260px;
}

.card-row {
    display: grid;
    grid-template-columns: repeat(var(--col-count, 4), 1fr);
    margin: 16px 0;
    gap: 16px;
}

.card-row:empty {
    display: none;
}

.card-sec {
    display: inline-block;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #d1209b;
    text-align: center;
}

.card-row .card-sec {
    display: flex;
    flex-direction: column;
    padding: 16px 8px;
}

.card-sec .month-plan {
    /* margin-top: 23px; */
    margin-bottom: 4px;
    font-family: "Lato";
    font-size: 14px;
    cursor: pointer;
    color: #d1209b;
    flex: 1 0;
    white-space: normal;
}

.card-sec .month-plan-subtitle {
    margin-bottom: 4px;
    font-family: "Lato";
    font-size: 11px;
    color: #d1209b;
}

.card-sec .plan-amount {
    font-family: "LatoBold";
    font-size: 24px;
    color:#d1209b;
    cursor: pointer;
}

.card-sec img {
    margin: 8px 16px;
    width: 75%;
    vertical-align: middle;
}

.bg-click {
    background: #d1209b;
}

.bg-click-bank {
    background: #d1209b;
}

.card-sec > div {
    background: #fff;
    border-radius: 4px;
    margin: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
}

.card-sec.promo {
    margin-top: 8px;
}

.colorwhite {
    color:#fff !important;
}

@media all and (max-width: 767px) {
    body{
        min-width: 320px;
    }

    .car-main-cont {
        display: block;
        margin: 0;
        margin-top: 32px;
    }

    .card-row {
        grid-template-columns: 1fr 1fr;
    }

    .mb-cont {
        white-space: nowrap;
        padding-bottom: 10px;
    }

    .btn-proceed {
        width: 200px;
    }

    .btn-proceed.back{
        margin: 0;
    }

    .btn-proceed.next{
        margin: 0;
        margin-bottom: 16px;
    }

    .btn-reload {
        width: 100%;
    }

    .btn-promo {
        width: 100%;
    }

    .btn-wrapper {
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 80px;
    }

    .btn-proceed.next {
        order: 1;
    }

    .btn-proceed.back {
        order: 2;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .car-main-cont {
        margin: 40px 68px 0 68px;
    }
    .btn-wrapper {
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 7.5%;
    }
    .btn-proceed.back{
        margin: 0;
        margin-right: 16px;
    }
    .btn-proceed.next{
        margin: 0;
        margin-bottom: 9px;
        margin-right: 16px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .btn-wrapper {
        margin: 0 25%;
    }
}

@media screen and (max-width: 481px) {
    .btn-wrapper {
        margin: 0 10%;
    }
}

.form-card .text-danger {
    color: #d0011b;
}

.form-card label{
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-family: "LatoBold";
    font-size: 16px;
}

.main-bg{
    background-size: cover;
    padding-bottom: 30px;
}

.form-control{
    border-radius: 0;
    height: 40px;
    background: #f3f3f3;
    color: #000000;
    font-size: 14.0px;
    font-weight: 400;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #cccccc;
    padding-left: 16px;
}

.form-control select option {
    padding: 10px;
    background: #f3f3f3;
    color:#ccc;
}
select:not([multiple]){
    background-image:url('./../img/chevron.svg') !important;
    background-position: 85% 75% !important;
    background-repeat:no-repeat !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance: none !important;
    padding: 10px 16px 9px;
    color:#000;
    font-family: "LatoBold";
    font-weight: 400 !important;
}
select option {
    font-family: 'Arial';
}
select::-ms-expand {
    display: none;
}

.carimage{
    background-size: 40px 40px;
    background-position: right;
    background-color:#f3f3f3;

}

.inline{
    display: inline-block;

}

.selmar-r {
    margin-right: 16px;
}

.formSelect {
    width: 92px;
}

.form-card {
    width: 100%;
}

.form-control:focus {
    border: 0;
    outline: none;
    border-bottom: 2px solid #009ade;
}

.form-card.is-flex .form-field {
    margin-right: 16px;
}



@media all and (max-width: 767px) {
    body{
        min-width: 320px;
    }
    .selmar-r{
        margin-right: 16px;
    }
    .slect-width {
        width: 52%;
    }
    .cvvwidth {
        width: 45%;
    }
    .form-control{
        width: 99%;
    }
    .form-field {
        padding-right: 0;
    }
    .form-field .form-control {
        width: 99%;
    }
    .form-field:last-of-type{
        padding-right: 0;
    }
    .form-card {
        margin: 0 24px;
    }
    .form-field .form-control.formSelect {
        width: 92px;
    }
    .form-card.is-flex {
        flex-wrap: wrap;
        margin-right: 0;
    }
    .form-card.is-flex .form-field {
        margin-right: 24px;
        margin-bottom: 24px;
    }
    .form-card.is-flex .form-field:last-of-type {
        margin-bottom: 0;
    }
}

.rowone{
    display: inline-block;
}
.image-sec{
    display:inline-block; 
    height: 50px;
    width: 130px;
    background: #fff;
    box-shadow: 0 2px 12px -3px grey;
    border: 5px solid #fff;
    border-radius: 10px;
    margin:8px;
    cursor: pointer;

}
.retails-sec{
    padding:20px; 
}
.image-sec img {
    height: 31px;
    width: 103px;
    margin: 0 auto;
    display: block;
    padding-top: 10px;
    cursor: pointer;
}
.pad-btm{
    padding-bottom: 20px;
    padding-top: 40px;
}
.proceed-btn{
    display: flex;
    justify-content: center;
    position: relative;
    top:-40px;
}
.car-con-align{
    display: flex;
    justify-content: center;
}
.inline-diplay{
    display: inline-block;
    /* width: 48%;; */
}
.seclect-bank{
    font-family: "LatoBold";
    font-size: 20px;
    position: relative;
}


@media all and (max-width: 952px) {
    .pg_obtop {
        padding-top: 0px;
    }
}

.online-bank-title{
    font-family: "LatoBold";
    font-size: 16px;
    text-align: right;
    position: relative;
    text-transform: capitalize;
    top:11px;
    right: 6px;

}
.cur-sav-acc{
    font-family: "Lato";
    font-size: 14px;
    text-align: right;
    position: relative;
    top:11px;
    right: 6px;

}
.online-bank-title img{
    height: 27px;
    width: 83px;

}
hr{
    margin: 2%;
    height: 0;
    border: 1px solid #cccc;
    background: #ccc;
}
.corporate-cards{
    padding: 20px;
}
.card-type{
    font-family: "Lato";
    font-size: 16px;
    margin-left: 14px;
}
.border-click{
    border-color:#d2299e;
}

@media all and (max-width: 767px) {
    body{
        min-width: 320px;
    }
    .image-sec{
        margin: 4px;
    }
    .retails-sec{
        padding:10px; 
    }
    .corporate-cards{
        padding: 10px;
    }
    .rowone{
        display: block;
    }
    .inline-diplay{
        display:block;
        width: 100%;;
    }
    .car-row{
        padding: 25px 15px;
    }
    .mb-bank-align{
        position: relative;
        top: 50px;
    }
    .mb-onl-bank-align{
        position: relative;
        top: -50px;

    }
}






.overlay-container {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 10000;
    overflow: auto;
}
.black-overlay {
    display: block;
    position: fixed;
    top: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(70, 70, 70, 0.5);

    z-index: 999;
}
.overlay-container .popup {
    font-family: LatoBold;
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    width: 80%;
    max-width: 570px;
    max-height: 531px;
    height: 80%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    padding: 10px;
    text-align: center;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0px 0px 7px #888888;
    border-radius: 20px;
}
.popup .pophead{
    font-size:24px; 
    padding: 0;
    margin: 1em 0;

}
.success-msg{
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}
.mar-top{
    margin-top: 27px;
}
.inline{
    display: inline-block;
    width: 49%;
    font-size: 14px;

}
.rt-txt{
    font-family: Lato;
    text-align: right;
}
.rowsection{
    margin: 0 auto;
    margin-bottom: 10px;
    width: 80%;

}
.lt-txt{
    text-align: left;
}
.jelly-button, .jelly-button-secondary {
    background: #6a418f;
    color: #fff;
    font-size: 14.0px;
    border-radius: 0;
    height: 40px;
    display: flex;
    width: 200px;
    text-align: center;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    cursor: pointer;
    border: 1px solid #6a418f;
    box-sizing: border-box;
}
.jelly-button-secondary {
    background: #fff;
    color: #6a418f;
}
.ghost-button {
    background: #fff;
    color: #6a418f;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}
.jelly-button .jelly-image,
.jelly-button-secondary .jelly-image {
    /*background: url('../img/left-shadow.png') no-repeat;*/
    width: 150px;
    height: 40px;
    display: inline-block;
    font-family: "LatoBold";
    line-height: 3;
}
.jelly-button img,
.jelly-button-secondary img {
    margin-left: 8px;
}
.rl-num{
    color:#d1209b;
    font-size: 14px;
    text-decoration: none;
}
.jellytbn-con{
    margin-top:2em;
    margin-bottom: 2em;
}


@media all and (max-width: 767px) {
    body{
        min-width: 320px;
    }
    .jelly-button {
        margin-top: 6px;
    }
    .btn-reload .jelly-button, .btn-promo .jelly-button-secondary {
        width: 260px;
    }
    .inline{
        display: block;
        width: 100%;
        font-size: 14px;
        text-align:center ;

    }
    .overlay-container .popup {
        min-height: 684px;
    }
    .lt-txt{
        margin-bottom: 10px;
    }
    .overlay-container .popup {

        top: 58%;


    }
}


/* PG custom / modified styles start */

.reload .background-pattern .pg_div01 {
    text-align: center;
}

.reload .background-pattern .pg_div01 .container {
    width: 100%;
    position: relative;
	max-width: 100%;
	padding-right: 0;
    padding-left: 0;
}

.reload .background-pattern .pg_div01 .container form .white-backgrnd {
    padding-right: 55px;
    padding-bottom: 37.5px;
}

@media only screen and (max-width: 767px) {
    .reload .background-pattern .white-backgrnd {
        width: 100%;
        border-radius: 0;
        /* margin-top: 40px; */
    }
    .reload .background-pattern .pg_div01 .container form .white-backgrnd {
        padding-right: 0;
        padding-bottom: 37.5px;
    }
    .reload .background-pattern {
        padding: 0;
    }
    .pg_div01.is-mobile-padding-top-0 {
        padding-top: 0;
    }
    .pg_div01.is-padding-bottom-40 {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 1024px) {
    .reload .background-pattern {
        padding: 0;
    }
    .reload .background-pattern .white-backgrnd {
        width: 100%;
        left: 0;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        margin-top: 24px;
    }
    .pg_div01.is-mobile-padding-top-0 {
        padding-top: 0;
    }
    .pg_div01.is-padding-bottom-40 {
        padding-bottom: 0;
    }
}

input[type=text], input[type=number], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    width: -moz-available;
}

input[type=text]:focus, input[type=number]:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(255, 255, 255, 1);
    border: 0px solid rgba(255, 255, 255, 1);
}

.error {
    font-family: Lato;
    padding-top: 7.375px;
    display: none;
}

.error-show {
    padding-top: 7.375px;
    display: inline-block;
}

.hidden {
    display: none;
}
.no-btm-bor div.icon-section {
    padding-top:4px; 
    padding-bottom:5px;
}
.no-btm-bor div.main-sec div {
    position:relative; 
    top:2.5px;
}
.edit-row div.main-sec div{
    position: relative;
    top: 15px;
    text-align: left;
}
.edit-container{
    margin-top: 0px;
    margin-bottom: 0px;
}

div.pg_div01 div.fullscale {
    width: 60% !important;
    padding: 0px !important; 
    left: 0px !important;
}

ul.tabs {
    background-color: #ffffff;
}

ul.tabs li {
    position: relative;
}

ul.tabs li div {
    padding: 8px;
}

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

.plan-amount {
    margin-bottom: 0px;
}

@media (max-width: 856px) {

    div.edit-row {
        padding: 10px;
    }
    div.edit-row div.icon-section {
        position: relative;
        left: 10px;
        top: -12.5px;
    }
    .edit-row div.main-sec div{
        padding-top: 7.375px;
        margin-left: 0px;
        width: 100%;
    }

    ul.tabs li {
        position: relative;
        left: -3px;
        border-bottom: 1px solid #ccc;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .edit-row div.main-sec div{
        position: relative;
        top: 5px;
    }
}

.hideprocess {
    display: none;
    padding-top: 0px !important;
}

.pg_aedit {
    cursor: pointer;
}

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

.pg_formcard01 {
    padding: 30px; padding-right: 35px; padding-bottom: 50px;
}

.pg_leftalin{
    display: flex;
    justify-content: left;
    text-align: left;
}

.pg_leftalin div select {
    height: 43.5px !important;
}

.pg_headerob_right {
    text-align: left;
    float: right;
}

.pg_headerob_right tr td {
    text-transform: capitalize;
    text-align: right;
}

.pg_headerob_right tr td img {
    width: 85px;
    position: relative;
    left: 3px;
}

.pg_tableimg01 {
    width: 85px;
}

.pg_fontnormal {
    font-weight: normal !important;
    font-size: 14px;
}

.pg_obtop {
    padding-top: 20px;
}

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


/* PG custom styles end */




@font-face {
    font-family: cc-icons;
    src: url(../fonts/cc-icons.eot?e407e920992118322f72963930552ed3);
    src: url(../fonts/cc-icons.eot?#iefix) format("embedded-opentype"), url(../fonts/cc-icons.woff?e407e920992118322f72963930552ed3) format("woff"), url(../fonts/cc-icons.ttf?e407e920992118322f72963930552ed3) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: LatoBlack;
    src: url(../fonts/LatoLatin-Black.eot);
    undefined: undefined;
    src: url(../fonts/LatoLatin-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/LatoLatin-Black.woff2) format("woff2"), url(../fonts/LatoLatin-Black.woff) format("woff"), url(../fonts/LatoLatin-Black.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}
@font-face {
    font-family: LatoBold;
    src: url(../fonts/LatoLatin-Bold.eot);
    undefined: undefined;
    src: url(../fonts/LatoLatin-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/LatoLatin-Bold.woff2) format("woff2"), url(../fonts/LatoLatin-Bold.woff) format("woff"), url(../fonts/LatoLatin-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility
}
@font-face {
    font-family: Lato;
    src: url(../fonts/LatoLatin-Regular.eot);
    undefined: undefined;
    src: url(../fonts/LatoLatin-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/LatoLatin-Regular.woff2) format("woff2"), url(../fonts/LatoLatin-Regular.woff) format("woff"), url(../fonts/LatoLatin-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}
@media (min-width: 980px) {
    .c-plan-comparison .plan-comparison__landscape-hint {
        display: none
    }
    .c-plan-comparison .plan-comparison__list {
        overflow: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-overflow-scrolling: touch
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item {
        margin-right: 2rem;
        text-align: center
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator::before {
        content: '';
        display: block;
        position: absolute;
        opacity: .9;
        top: -.1rem;
        left: -.1rem;
        height: 1rem;
        width: calc(100% + .2rem);
        transition: width ease .3s, height ease .3s
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-gold::before {
        background-color: #d1aa1f;
        background-image: linear-gradient(90deg, #d1aa1f, gold)
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-gold-plus::before {
        background-color: gold;
        background-image: linear-gradient(90deg, gold, #d1aa1f)
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-gold-supreme::before {
        background-color: gold;
        background-image: linear-gradient(90deg, gold, gold)
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-platinum::before {
        background-color: #d8d8d8;
        background-image: linear-gradient(90deg, #d8d8d8, #8e8e8e)
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-platinum-plus::before {
        background-color: #8e8e8e;
        background-image: linear-gradient(90deg, #8e8e8e, #464646)
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator::after {
        content: '';
        display: block;
        position: absolute;
        left: 1rem;
        top: 1rem;
        background-color: #fff;
        height: calc(100% - 1rem);
        width: calc(100% - 1rem);
        z-index: 20
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header {
        pointer-events: none;
        text-align: center;
        height: auto
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header::after {
        margin-top: 1rem;
        font-family: cc-icons;
        font-size: 1.8rem;
        height: 1.8rem;
        width: 1.8rem;
        color: #009ade;
        text-indent: .5rem;
        z-index: 50;
        display: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: rotate(90deg);
        transition: transform .3s linear
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__key-figures,
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__level-name {
        width: auto
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__key {
        width: auto;
        text-align: center;
        padding: 0
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__content__detail {
        height: auto;
        line-height: 1.8rem;
        padding: 1rem
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content:not(.is-active) {
        height: auto;
        overflow: visible;
        padding-bottom: 16rem
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content:not(.is-active) .plan-comparison__list__item__content__detail {
        /* height: 35px; */
        height: auto;
        overflow: visible
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content:not(.is-active) .plan-comparison__list__item__actions__primary,
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content:not(.is-active) .plan-comparison__list__item__actions__secondary {
        height: 6rem
    }
}
@media only screen and (min-width: 320px) {
    .is-grid-row.is-collapsed,
    .u-grid-row.is-collapsed {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }
    .is-col-mobile-p-1,
    .is-col-mobile-p-10,
    .is-col-mobile-p-11,
    .is-col-mobile-p-12,
    .is-col-mobile-p-2,
    .is-col-mobile-p-3,
    .is-col-mobile-p-4,
    .is-col-mobile-p-5,
    .is-col-mobile-p-6,
    .is-col-mobile-p-7,
    .is-col-mobile-p-8,
    .is-col-mobile-p-9 {
        float: left;
        margin-left: 20px
    }
    .is-col-mobile-p-1 {
        width: calc(8.3333333333% - 21.67px)
    }
    .is-col-mobile-p-2 {
        width: calc(16.6666666667% - 23.33px)
    }
    .is-col-mobile-p-3 {
        width: calc(25% - 25px)
    }
    .is-col-mobile-p-4 {
        width: calc(33.3333333333% - 26.67px)
    }
    .is-col-mobile-p-5 {
        width: calc(41.6666666667% - 28.33px)
    }
    .is-col-mobile-p-6 {
        width: calc(50% - 30px)
    }
    .is-col-mobile-p-7 {
        width: calc(58.3333333333% - 31.67px)
    }
    .is-col-mobile-p-8 {
        width: calc(66.6666666667% - 33.33px)
    }
    .is-col-mobile-p-9 {
        width: calc(75% - 35px)
    }
    .is-col-mobile-p-10 {
        width: calc(83.3333333333% - 36.67px)
    }
    .is-col-mobile-p-11 {
        width: calc(91.6666666667% - 38.33px)
    }
    .is-col-mobile-p-12 {
        width: calc(100% - 40px)
    }
    .is-col-mobile-p-offset-0 {
        margin-left: calc(0% - 20px + 40px)
    }
    .is-col-mobile-p-offset-1 {
        margin-left: calc(8.3333333333% - 21.67px + 40px)
    }
    .is-col-mobile-p-offset-2 {
        margin-left: calc(16.6666666667% - 23.33px + 40px)
    }
    .is-col-mobile-p-offset-3 {
        margin-left: calc(25% - 25px + 40px)
    }
    .is-col-mobile-p-offset-4 {
        margin-left: calc(33.3333333333% - 26.67px + 40px)
    }
    .is-col-mobile-p-offset-5 {
        margin-left: calc(41.6666666667% - 28.33px + 40px)
    }
    .is-col-mobile-p-offset-6 {
        margin-left: calc(50% - 30px + 40px)
    }
    .is-col-mobile-p-offset-7 {
        margin-left: calc(58.3333333333% - 31.67px + 40px)
    }
    .is-col-mobile-p-offset-8 {
        margin-left: calc(66.6666666667% - 33.33px + 40px)
    }
    .is-col-mobile-p-offset-9 {
        margin-left: calc(75% - 35px + 40px)
    }
    .is-col-mobile-p-offset-10 {
        margin-left: calc(83.3333333333% - 36.67px + 40px)
    }
    .is-col-mobile-p-offset-11 {
        margin-left: calc(91.6666666667% - 38.33px + 40px)
    }
}
@media only screen and (min-width: 657px) {
    .is-grid-row.is-collapsed,
    .u-grid-row.is-collapsed {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }
    .is-col-mobile-l-1,
    .is-col-mobile-l-10,
    .is-col-mobile-l-11,
    .is-col-mobile-l-12,
    .is-col-mobile-l-2,
    .is-col-mobile-l-3,
    .is-col-mobile-l-4,
    .is-col-mobile-l-5,
    .is-col-mobile-l-6,
    .is-col-mobile-l-7,
    .is-col-mobile-l-8,
    .is-col-mobile-l-9 {
        float: left;
        margin-left: 20px
    }
    .is-col-mobile-l-1 {
        width: calc(8.3333333333% - 21.67px)
    }
    .is-col-mobile-l-2 {
        width: calc(16.6666666667% - 23.33px)
    }
    .is-col-mobile-l-3 {
        width: calc(25% - 25px)
    }
    .is-col-mobile-l-4 {
        width: calc(33.3333333333% - 26.67px)
    }
    .is-col-mobile-l-5 {
        width: calc(41.6666666667% - 28.33px)
    }
    .is-col-mobile-l-6 {
        width: calc(50% - 30px)
    }
    .is-col-mobile-l-7 {
        width: calc(58.3333333333% - 31.67px)
    }
    .is-col-mobile-l-8 {
        width: calc(66.6666666667% - 33.33px)
    }
    .is-col-mobile-l-9 {
        width: calc(75% - 35px)
    }
    .is-col-mobile-l-10 {
        width: calc(83.3333333333% - 36.67px)
    }
    .is-col-mobile-l-11 {
        width: calc(91.6666666667% - 38.33px)
    }
    .is-col-mobile-l-12 {
        width: calc(100% - 40px)
    }
    .is-col-mobile-l-offset-0 {
        margin-left: calc(0% - 20px + 40px)
    }
    .is-col-mobile-l-offset-1 {
        margin-left: calc(8.3333333333% - 21.67px + 40px)
    }
    .is-col-mobile-l-offset-2 {
        margin-left: calc(16.6666666667% - 23.33px + 40px)
    }
    .is-col-mobile-l-offset-3 {
        margin-left: calc(25% - 25px + 40px)
    }
    .is-col-mobile-l-offset-4 {
        margin-left: calc(33.3333333333% - 26.67px + 40px)
    }
    .is-col-mobile-l-offset-5 {
        margin-left: calc(41.6666666667% - 28.33px + 40px)
    }
    .is-col-mobile-l-offset-6 {
        margin-left: calc(50% - 30px + 40px)
    }
    .is-col-mobile-l-offset-7 {
        margin-left: calc(58.3333333333% - 31.67px + 40px)
    }
    .is-col-mobile-l-offset-8 {
        margin-left: calc(66.6666666667% - 33.33px + 40px)
    }
    .is-col-mobile-l-offset-9 {
        margin-left: calc(75% - 35px + 40px)
    }
    .is-col-mobile-l-offset-10 {
        margin-left: calc(83.3333333333% - 36.67px + 40px)
    }
    .is-col-mobile-l-offset-11 {
        margin-left: calc(91.6666666667% - 38.33px + 40px)
    }
}
@media only screen and (min-width: 768px) {
    .is-grid-row.is-collapsed,
    .u-grid-row.is-collapsed {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }
    .is-col-tablet-p-1,
    .is-col-tablet-p-10,
    .is-col-tablet-p-11,
    .is-col-tablet-p-12,
    .is-col-tablet-p-2,
    .is-col-tablet-p-3,
    .is-col-tablet-p-4,
    .is-col-tablet-p-5,
    .is-col-tablet-p-6,
    .is-col-tablet-p-7,
    .is-col-tablet-p-8,
    .is-col-tablet-p-9 {
        float: left;
        margin-left: 20px
    }
    .is-col-tablet-p-1 {
        width: calc(8.3333333333% - 21.67px)
    }
    .is-col-tablet-p-2 {
        width: calc(16.6666666667% - 23.33px)
    }
    .is-col-tablet-p-3 {
        width: calc(25% - 25px)
    }
    .is-col-tablet-p-4 {
        width: calc(33.3333333333% - 26.67px)
    }
    .is-col-tablet-p-5 {
        width: calc(41.6666666667% - 28.33px)
    }
    .is-col-tablet-p-6 {
        width: calc(50% - 30px)
    }
    .is-col-tablet-p-7 {
        width: calc(58.3333333333% - 31.67px)
    }
    .is-col-tablet-p-8 {
        width: calc(66.6666666667% - 33.33px)
    }
    .is-col-tablet-p-9 {
        width: calc(75% - 35px)
    }
    .is-col-tablet-p-10 {
        width: calc(83.3333333333% - 36.67px)
    }
    .is-col-tablet-p-11 {
        width: calc(91.6666666667% - 38.33px)
    }
    .is-col-tablet-p-12 {
        width: calc(100% - 40px)
    }
    .is-col-tablet-p-offset-0 {
        margin-left: calc(0% - 20px + 40px)
    }
    .is-col-tablet-p-offset-1 {
        margin-left: calc(8.3333333333% - 21.67px + 40px)
    }
    .is-col-tablet-p-offset-2 {
        margin-left: calc(16.6666666667% - 23.33px + 40px)
    }
    .is-col-tablet-p-offset-3 {
        margin-left: calc(25% - 25px + 40px)
    }
    .is-col-tablet-p-offset-4 {
        margin-left: calc(33.3333333333% - 26.67px + 40px)
    }
    .is-col-tablet-p-offset-5 {
        margin-left: calc(41.6666666667% - 28.33px + 40px)
    }
    .is-col-tablet-p-offset-6 {
        margin-left: calc(50% - 30px + 40px)
    }
    .is-col-tablet-p-offset-7 {
        margin-left: calc(58.3333333333% - 31.67px + 40px)
    }
    .is-col-tablet-p-offset-8 {
        margin-left: calc(66.6666666667% - 33.33px + 40px)
    }
    .is-col-tablet-p-offset-9 {
        margin-left: calc(75% - 35px + 40px)
    }
    .is-col-tablet-p-offset-10 {
        margin-left: calc(83.3333333333% - 36.67px + 40px)
    }
    .is-col-tablet-p-offset-11 {
        margin-left: calc(91.6666666667% - 38.33px + 40px)
    }
    imagecard-overlay-component .is-col-tablet-p-4:nth-child(3n+1) {
        clear: left
    }
}
@media (min-width: 768px) {
    .is-grid-row.is-reverse,
    .u-grid-row.is-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .o-hero-banner .hero-banner__content .is-absolute-desktop {
        top: 10%
    }
    .c-button-description--horizontal {
        padding-top: 2.5rem
    }
    [data-css=o-detail-banner] .is-right-content .is-col-tablet-p-6 {
        float: right
    }
    [data-css=c-testimonials-item] .testimonials-item__description {
        padding: 0 1.5rem
    }
}
@media (min-width: 980px) {
    .is-container {
        padding: 0 4rem
    }
    .is-desktop-hidden {
        display: none!important
    }
    .is-grid-col.is-tablet-hidden,
    .u-grid-col.is-tablet-hidden {
        display: none
    }
    [data-css=c-teaser] {
        text-align: left
    }
    [data-css=c-teaser] .teaser__headline {
        font-size: 4.8rem
    }
    [data-css=c-teaser] .teaser__copy {
        font-size: 1.8rem;
        line-height: 2.4rem
    }
    .o-hero-banner .hero-banner__item.is-vertical-center {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
    .c-footer .footer__link:hover {
        color: #fff
    }
    .c-footer .footer__app-download {
        /* float: left; */
        float: right;
        text-align: left;
        border-bottom: none
    }
    /* .c-footer .footer__social-media {
        padding-top: 3.5rem;
        float: right
    } */

    /* .c-footer .footer__social-media {
      width: 31rem;
      margin: 0 auto;
      white-space: nowrap
  } */

      .c-footer .footer__sitemap {
        width: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .c-footer .footer__sitemap .footer__sitemap__group .footer__sitemap__group-header::after,
    .c-plan-comparison .plan-comparison__landscape-hint {
        display: none
    }

  .c-footer .footer__sitemap .footer__sitemap__group .footer__sitemap__group-header {
    pointer-events: none;
    color: #fff;
    height: auto;
    border-top: none;
}
    .c-footer .footer__sitemap .footer__sitemap__group .footer__sitemap__group-content:not(.is-active) .footer__link {
        height: auto
    }
    .c-footer .footer__sitemap .footer__sitemap__group:last-child .footer__sitemap__group-header {
        padding: 2rem 0
    }
    .c-plan-comparison .plan-comparison__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item {
        /* display: block;
        margin-right: 2rem;
        -ms-flex: 1;
        flex: 1 */
        cursor: default;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header {
        pointer-events: none
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header::after {
        margin-top: 1rem;
        font-family: cc-icons;
        font-size: 1.8rem;
        height: 1.8rem;
        width: 1.8rem;
        color: #009ade;
        text-indent: .5rem;
        z-index: 50;
        display: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: rotate(90deg);
        transition: transform .3s linear
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator::before {
        content: '';
        display: block;
        position: absolute;
        opacity: .9;
        top: -.1rem;
        left: -.1rem;
        height: 1rem;
        width: calc(100% + .2rem);
        transition: width ease .3s, height ease .3s
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-gold::before {
        background-color: #d1aa1f;
        background-image: linear-gradient(90deg, #d1aa1f, gold)
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-gold-plus::before {
        background-color: gold;
        background-image: linear-gradient(90deg, gold, #d1aa1f)
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-gold-supreme::before {
        background-color: gold;
        background-image: linear-gradient(90deg, gold, gold)
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-platinum::before {
        background-color: #d8d8d8;
        background-image: linear-gradient(90deg, #d8d8d8, #8e8e8e)
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator.is-level-platinum-plus::before {
        background-color: #8e8e8e;
        background-image: linear-gradient(90deg, #8e8e8e, #464646)
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__level-indicator::after {
        content: '';
        display: block;
        position: absolute;
        left: 1rem;
        top: 1rem;
        background-color: #fff;
        height: calc(100% - 1rem);
        width: calc(100% - 1rem);
        z-index: 20
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__key {
        text-align: center;
        line-height: 4.8rem;
        font-size: 3.2rem
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content:not(.is-active) {
        padding-bottom: 0;
    }
    /* .c-plan-comparison .plan-comparison__list .plan-comparison__list__item.plan-tables-five .plan-comparison__list__item__content:not(.is-active) {
        padding-bottom: 11rem
    } */
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content:not(.is-active) .plan-comparison__list__item__actions__primary,
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content:not(.is-active) .plan-comparison__list__item__actions__secondary {
        height: 5rem
    }
    .c-tabs.is-full-width {
        margin: 0 4rem
    }
    [data-css=o-detail-banner] .teaser__headline {
        font-size: 3.2rem
    }
    .c-notification-bottom .notification-bottom__section-border {
        display: none
    }
}
@media only screen and (min-width: 1024px) {
    .is-grid-row.is-collapsed,
    .u-grid-row.is-collapsed {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }
    .is-col-desktop-l-1,
    .is-col-desktop-l-10,
    .is-col-desktop-l-11,
    .is-col-desktop-l-12,
    .is-col-desktop-l-2,
    .is-col-desktop-l-3,
    .is-col-desktop-l-4,
    .is-col-desktop-l-5,
    .is-col-desktop-l-6,
    .is-col-desktop-l-7,
    .is-col-desktop-l-8,
    .is-col-desktop-l-9 {
        float: left;
        margin-left: 20px
    }
    .is-col-desktop-l-1 {
        width: calc(8.3333333333% - 21.67px)
    }
    .is-col-desktop-l-2 {
        width: calc(16.6666666667% - 23.33px)
    }
    .is-col-desktop-l-3 {
        width: calc(25% - 25px)
    }
    .is-col-desktop-l-4 {
        width: calc(33.3333333333% - 26.67px)
    }
    .is-col-desktop-l-5 {
        width: calc(41.6666666667% - 28.33px)
    }
    .is-col-desktop-l-6 {
        width: calc(50% - 30px)
    }
    .is-col-desktop-l-7 {
        width: calc(58.3333333333% - 31.67px)
    }
    .is-col-desktop-l-8 {
        width: calc(66.6666666667% - 33.33px)
    }
    .is-col-desktop-l-9 {
        width: calc(75% - 35px)
    }
    .is-col-desktop-l-10 {
        width: calc(83.3333333333% - 36.67px)
    }
    .is-col-desktop-l-11 {
        width: calc(91.6666666667% - 38.33px)
    }
    .is-col-desktop-l-12 {
        width: calc(100% - 40px)
    }
    .is-col-desktop-l-offset-0 {
        margin-left: calc(0% - 20px + 40px)
    }
    .is-col-desktop-l-offset-1 {
        margin-left: calc(8.3333333333% - 21.67px + 40px)
    }
    .is-col-desktop-l-offset-2 {
        margin-left: calc(16.6666666667% - 23.33px + 40px)
    }
    .is-col-desktop-l-offset-3 {
        margin-left: calc(25% - 25px + 40px)
    }
    .is-col-desktop-l-offset-4 {
        margin-left: calc(33.3333333333% - 26.67px + 40px)
    }
    .is-col-desktop-l-offset-5 {
        margin-left: calc(41.6666666667% - 28.33px + 40px)
    }
    .is-col-desktop-l-offset-6 {
        margin-left: calc(50% - 30px + 40px)
    }
    .is-col-desktop-l-offset-7 {
        margin-left: calc(58.3333333333% - 31.67px + 40px)
    }
    .is-col-desktop-l-offset-8 {
        margin-left: calc(66.6666666667% - 33.33px + 40px)
    }
    .is-col-desktop-l-offset-9 {
        margin-left: calc(75% - 35px + 40px)
    }
    .is-col-desktop-l-offset-10 {
        margin-left: calc(83.3333333333% - 36.67px + 40px)
    }
    .is-col-desktop-l-offset-11 {
        margin-left: calc(91.6666666667% - 38.33px + 40px)
    }
}
@media (min-width: 1024px) {
    .o-hero-banner .hero-banner__content .is-absolute-desktop {
        top: 20%
    }
    .c-global-navigation.is-fixed {
        height: calc(68px + 36px + 33px)
    }
    .c-global-navigation .global-navigation__main {
        display: inline-block;
        width: 100%;
        background-color: #fff;
        position: relative
    }
    [data-css=c-callout-icon-item] .callout-icon-item__content {
        padding: 0 4rem
    }
}
@media (min-width: 1025px) {
    .c-card--category .card__copy {
        padding: 0 4.3rem;
        line-height: 1.7rem
    }
}
@media only screen and (min-width: 1440px) {
    .is-grid-row.is-collapsed,
    .u-grid-row.is-collapsed {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }
    .is-col-desktop-1,
    .is-col-desktop-10,
    .is-col-desktop-11,
    .is-col-desktop-12,
    .is-col-desktop-2,
    .is-col-desktop-3,
    .is-col-desktop-4,
    .is-col-desktop-5,
    .is-col-desktop-6,
    .is-col-desktop-7,
    .is-col-desktop-8,
    .is-col-desktop-9 {
        float: left;
        margin-left: 20px
    }
    .is-col-desktop-1 {
        width: calc(8.3333333333% - 21.67px)
    }
    .is-col-desktop-2 {
        width: calc(16.6666666667% - 23.33px)
    }
    .is-col-desktop-3 {
        width: calc(25% - 25px)
    }
    .is-col-desktop-4 {
        width: calc(33.3333333333% - 26.67px)
    }
    .is-col-desktop-5 {
        width: calc(41.6666666667% - 28.33px)
    }
    .is-col-desktop-6 {
        width: calc(50% - 30px)
    }
    .is-col-desktop-7 {
        width: calc(58.3333333333% - 31.67px)
    }
    .is-col-desktop-8 {
        width: calc(66.6666666667% - 33.33px)
    }
    .is-col-desktop-9 {
        width: calc(75% - 35px)
    }
    .is-col-desktop-10 {
        width: calc(83.3333333333% - 36.67px)
    }
    .is-col-desktop-11 {
        width: calc(91.6666666667% - 38.33px)
    }
    .is-col-desktop-12 {
        width: calc(100% - 40px)
    }
    .is-col-desktop-offset-0 {
        margin-left: calc(0% - 20px + 40px)
    }
    .is-col-desktop-offset-1 {
        margin-left: calc(8.3333333333% - 21.67px + 40px)
    }
    .is-col-desktop-offset-2 {
        margin-left: calc(16.6666666667% - 23.33px + 40px)
    }
    .is-col-desktop-offset-3 {
        margin-left: calc(25% - 25px + 40px)
    }
    .is-col-desktop-offset-4 {
        margin-left: calc(33.3333333333% - 26.67px + 40px)
    }
    .is-col-desktop-offset-5 {
        margin-left: calc(41.6666666667% - 28.33px + 40px)
    }
    .is-col-desktop-offset-6 {
        margin-left: calc(50% - 30px + 40px)
    }
    .is-col-desktop-offset-7 {
        margin-left: calc(58.3333333333% - 31.67px + 40px)
    }
    .is-col-desktop-offset-8 {
        margin-left: calc(66.6666666667% - 33.33px + 40px)
    }
    .is-col-desktop-offset-9 {
        margin-left: calc(75% - 35px + 40px)
    }
    .is-col-desktop-offset-10 {
        margin-left: calc(83.3333333333% - 36.67px + 40px)
    }
    .is-col-desktop-offset-11 {
        margin-left: calc(91.6666666667% - 38.33px + 40px)
    }
}
@media only screen and (max-width: 1230px) {
    head {
        font-family: desktop-m
    }
}
@media only screen and (max-width: 1024px) {
    head {
        font-family: tablet-l
    }
}
@media (max-width: 1023px) {
    .r-header {
        left: 0;
        width: 100%;
        min-height: 63px
    }
    .c-burger--default .burger {
        display: inline-block
    }
    .c-logo--default {
        float: none;
        margin: 0 auto;
        padding: 1rem 0 1.6rem
    }
    .c-navigation--default {
        position: fixed;
        transition: transform cubic-bezier(.7, 0, .3, 1) .3s;
        transform: translateY(-115%);
        overflow-y: scroll;
        overflow-x: hidden;
        width: 100%
    }
    .c-navigation--default .navigation__list-item {
        float: none;
        padding: 0;
        border-top: 1px solid #d8d8d8
    }
    .c-navigation--default .navigation__list-item.is-meta {
        display: block
    }
    .c-meta-navigation--default,
    .c-sec-navigation--default .sec-navigation__list-item .sec-navigation__link span,
    [data-css=c-breadcrumb] {
        display: none
    }
    .c-navigation--default .navigation__list-item.is-meta .navigation__link {
        padding-right: 18rem
    }
    .c-navigation--default .navigation__link {
        font-size: 1.8rem;
        padding: 2rem 1rem;
        text-align: center
    }
    .c-navigation--default.is-open {
        transform: translateY(0)
    }
    [data-css=c-icon-item] .icon-item__description {
        padding: 1rem
    }
    [data-css=c-table-static] .table-static__table {
        font-size: 1.4rem;
        width: 100%
    }
    .c-quicksearch--default {
        margin: 0
    }
    .c-quicksearch--default .quicksearch__toggle {
        pointer-events: auto;
        position: absolute;
        right: 3.3rem;
        top: 2rem
    }
    .c-quicksearch--default .quicksearch__form .form__input {
        padding-left: 3.6rem
    }
    .c-quicksearch--default .quicksearch__form .form__fieldset {
        padding: .5rem 3rem .8rem 0
    }
    .c-quicksearch--default .quicksearch__form .form__submit {
        right: 7rem
    }
    .c-quicksearch--default .quicksearch__close {
        right: 3.3rem
    }
    .c-sec-navigation--default {
        padding-right: 0;
        position: absolute;
        right: 0;
        top: 0;
        display: none
    }
    .c-sec-navigation--default .sec-navigation__list-item {
        padding: 2.2rem 2rem 0 0
    }
    .c-table .table__table {
        font-size: 1.2rem
    }
    .c-global-navigation.is-fixed,
    .has-no-scroll .c-global-navigation.is-fixed {
        height: 100%
    }
    .c-global-navigation .global-navigation__main .global-navigation__sec-wrapper {
        position: absolute
    }
}
@media only screen and (max-width: 768px) {
    head {
        font-family: tablet-p
    }
    .error {
        width: calc(100% - 10px);
    }
}
@media (max-width: 767px) {
    .c-notification-bottom .notification-bottom__text,
    .o-hero-banner .hero-banner__item.is-mobile-centered {
        text-align: center
    }
    .is-relative-mobile {
        top: auto!important;
        position: relative!important;
        transform: translate(0)!important
    }
    .is-mobile-hidden {
        display: none!important
    }
    .is-grid-row.is-column-reverse-mobile,
    .u-grid-row.is-column-reverse-mobile {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .is-grid-col.is-mobile-hidden,
    .u-grid-col.is-mobile-hidden {
        display: none
    }
    .u-section .section__inner.is-mobile-absolute-top {
        position: absolute;
        transform: translateY(-50%);
        top: 25%
    }
    .u-section .section__inner.is-absolute-top {
        position: relative;
        top: auto;
        left: auto;
        padding-top: 8%;
        transform: none
    }
    .u-section .section__media-container.is-absolute-bottom-desktop {
        position: relative;
        top: auto;
        left: auto
    }
    .c-card--collarge .card__copy {
        max-width: 85%;
        font-size: 1.4rem
    }
    .c-card--collarge .card__buttons-wrap {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .c-card--collarge .card__button:not(:last-child) {
        padding-bottom: 1.9rem
    }
    .c-logo--default picture {
        line-height: 0;
        position: absolute;
        top: 50%;
        left: 18px;
        width: 47px;
        transform: translateY(-50%)
    }
    .o-hero-banner .hero-banner__container.is-mobile-absolute-top {
        position: absolute;
        transform: translateY(-50%);
        top: 25%
    }
    .o-hero-banner .hero-banner__content .is-absolute-desktop {
        position: relative
    }
    .o-hero-banner .hero-banner__content .is-padding-top {
        padding: 4rem 0 0
    }
    .o-hero-banner .hero-banner__item.is-vertical-center {
        padding: 8rem 0 4rem
    }
    .o-hero-banner .hero-banner__item.is-vertical-center.is-padding-top {
        padding: 2rem 0 0
    }
    .o-hero-banner .hero-banner__item.is-mobile-centered>* {
        display: inline-block
    }
    .c-button-description--horizontal {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .c-button-description--horizontal .button-description__text {
        max-width: 100%;
        margin-bottom: .8rem
    }
    .c-footer .footer__app-download__link {
        margin: .5rem .6rem 0 0;
        margin: .5rem 0 0 0;
    }
    .o-plan {
        max-width: 100%;
        margin-right: 0
    }
    [data-css=c-table-static] .table-static__headline {
        margin: 1.3rem 0
    }
    [data-css=c-search-header] .search-header__container {
        /* padding: 2.2rem 2.5rem; */
        padding: 6.5rem 2.5rem 2.2rem 2.5rem;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: left;
        align-items: left
    }
    [data-css=c-search-header] .search-header__subtitle {
        padding-top: 1.2rem
    }
    .c-tabs .c-tabs__tab {
        min-width: 19vw
    }
    [data-css=c-testimonials-item] {
        padding-bottom: 2.5rem
    }
    [data-css=c-callout-icon-item] {
        padding-bottom: 3rem
    }
    .c-callout-icon-item--steps {
        position: relative;
        padding-bottom: 4rem
    }
    .c-callout-icon-item--steps::after {
        content: "";
        position: absolute;
        bottom: 1rem;
        height: 20px;
        width: 2px;
        left: 50%
    }
    .c-callout-icon-item--steps.is-first .callout-icon-item__image-wrapper::after,
    .c-callout-icon-item--steps.is-fourth .callout-icon-item__image-wrapper::after,
    .c-callout-icon-item--steps.is-fourth::after,
    .c-callout-icon-item--steps.is-second .callout-icon-item__image-wrapper::after,
    .c-callout-icon-item--steps.is-third .callout-icon-item__image-wrapper::after {
        position: static
    }
    .c-callout-icon-item--steps.is-first::after {
        background: #fdeaf1
    }
    .c-callout-icon-item--steps.is-second::after {
        background: #f596be
    }
    .c-callout-icon-item--steps.is-third::after {
        background: #bf4f71
    }
    .c-notification-bottom .notification-bottom__section-border {
        position: absolute;
        bottom: 100%;
        width: 100%;
        height: 3.6rem
    }
    .c-notification-bottom .notification-bottom__content {
        padding-top: 4rem
    }
    .c-notification-bottom .notification-bottom__image {
        position: relative;
        transform: translateX(0)
    }
    .c-notification-bottom .notification-bottom__cta-container {
        text-align: center;
        margin: 2rem 0 0
    }
}
@media (max-width: 767px) and (orientation: portrait) {
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__actions .plan-comparison__list__item__actions__primary .c-cta--default,
    .o-plan .plan__content .plan__actions .plan__primary-action .c-cta--default {
        margin: 0 2rem
    }
}
@media only screen and (max-width: 657px) {
    head {
        font-family: mobile-xl
    }
}
@media only screen and (max-width: 600px) {
    head {
        font-family: mobile-l
    }
}
@media (max-width: 599px) {
    .is-product-banner-padding {
        padding: 5rem 0
    }
    .has-width-mobile-l {
        width: auto
    }
    .c-logo--default picture {
        width: 37px
    }
    [data-css=c-icon-item] .icon-item__description {
        padding: 0
    }
    [data-css=c-button-description] .button-description__text {
        font-size: 1.4rem
    }
    .c-button-description--default .button-description__cta {
        font-size: 1.2rem
    }
    [data-css=o-icon-layout] .icon-layout__headline {
        margin-bottom: 2rem
    }
    [data-css=o-icon-layout] .icon-layout__footer {
        padding-top: 1rem
    }
    [data-css=c-table-static] .table-static__head {
        padding: 1.5rem
    }
    .c-table .table__table .table__cell,
    [data-css=c-table-static] .table-static__col {
        padding: 2rem
    }
    [data-css=o-grid-items] .grid-items__footer {
        padding-top: 1rem
    }
}
@media only screen and (max-width: 480px) {
    head {
        font-family: mobile-p
    }
}
@media (max-width: 479px) {
    .children-spacing-10>* {
        margin-right: 0
    }
}
@media only screen and (max-width: 320px) {
    head {
        font-family: mobile-s
    }
}
@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]::after {
        content: " (" attr(href) ")"
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    .ir a::after,
    a[href^="javascript:"]::after,
    a[href^="#"]::after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
.accordion__content-inner li li li li ol>li:before,
.accordion__content-inner li li li ol>li:before,
.accordion__content-inner li li ol>li:before,
.accordion__content-inner li ol>li:before,
.accordion__content-inner ol>li:before {
    padding-right: 5px;
    content: counters(section, ".") " "
}
.accordion__content.is-closed {
    display: none
}
.accordion__content-inner {
    line-height: 2rem
}
.accordion__content-inner ol {
    counter-reset: section;
    list-style-type: none;
    margin: 10px 0 0
}
.accordion__content-inner ul>li {
    margin-bottom: .6em
}
.accordion__content-inner ol ol {
    counter-reset: section;
    list-style-type: none;
    margin-top: 10px
}
.accordion__content-inner ol ol ol {
    counter-reset: section;
    margin: 0 0 0 20px
}
.accordion__content-inner ol>li {
    margin-bottom: .6em
}
.accordion__content-inner ol>li:first-child {
    margin-top: 5px
}
.accordion__content-inner ol>li li {
    margin: 0 0 10px
}
.accordion__content-inner ol ol ol>li,
.accordion__content-inner ol ol>li {
    list-style: none;
    position: relative;
    margin-left: 20px
}
.accordion__content-inner ol>li:before {
    counter-increment: section;
    position: absolute
}
.accordion__content-inner ol ol>li:before {
    counter-increment: section;
    position: absolute;
    left: -3.3em
}
.accordion__content-inner ol ol ol>li:before {
    counter-increment: section;
    position: absolute;
    left: -4.2em
}
.accordion__content-inner ol ol ol ol>li:before {
    counter-increment: section;
    position: absolute;
    left: -4.8em
}
.accordion__content-inner ol ol ol ol ol>li:before {
    counter-increment: section;
    position: absolute;
    left: -4.9em
}
.accordion__content-inner ol ol ol ol ol ol>li:before {
    counter-increment: section;
    position: absolute;
    left: -5.8em
}
.accordion__content-inner ol ol ol ol ol ol ol>li:before {
    counter-increment: section;
    position: absolute;
    left: -6.7em
}
.accordion__content-inner ol ol ol ol ol ol ol ol>li:before {
    counter-increment: section;
    position: absolute;
    left: -7.6em
}
.accordion__content-inner ol ol ol ol ol ol ol ol ol>li:before {
    counter-increment: section;
    position: absolute;
    left: -8.5em
}
.accordion__content-inner ol[type='a'],
.accordion__content-inner ol[type='i'] {
    counter-reset: list;
    margin: 10px 0 0
}
.accordion__content-inner ol[type='a']>li:before {
    counter-increment: list;
    content: "(" counter(list, lower-alpha) ") ";
    position: absolute;
    left: 1.4em
}
.accordion__content-inner ol ol ol[type='a']>li:before,
.accordion__content-inner ol ol[type='a']>li:before {
    counter-increment: list;
    content: "(" counter(list, lower-alpha) ") ";
    position: absolute;
    left: -2em
}
.accordion__content-inner ul ol[type='a']>li:before {
    counter-increment: list;
    content: "(" counter(list, lower-alpha) ") ";
    position: absolute;
    left: 3.9em
}
.accordion__content-inner ol[type='i']>li:before,
.accordion__content-inner ul ol[type='i']>li:before {
    counter-increment: list;
    content: "(" counter(list, lower-roman) ") ";
    position: absolute
}
.accordion__content-inner ol ol ol[type='i']>li:before,
.accordion__content-inner ol ol[type='i']>li:before {
    counter-increment: list;
    content: "(" counter(list, lower-roman) ") ";
    position: absolute;
    left: -2em
}
@media screen and (min-width: 768px) {
    .accordion__content-inner ul ol[type='a']>li:before,
    .accordion__content-inner ul ol[type='i']>li:before {
        left: 3.9em
    }
    .accordion__content-inner ul>li>ol>li:before {
        left: 4.6em
    }
    .accordion__content-inner ol>li:before {
        left: 2em
    }
}
@media screen and (max-width: 767px) {
    .accordion__content-inner ul>li>ol>li:before {
        position: absolute;
        left: 2.8em
    }
    .accordion__content-inner ul ol[type='a']>li:before,
    .accordion__content-inner ul ol[type='i']>li:before,
    .accordion__content-inner ul>ol>li:before {
        left: 2.2em
    }
    .accordion__content-inner ol[type='a']>li,
    .accordion__content-inner ol[type='i']>li {
        margin-left: 22px
    }
    .accordion__content-inner ul ol[type='a']>li,
    .accordion__content-inner ul ol[type='i']>li {
        margin-left: 14px
    }
    .accordion__content-inner ol,
    .accordion__content-inner ol ol,
    .accordion__content-inner ol ol ol,
    .accordion__content-inner ol ol>li .accordion__content-inner ol ol ol>li,
    .accordion__content-inner ol>li,
    .accordion__content-inner ul {
        margin-left: 8px
    }
    .accordion__content-inner ol ol {
        -webkit-padding-start: 5px;
        -moz-padding-start: 5px
    }
    .accordion__content-inner ol,
    .accordion__content-inner ol[type='a'],
    .accordion__content-inner ol[type='i'],
    .accordion__content-inner ul {
        -webkit-padding-start: 10px;
        -moz-padding-start: 10px
    }
    .accordion__content-inner ol>li:before {
        left: 1.2em
    }
}
/* .jelly-button {
    background: linear-gradient(77deg, #f76a0f, #af358f);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 14px;
    border-radius: 100px;
    height: 40px;
    display: inline-block;
    width: 150px;
    text-align: center;
    position: relative;
    padding: 0
} */
/* .jelly-button:before {
    content: "";
    background: url(../img/jelly-image.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    height: 40px
} */
.herobannerjelly {
    width: 173px
}
.herocarousel-xpax-content {
    font-size: 18px;
    line-height: 1.11;
    width: 62%;
    margin: 10px 0 20px
}
.herocarousel-xpax-title {
    font-size: 48px;
    line-height: .9;
    letter-spacing: -.5px;
    color: #000
}
.clearfix {
    clear: both
}
.border-line {
    border-top: 1px solid #747474;
    margin-bottom:  20px;
}
.copyright-text span {
    font-size: 12px
}
@media (max-width: 768px) {
    .c-notification-bottom .notification-bottom__section-border .section__border-svg {
        fill: #464646
    }
    .border-line {
        width: auto;
        margin: 30px auto 40px;
        margin: 0 auto 15px;
    }
    .copyright-text {
        margin: 0 auto;
        width: 28rem
    }
}
/*  @media (max-width: 991px) {  .border-line { width: 28rem;    margin: 30px auto 40px  }  }*/

/* XPAX -- CSS*/

.is-bg-gradient-purple-magenta {
    background: linear-gradient(77deg, #612993, #d1209b);
    color: #fff;
}
.is-bg-gradient-magenta-purple {
    background: linear-gradient(77deg, #d1209b, #612993);
    color: #fff;
}
.is-bg-gradient-magenta-orange {
    background: linear-gradient(77deg, #d1209b, #ff7002);
    color: #fff;
}
.is-bg-gradient-orange-magenta {
    background: linear-gradient(77deg, #ff7002, #d1209b);
    color: #fff;
}
.is-bg-gradient-purple-salmon {
    background: linear-gradient(77deg, #612993, #ff7676);
    color: #fff;
}
.is-bg-gradient-salmon-purple {
    background: linear-gradient(77deg, #ff7676, #612993);
    color: #fff;
}
.is-bg-gradient-salmon-paleyellow {
    background: linear-gradient(77deg, #ff7676, #fce38a);
    color: #000;
}
.is-bg-gradient-paleyellow-salmon {
    background: linear-gradient(77deg, #fce38a, #ff7676);
    color: #000;
}
.is-bg-gradient-pink-skyblue {
    background: linear-gradient(77deg, #f54ea2, #1bcedf);
    color: #fff;
}
.is-bg-gradient-skyblue-pink {
    background: linear-gradient(77deg, #1bcedf, #f54ea2);
    color: #fff;
}
.is-bg-gradient-pink-salmon {
    background: linear-gradient(77deg, #f54ea2, #ff7676);
    color: #fff;
}
.is-bg-gradient-salmon-pink {
    background: linear-gradient(77deg, #ff7676, #f54ea2);
    color: #fff;
}
.is-bg-color-red {
    background-color: #EF1715;
    color: #fff;
}
.is-bg-color-xpax-purple {
    background-color: #612993;
    color: #fff;
}
.is-bg-color-xpax-magenta {
    background-color: #D1209B;
    color: #fff;
}
.is-bg-color-xpax-orange {
    background-color: #FF7002;
    color: #fff;
}
.is-bg-color-vividorange {
    background-color: #FA8F00;
    color: #fff;
}
.is-bg-color-softnavy {
    background-color: #3A2C93;
    color: #fff;
}
.is-bg-color-deepmagenta {
    background-color: #A03298;
    color: #fff;
}
.is-bg-color-vividpink {
    background-color: #EB005B;
    color: #fff;
}
.is-bg-color-softvividpink {
    background-color: #FD2074;
    color: #fff;
}
.is-bg-color-salmon {
    background-color: #FF7676;
    color: #fff;
}
.is-bg-color-magentapink {
    background-color: #F54EA2;
    color: #fff;
}
.is-bg-color-skyblue {
    background-color: #1BCEDF;
    color: #fff;
}
.is-bg-color-paleyellow {
    background-color: #FCE38A;
    color: #000;
}

.xpax [data-js-module~=slider] .slider__control {
    background-color: #d1209b;
}
.xpax [data-js-module~=slider] .slider__control:hover {
    background-color: #a7197c
}
.xpax [data-js-module~=slider] .slider__pagination-list-item.is-active {
    background-color: #d1209b;
}
.xpax .c-cta--default {
    min-width: 12rem;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAoCAYAAAAcwQPnAAAAAXNSR0IArs4c6QAABXJJREFUeAHtnF1vG0UUhs/uOrZjxwlpQW1pKxVRuKCiCFUIcRcJ8Slxg5Q7rvs78jOAn0Av+QGVuEACUXFTtaW9oEKoCJWmuPnwx65j3nfi2UzG6w/cxE69Z6SjmZ0d73pePzpz9uwkgWjJtQLdbjeAACuwAmwP1unVCep2EAQ8/t+FF9WSYwUAVg3TLw2RgGC1YQ1ARvDGKgrWWDLN5yBAtYCZ0VuNW3YxkIB1R31AwRql0ByfB1hLmF45Y4pcFldhIawOa8JsIVTbgKtlO7JqXkBLfhWIMqbOZfEDWNE59zfa92ENGJ1RDVDyswO9F4nUkl8Fspa0KuRwoaI6Z2CEjbUtFTQIWOaqp2BZmfJZ88nPL1z6Yr8Tx1zd3oFdcM4RwEy4FCxHpRw2GTv5XotPgfeGaPEWzrmei3At+uMVLF+RHB330gfPMGUfrr/Q92CIFG/jHAN/Wyq9mMsem6g/PdBG/hQAXFz2uPz5Oarf0Xcb5kOHLsPNVdRufLXsxlvqsShTzgvgYqz1L8yPrR6h7xYsK/tOj3UJZgufElOe0oY9q3U+FXCWRT8/tQlFfoVlea7X0O+mrPikaIqCZZXQWgAX4dmGuQlRKkO4fmPDK4TqvNPHTL4pCpZVQmujAOGCES4mQ93yBw6euB299lmnL0ScZTyYguWoos0DBQDXDo58uO6izw/y7c4I+2GTzVewrBxa9ynQg8tdFvkS+mHfQCRJnT7DlILlKKLNTAXoudynRaYh/ADffQVkUhAKVqaW2mkVYMyFNpOoNuWQlZnve5mtYFkFtR6ogAOXTTlwtwPNFm4EtMWMCbuS/XbajtJaFaACgIueik+LtjArb5OqT20nahPch1/KhVMbsuYmuZwx2lQFDhQAXIytbHxF0H6G/QCzyySa+22zFP4od099LGeq6r2oi5YRCjCYt0sih7pQ8XjfY7UlsnmJ6qdycfW6XEuzpxylRRVwFYDXIi+EK6swuboPVksKFixgGBceyp+rn8nl5XVZ74v0s66kfblUgMuh76koRLpxMPhCXq20pOPurUmVKstLjZJc3b0hN7Iuko7TRv4UwKsb/hGGzw33wBtvFqwhcC8ixhomTSS15kVZaXwrt9xE2bCP6Lk5V6C394rcuHuyngEsk3ownR/K+dORJCOXvkAWkqLsNa/J9eaGbKRL6JxrqNMboADgoseyfz7GgH4TYJnA3oC1LleW6vJPupdmwHUOdS9IKQ4laW3Jm+2bcrMTyOg/Yjx0AT144RUAWHyVs9ybSAtQbdlJGbDgfcKf5OvTnQmTpRGgCqUIl7eYdGWrU5bV5IqsJ+rVrMzzWQMspqtsGFUHWGmolK6PzGNhEO3ISgmpjLKU47rsALpasiTvJvogcGTynogLAS5um9lzvRW/WArW83qtcWdJ2CJ4twWpJtvSihW2cZU7meMAFpjqD4NSsPi11+RSuSgNu2ZObSYK29SkntqNDoHFux7HkjjJbCxsu9KIuYy+L1/FGrNNouRsPtMHFt8XfiSvL4eyM+x/Js3k27ox24q8HOsDwkx+hrFu2gcWP3WS4fJnVZVCZ0tKyaI0Yz6Nfie3Y019+CpN/zgTLH4NwvWJnGVu60ifFKcxxQ5gK8piXJDd5Jyci7+RXxKFbRrKH9xjIFh2CAN6eIPapDkue51Z13xrUJJqXELq47FcjjWpe7y/yEiweHt6r8/ljWIo7Qqy7RFeWpt9XMf71Y736japW5Fa/BiwvSLvxZpjOzrNxwLLvx1zXo/k+6gtT6IdqRaeSiOKpB1x240/9kU6JmwlJHT1SfT5f7WJwBp22/19XHfwQrsOW4E1ok1pFcZ5yT3surM65z4caLw2/q/wH02DhM2ac8WlAAAAAElFTkSuQmCC), linear-gradient(77deg, #f76a0f, #af358f);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    transition: background-color .3s;
    border-radius: 100px;
    background-size: 100% 100%;
}
.xpax .c-cta--default:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAoCAYAAAAcwQPnAAAAAXNSR0IArs4c6QAABXJJREFUeAHtnF1vG0UUhs/uOrZjxwlpQW1pKxVRuKCiCFUIcRcJ8Slxg5Q7rvs78jOAn0Av+QGVuEACUXFTtaW9oEKoCJWmuPnwx65j3nfi2UzG6w/cxE69Z6SjmZ0d73pePzpz9uwkgWjJtQLdbjeAACuwAmwP1unVCep2EAQ8/t+FF9WSYwUAVg3TLw2RgGC1YQ1ARvDGKgrWWDLN5yBAtYCZ0VuNW3YxkIB1R31AwRql0ByfB1hLmF45Y4pcFldhIawOa8JsIVTbgKtlO7JqXkBLfhWIMqbOZfEDWNE59zfa92ENGJ1RDVDyswO9F4nUkl8Fspa0KuRwoaI6Z2CEjbUtFTQIWOaqp2BZmfJZ88nPL1z6Yr8Tx1zd3oFdcM4RwEy4FCxHpRw2GTv5XotPgfeGaPEWzrmei3At+uMVLF+RHB330gfPMGUfrr/Q92CIFG/jHAN/Wyq9mMsem6g/PdBG/hQAXFz2uPz5Oarf0Xcb5kOHLsPNVdRufLXsxlvqsShTzgvgYqz1L8yPrR6h7xYsK/tOj3UJZgufElOe0oY9q3U+FXCWRT8/tQlFfoVlea7X0O+mrPikaIqCZZXQWgAX4dmGuQlRKkO4fmPDK4TqvNPHTL4pCpZVQmujAOGCES4mQ93yBw6euB299lmnL0ScZTyYguWoos0DBQDXDo58uO6izw/y7c4I+2GTzVewrBxa9ynQg8tdFvkS+mHfQCRJnT7DlILlKKLNTAXoudynRaYh/ADffQVkUhAKVqaW2mkVYMyFNpOoNuWQlZnve5mtYFkFtR6ogAOXTTlwtwPNFm4EtMWMCbuS/XbajtJaFaACgIueik+LtjArb5OqT20nahPch1/KhVMbsuYmuZwx2lQFDhQAXIytbHxF0H6G/QCzyySa+22zFP4od099LGeq6r2oi5YRCjCYt0sih7pQ8XjfY7UlsnmJ6qdycfW6XEuzpxylRRVwFYDXIi+EK6swuboPVksKFixgGBceyp+rn8nl5XVZ74v0s66kfblUgMuh76koRLpxMPhCXq20pOPurUmVKstLjZJc3b0hN7Iuko7TRv4UwKsb/hGGzw33wBtvFqwhcC8ixhomTSS15kVZaXwrt9xE2bCP6Lk5V6C394rcuHuyngEsk3ownR/K+dORJCOXvkAWkqLsNa/J9eaGbKRL6JxrqNMboADgoseyfz7GgH4TYJnA3oC1LleW6vJPupdmwHUOdS9IKQ4laW3Jm+2bcrMTyOg/Yjx0AT144RUAWHyVs9ybSAtQbdlJGbDgfcKf5OvTnQmTpRGgCqUIl7eYdGWrU5bV5IqsJ+rVrMzzWQMspqtsGFUHWGmolK6PzGNhEO3ISgmpjLKU47rsALpasiTvJvogcGTynogLAS5um9lzvRW/WArW83qtcWdJ2CJ4twWpJtvSihW2cZU7meMAFpjqD4NSsPi11+RSuSgNu2ZObSYK29SkntqNDoHFux7HkjjJbCxsu9KIuYy+L1/FGrNNouRsPtMHFt8XfiSvL4eyM+x/Js3k27ox24q8HOsDwkx+hrFu2gcWP3WS4fJnVZVCZ0tKyaI0Yz6Nfie3Y019+CpN/zgTLH4NwvWJnGVu60ifFKcxxQ5gK8piXJDd5Jyci7+RXxKFbRrKH9xjIFh2CAN6eIPapDkue51Z13xrUJJqXELq47FcjjWpe7y/yEiweHt6r8/ljWIo7Qqy7RFeWpt9XMf71Y736japW5Fa/BiwvSLvxZpjOzrNxwLLvx1zXo/k+6gtT6IdqRaeSiOKpB1x240/9kU6JmwlJHT1SfT5f7WJwBp22/19XHfwQrsOW4E1ok1pFcZ5yT3surM65z4caLw2/q/wH02DhM2ac8WlAAAAAElFTkSuQmCC) no-repeat, linear-gradient(77deg, #f76a0f, #a7197c);
    background-size: 100% 100%;
}
.xpax .c-cta--border {
    border-radius: 100px;
}
.xpax .c-cta--default:after {
    width: 99%;
    height: 40px;
    display: inline-block;
    font-family: "LatoBold";
    background-size: 100% 100%;
}
@media all and (width: 768px) {
    .xpax .c-cta--default {
        margin-top: 6px;
        width: auto;
    }
}
@media all and (max-width: 767px) {
    .xpax .c-cta--default {
        margin-top: 6px;
        width: auto;
    }
    .xpax .xpax-table-comparison .c-cta--default {
        width: auto;
        max-width: 190px;
    }
}
.xpax .c-link,
.xpax [data-css=c-link] {
    color: #d1209b;
}
.xpax .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header.is-active::after,
.xpax .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header::after {
    color: #d1209b
}
.xpax .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header .plan-comparison__list__item__header__key {
    color: #d1209b
}
.xpax .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__actions .link {
    color: #d1209b;
}
.xpax .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__actions .link:hover {
    color: #a7197c;
}
.xpax .o-plan .plan__header .plan__key {
    color: #d1209b;
}
.xpax .o-plan .plan__content .plan__actions .link {
    color: #d1209b;
}
.xpax .o-plan .plan__content .plan__actions .link:hover {
    color: #a7197c
}
@media (orientation: landscape) {
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header::after {
        color: #d1209b;
    }
    .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__header::after {
        color: #d1209b;
    }
}
.xpax .c-accordion--default .accordion__btn::after {
    color: #d1209b;
}
.xpax .c-plan-comparison .plan-comparison__list .plan-comparison__list__item .plan-comparison__list__item__content .plan-comparison__list__item__content__detail.is-highlighted {
    background-color: #fff2e6;
}
.o-plan .plan__content .plan__content-detail.is-highlighted {
    background-color: #fff2e6;
}
.xpax .c-quicksearch--default .quicksearch__form-wrapper {
    background-color: #d1209b;
}
.xpax [data-css=c-search-header] .search-header__highlight {
    color: #d1209b
}
.xpax .c-tabs .c-tabs__tab.is-active {
    color: #d1209b;
    border-bottom: .3rem solid #d1209b
}
/*Setting border color to white UAT-170 */
.xpax [data-css=c-callout-icon-item] .callout-icon-item__image {
    border: .2rem solid #fff;
}
.copyright-text {
    display: block;
    padding: 0;
    bottom: 0;
    padding: 0 10px;
}
.c-footer .footer__sitemap:nth-child(1) {
    border-bottom: 0 solid transparent
}

.xpax a {
    background-color: transparent;
    color: #d1209b;
}
.plan-comparison__list__item__content__detail p {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}


@media only screen and (max-width: 991px) {
    [data-css=c-teaser] .teaser__copy{
        margin: .2rem auto 1rem;
    }
}

/* classes to handle marquee issue that is cutting the image top */

.marquee-open-add-margin{
    margin-top: 46px;
}

.marquee-close-remove-margin{
    margin-top: 0;
}

/* STYLES FOR TABS */

.table-tabs-head {
    border-radius: 21px;
    border: 1px solid #d1209b;
    -moz-box-pack: justify;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    list-style:none;
    margin:25px auto 30px;
    padding: 0;
    width: 50%;
    overflow: hidden;
}
.table-tabs-head li {
    display: inline-block;
    border-right: 1px solid #d1209b;
    -moz-box-flex: 1;
    cursor: pointer;
    flex: 1 0 auto;
    width: 40px;
    text-align: center;
}
.table-tabs-head li:last-child {
    border-right: none;
}
.table-tabs-head li a {
    background: #fff;
    color: #d1209b;
    font-size: 18.0px;
    font-weight: 700;
    display: block;
    padding: 10px 0;
    height: 100%;
}
.table-tabs-head li a:hover {
    text-decoration: none;
    /* color: #fff;
    background: #d1209b; */
    cursor: pointer;

}
.table-tabs-head li:first-child a:hover, .table-tabs-head li.is-active:first-child a {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.table-tabs-head li:last-child a:hover, .table-tabs-head li.is-active:last-child a {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}
.table-tabs-head li.is-active a {
    color: #fff;
    background: #d1209b;
    cursor: pointer;
}

@media all and (max-width: 979px) {
    .table-tabs-head {
        border-radius: 0;
    }
    .table-tabs-head li:first-child a:hover, .table-tabs-head li.is-active:first-child a {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .table-tabs-head li:last-child a:hover, .table-tabs-head li.is-active:last-child a {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
}

@media all and (max-width: 767px) {
    .table-tabs-head {
        width: 100%;
        border-radius: 0;
    }
    .table-tabs-head li {
        width: auto;
    }
    .table-tabs-head li a {
        font-size: 14.0px;
        line-height: 20px;
    }
    .table-tabs-head li:first-child a:hover, .table-tabs-head li.is-active:first-child a,
    .table-tabs-head li:last-child a:hover, .table-tabs-head li.is-active:last-child a {
        border-radius: 0;

    }
}

/* STYLES FOR TABS */

.disable-scrollbar {
    overflow: hidden !important;
    position: fixed;
}

@media all and (max-width: 767px) {
    .hidden-xs {
        display: none;
    }

    #s_f {
        position: relative;
        left: -10px;
    }


}

.step__background-color {
    background-color: #f3f3f3;
}

/*  Callout CSS  */

.callout__step__content {
    width: 32px;
    height: 32px;
    border: 1.5px solid #a03496;
    background-color: #fff;
    border-radius: 50%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.callout_step-wrapper.is-step-active .callout__step__content{
    background: linear-gradient(135deg, #612993, #d1209b);
    color: #fff;
    /* border: 1.5px solid #a03496; */
    margin: auto;
    border-radius: 50%;
    font-weight: 400 !important;
}

.callout_step-wrapper.is-step-active .callout-item_content{
    font-weight:300;
}

.callout_step-wrapper.is-step-done .callout__step__content{
    background-color: #ccc;
    color: #fff;
    border: 1.5px solid #ccc !important;
}
.callout_step-wrapper.is-step-waiting .callout__step__content{
    background-color: #fff;
    color: #000;
    font-weight:bold;
    border: 1.5px solid #a03496 !important;
}

.steps_wrapper {
    display: inline-block;
    margin: auto;
    width: 100%;
    padding: 0;
    text-align: center;
}

.steps_wrapper .callout_step-wrapper {
    display: inline-block;
    width: 18%;
    text-align: center;
}

.is-3 img {
    height: 13px;
    width: 13px;
}

.callout-item_content {
    margin-top: 8px;
    font-size:14px;
}

.callout_step-wrapper.is-step-done .callout-item_content {
    color: #ccc;
}

.line_connect_step {
    width: 37%;
    position: absolute;
    top: 25%;
    border-top: 2px solid #ccc;
    z-index: -1;
    height:0px;
}

@media (max-width: 1024px) {
    .steps_wrapper .callout_step-wrapper {
        width: 27%;
    }
    .line_connect_step {
        width: 55%;
    }
}

@media (max-width: 767px) {
    .line_connect_step {
        top: 24%;
        width: 50%;
    }

    .steps_wrapper {
        display: flex;
        margin: auto;
        justify-content: center;
    }

    .callout-item_content {
        width: 50px;
        text-align: center;
        margin: auto;
    }

    .callout_step-wrapper .callout__step__content, .callout_step-wrapper.is-step-active .callout__step__content {
        margin-bottom: 8px;
    }

    .steps_wrapper .callout_step-wrapper {
        width: 25%;
    }
}

.is-justify-content-center {
    -ms-flex-pack: center;
    justify-content: center
}
.is-button-260 {
    width: 260px;
}
.is-button-200 {
    width: 200px;
}
.is-vertical-align-bottom {
    vertical-align: bottom;
}

.zero {
    background: #f3f3f3;
    border-bottom: 2px solid #ccc;
    height: 40px;
    width: 30%;
}
.subzero {
    border: none;
    background: 0 0;
    width: 100%;
    outline: 0;
}
button[disabled] {
    background-color: #ccc !important;
    border: transparent solid 1px;
}
select:invalid {
    color: #999;
}
/* form#credit_reload_form:invalid button,
form#ultra_pass_form:invalid button,
form#reload_code_form:invalid button,
form#credit_debit_form:invalid button.btn-special,
form#online_bank_form:invalid button.btn-special {
    background-color: #ccc !important;
    border: transparent solid 1px;
    pointer-events: none;
} */

.warning-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAMAAAA1b9QjAAAAMFBMVEVMaXHUAADXAADVAADXAADfAADWAADVAADUAADVAADVAADUAADVAADVAADVAADVAADCQe2BAAAAD3RSTlMA70CAIBBwYKCv4NDfz7CCGoCAAAAAVUlEQVQoz13ORxLAMAgEwZVQcpz//9YHRWuODVUg1bzX1nlvkCD9IDpwcRUDsAUCAIQpL0hwDPBUYXxwdXkaZLqQx+Ve/cCYO5ik4FZxQSr8Km205D83lgZuRft/NwAAAABJRU5ErkJggg==) no-repeat;
    width: 17px;
    height: 15px;
    display: inline-block;
    float: right;
}

.border-red {
    border-bottom: 2px solid #d0021b !important;
}





/* modal *?
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    transition: opacity ease .3s,top ease .3s,bottom ease .3s,top ease .3s;
}

.modal-header {
    padding: 2px 16px;
    color: white;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: 75%;
    border-radius: 12px;
}

/* The Close Button */
.close {
    color: #000;
    float: right;
    font-size: 40px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.ghost-button {
    width: 200px;
    border: 0;
    margin: 0;
}

.modal-picture {
    widows: 45px;
    height: 45px;
}

.modal-content .btn-reload {
    width: 200px;
}

@media (max-width: 767px) {
    .modal {
        display: block;
    }

    form#credit_debit_form div.form-group div.form-card {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    form#credit_debit_form div.form-group div.form-card div.form-field input {
        padding-right: 0px !important;
        margin-right: 0px !important;
        width: 100% !important;
    }

    div.car-main-cont form#online_bank_form div.card-container div#bankSelection_container div.is-justify-content-space-between {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
}

.error_pg {
    font-weight:bold;
    color:red !important;
    display:block !important;
    padding-bottom:3.5px !important;
}

.none {
    display:none;
}

@media (max-width: 414px) {
    .reload .background-pattern .white-backgrnd { 
        margin-top: 0px !important;
        padding-top: 0px !important;
    } 

    div.container div.car-main-cont { 
        margin-top: 36px !important;
    } 

    .reload .background-pattern .white-backgrnd {
        padding: 10px 0 32px 0 !important;
    }
}  

.callout_step-wrapper.is-step-waiting .callout__step__content div span img{
    position: relative !important;
    top: -1.5px !important;
    padding: 0px !important;
}

.callout_step-wrapper.is-step-active .callout__step__content div span img{
    position: relative !important;
    top: -1.5px !important;
    padding: 0px !important;
}

div.car-maint-cont div.container {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#reload_message {
    font-weight: 400 !important;
}

div.detail-payment p:nth-child(2) {
    color: #333333 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

div.detail-payment p:nth-child(1) {
    color: #333333 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

div.process__01 div.pg_div01 div.white-backgrnd div.container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

div.card-row div.card-sec p {
    /* position: relative !important; */
    /* top: -5px !important; */
}

div.card-row div.card-sec p:last-child {
    /* position: relative !important; */
    /* top: -4px !important; */
}

.card-row.skeleton-loader > div {
    border: none;
}

.subtitle.skeleton-loader > div {
  width: 120px;
  border-radius: .5rem;
}

@keyframes skeleton-loading {
  0% {
      background-position-x: 0;
  }
  100% {
      background-position-x: 1000px;
  }
}

.skeleton-loader > div {
  background-image: linear-gradient(to right , #f3f3f3, #dedede);
  background-size: 1000px 1px;
  animation: skeleton-loading 1s infinite;
}

.modal-header {
    border-bottom: 0px !important;
}

.modal-content div div h5 {
    margin-bottom: 1.6rem !important;
}

.modal-header span.close {
    color: #9B9B9B !important;
}

footer-social-media-links.footer-child-flex icon-img {
   padding: 0;
}

.promo-hat,
.card-sec .promo-hat {
    display: flex;
    margin-top: -28px;
    background: transparent;
    margin-left: 8px;
}

.promo-hat > span {
    font-size: 10pt;
    font-family: Lato, sans-serif;
    font-weight: bold;
    color: white;
    background: #793680;
    padding: 0 8px;
    border-radius: 4px;
    line-height: 24px;
}

#pay-day-campaign-tnc {
    display: none;
    font-size: 12pt;
    font-family: Lato, sans-serif;
    font-weight: normal;
    color: #EE3E80;
}

#pay-day-campaign-tnc ul {
    padding-left: 16px;
    margin-top: 16px;
    margin-bottom: 8px;
}

#pay-day-campaign-tnc li {
    margin-bottom: 4px;
}