.slider-container .pagination .pagination__list .pagination__list__item .pagination__list__link {
    background: color("brand-primary")
}

.slider-container .pagination .pagination__list .pagination__list__item .pagination__list__link.not-clickable {
    background: color("light-grey")
}

.bullet-container .bullet {
    background-color: color("shade_72")
}

.swiper-pagination-bullet {
    background: color("black")
}

.swiper-pagination-white .swiper-pagination-bullet,.swiper-pagination-white .swiper-pagination-bullet-active {
    background: color("white")
}

.swiper-container-cube .swiper-cube-shadow,.swiper-pagination-black .swiper-pagination-bullet-active {
    background: color("black")
}

/*!
* ui-select
* http://github.com/angular-ui/ui-select
* Version: 0.19.8 - 2017-04-18T05:43:43.881Z
* License: MIT
*/
.ng-dirty.ng-invalid>a.select2-choice {
    border-color: #de350b
}

.ng-dirty.ng-invalid>div.selectize-input {
    border-color: #de350b
}

.btn-default-focus {
    color: #766f6b;
    background-color: #eeeded;
    border-color: #ccc9c8;
    text-decoration: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.ui-select-bootstrap .ui-select-toggle {
    position: relative
}

.ui-select-bootstrap .ui-select-toggle>.caret {
    position: absolute;
    height: 10px;
    top: 50%;
    right: 10px;
    margin-top: -2px
}

.input-group>.ui-select-bootstrap.dropdown {
    position: static
}

.input-group>.ui-select-bootstrap>input.ui-select-search.form-control {
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.ui-select-bootstrap>input.ui-select-search.form-control.direction-up {
    border-radius: 4px!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.ui-select-bootstrap .ui-select-search-hidden {
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: 0
}

.ui-select-bootstrap>.ui-select-match>.btn, .openid-login-page__container--form-social-media-section a.button--secondary {
    text-align: left !important;
}

.openid-login-page a.button--secondary{
    line-height: 2.8rem !important;
}

.ui-select-bootstrap>.ui-select-match>.caret {
    position: absolute;
    top: 45%;
    right: 15px
}

.ui-select-bootstrap>.ui-select-choices,.ui-select-bootstrap>.ui-select-no-choice {
    width: 100%;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    margin-top: -1px
}

body>.ui-select-bootstrap.open {
    z-index: 1000
}

.ui-select-multiple.ui-select-bootstrap {
    height: auto;
    padding: 3px 3px 0
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    background-color: transparent!important;
    border: none;
    outline: none;
    height: 1.6667em;
    margin-bottom: 3px
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    font-size: 1.6em;
    line-height: .75
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    outline: 0;
    margin: 0 3px 3px 0
}

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
    pointer-events: none
}

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    margin-right: 2px;
    border-left: 1px solid #29a8b8
}

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    margin-left: 2px;
    border-right: 1px solid #29a8b8
}

.ui-select-bootstrap .ui-select-choices-row>span {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4286;
    color: #766f6b;
    white-space: nowrap
}

.ui-select-bootstrap .ui-select-choices-row>span:focus,.ui-select-bootstrap .ui-select-choices-row>span:hover {
    text-decoration: none;
    color: #655c58;
    background-color: #f7f6f6
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: color("white");
    text-decoration: none;
    outline: 0;
    background-color: #29a8b8
}

.ui-select-bootstrap .ui-select-choices-row.active.disabled>span,.ui-select-bootstrap .ui-select-choices-row.disabled>span {
    color: #766f6b;
    cursor: not-allowed;
    background-color: color("white")
}

.ui-select-match.ng-hide-add,.ui-select-search.ng-hide-add {
    display: none!important
}

.ui-select-bootstrap.ng-dirty.ng-invalid>button.btn.ui-select-match {
    border-color: #de350b
}

.ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0,0,0,.25)
}

.ui-select-bootstrap .ui-select-match-text {
    width: 100%;
    padding-right: 1em
}

.ui-select-bootstrap .ui-select-match-text span {
    display: inline-block;
    width: 100%;
    overflow: hidden
}

.ui-select-bootstrap .ui-select-toggle>a.btn {
    position: absolute;
    height: 10px;
    right: 10px;
    margin-top: -2px
}

.ui-select-refreshing.glyphicon {
    position: absolute;
    right: 0;
    padding: 8px 27px
}

@-webkit-keyframes ui-select-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes ui-select-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.ui-select-spin {
    -webkit-animation: ui-select-spin 2s linear infinite;
    animation: ui-select-spin 2s linear infinite
}

.ui-select-refreshing.ng-animate {
    -webkit-animation: 0s none
}

.d3-color-light-green {
    fill: #a8d0c0
}

.d3-color-green-green {
    fill: #36b37e
}

.d3-color-light-brown {
    fill: #efefef
}

.d3-color-vertical-line {
    stroke: #efefef
}

mark {
    color: color("black")
}

.color-cyan-blue {
    color: #22b9d8
}

.background-cyan-blue,.bg-cyan-blue {
    background-color: #22b9d8
}

.border-cyan-blue {
    border: .1rem solid #22b9d8
}

.color-cyan-blue {
    --color: #22b9d8
}

.background-cyan-blue {
    --backgroundcolor: #22b9d8;
    --panelbackgroundcolor: #22b9d8
}

.color-deep-aqua {
    color: #004a47
}

.background-deep-aqua,.bg-deep-aqua {
    background-color: #004a47
}

.border-deep-aqua {
    border: .1rem solid #004a47
}

.color-deep-aqua {
    --color: #004a47
}

.background-deep-aqua {
    --backgroundcolor: #004a47;
    --panelbackgroundcolor: #004a47
}

.color-cyan-green {
    color: #60b0b2
}

.background-cyan-green,.bg-cyan-green {
    background-color: #60b0b2
}

.border-cyan-green {
    border: .1rem solid #60b0b2
}

.color-cyan-green {
    --color: #60b0b2
}

.background-cyan-green {
    --backgroundcolor: #60b0b2;
    --panelbackgroundcolor: #60b0b2
}

.color-ultra-grey {
    color: #333
}

.background-ultra-grey,.bg-ultra-grey {
    background-color: #333
}

.border-ultra-grey {
    border: .1rem solid #333
}

.color-ultra-grey {
    --color: #333
}

.background-ultra-grey {
    --backgroundcolor: #333;
    --panelbackgroundcolor: #333
}

.color-green {
    color: #a8d0c0
}

.background-green,.bg-green {
    background-color: #a8d0c0
}

.border-green {
    border: .1rem solid #a8d0c0
}

.color-green {
    --color: #a8d0c0
}

.background-green {
    --backgroundcolor: #a8d0c0;
    --panelbackgroundcolor: #a8d0c0
}

.color-light-green {
    color: #cafee4
}

.background-light-green,.bg-light-green {
    background-color: #cafee4
}

.border-light-green {
    border: .1rem solid #cafee4
}

.color-light-green {
    --color: #cafee4
}

.background-light-green {
    --backgroundcolor: #cafee4;
    --panelbackgroundcolor: #cafee4
}

.color-light-red {
    color: #f9d1d1
}

.background-light-red,.bg-light-red {
    background-color: #f9d1d1
}

.border-light-red {
    border: .1rem solid #f9d1d1
}

.color-light-red {
    --color: #f9d1d1
}

.background-light-red {
    --backgroundcolor: #f9d1d1;
    --panelbackgroundcolor: #f9d1d1
}

.color-blue {
    color: #68b5c8
}

.background-blue,.bg-blue {
    background-color: #68b5c8
}

.border-blue {
    border: .1rem solid #68b5c8
}

.color-blue {
    --color: #68b5c8
}

.background-blue {
    --backgroundcolor: #68b5c8;
    --panelbackgroundcolor: #68b5c8
}

.color-light-blue {
    color: #ccedff
}

.background-light-blue,.bg-light-blue {
    background-color: #ccedff
}

.border-light-blue {
    border: .1rem solid #ccedff
}

.color-light-blue {
    --color: #ccedff
}

.background-light-blue {
    --backgroundcolor: #ccedff;
    --panelbackgroundcolor: #ccedff
}

.color-light-yellow {
    color: #fec
}

.background-light-yellow,.bg-light-yellow {
    background-color: #fec
}

.border-light-yellow {
    border: .1rem solid #fec
}

.color-light-yellow {
    --color: #fec
}

.background-light-yellow {
    --backgroundcolor: #fec;
    --panelbackgroundcolor: #fec
}

.color-orange {
    color: #ed6f26
}

.background-orange,.bg-orange {
    background-color: #ed6f26
}

.border-orange {
    border: .1rem solid #ed6f26
}

.color-orange {
    --color: #ed6f26
}

.background-orange {
    --backgroundcolor: #ed6f26;
    --panelbackgroundcolor: #ed6f26
}

.color-small-text {
    color: #9b9b9b
}

.background-small-text,.bg-small-text {
    background-color: #9b9b9b
}

.border-small-text {
    border: .1rem solid #9b9b9b
}

.color-small-text {
    --color: #9b9b9b
}

.background-small-text {
    --backgroundcolor: #9b9b9b;
    --panelbackgroundcolor: #9b9b9b
}

.color-footer-text {
    color: #acb4bf
}

.background-footer-text,.bg-footer-text {
    background-color: #acb4bf
}

.border-footer-text {
    border: .1rem solid #acb4bf
}

.color-footer-text {
    --color: #acb4bf
}

.background-footer-text {
    --backgroundcolor: #acb4bf;
    --panelbackgroundcolor: #acb4bf
}

.color-light-cyan {
    color: #cceae9
}

.background-light-cyan,.bg-light-cyan {
    background-color: #cceae9
}

.border-light-cyan {
    border: .1rem solid #cceae9
}

.color-light-cyan {
    --color: #cceae9
}

.background-light-cyan {
    --backgroundcolor: #cceae9;
    --panelbackgroundcolor: #cceae9
}

.color-blue-green {
    color: #239a98
}

.background-blue-green,.bg-blue-green,.ngx-slider--fixed-pointer span.ngx-slider-span.ngx-slider-span.ngx-slider-full-bar .ngx-slider-bar,.ngx-slider span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-max,.ngx-slider span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-min,.ngx-slider span.ngx-slider-span.ngx-slider-selection-bar .ngx-slider-selection {
    background-color: #239a98
}

.border-blue-green {
    border: .1rem solid #239a98
}

.color-blue-green {
    --color: #239a98
}

.background-blue-green {
    --backgroundcolor: #239a98;
    --panelbackgroundcolor: #239a98
}

.color-pink {
    color: #f5b0a3
}

.background-pink,.bg-pink {
    background-color: #f5b0a3
}

.border-pink {
    border: .1rem solid #f5b0a3
}

.color-pink {
    --color: #f5b0a3
}

.background-pink {
    --backgroundcolor: #f5b0a3;
    --panelbackgroundcolor: #f5b0a3
}

.color-antracite,.contract-overview .manage-tip-contract--overlay .container--overlay .form-helper,.contract-overview .manage-tip-contract--overlay .container--overlay label,.contract-overview__search-item.search-item-container .search-item .form-builder.form-group .select-dropdown-section option,.employee-overview .manage-tip-contract--overlay .container--overlay .form-helper,.employee-overview .manage-tip-contract--overlay .container--overlay label,.employee-overview__search-item.search-item-container .search-item .form-builder.form-group .select-dropdown-section option {
    color: #575756
}

.background-antracite,.bg-antracite {
    background-color: #575756
}

.border-antracite {
    border: .1rem solid #575756
}

.color-antracite {
    --color: #575756
}

.background-antracite {
    --backgroundcolor: #575756;
    --panelbackgroundcolor: #575756
}

.color-darkrosered {
    color: #bb2541
}

.background-darkrosered,.bg-darkrosered {
    background-color: #bb2541
}

.border-darkrosered {
    border: .1rem solid #bb2541
}

.color-darkrosered {
    --color: #bb2541
}

.background-darkrosered {
    --backgroundcolor: #bb2541;
    --panelbackgroundcolor: #bb2541
}

.color-neutral40 {
    color: #999
}

.background-neutral40,.bg-neutral40 {
    background-color: #999
}

.border-neutral40 {
    border: .1rem solid #999
}

.color-neutral40 {
    --color: #999
}

.background-neutral40 {
    --backgroundcolor: #999;
    --panelbackgroundcolor: #999
}

.color-brand-primary-selected {
    color: #1e8180
}

.background-brand-primary-selected,.bg-brand-primary-selected {
    background-color: #1e8180
}

.border-brand-primary-selected {
    border: .1rem solid #1e8180
}

.color-brand-primary-selected {
    --color: #1e8180
}

.background-brand-primary-selected {
    --backgroundcolor: #1e8180;
    --panelbackgroundcolor: #1e8180
}

.color-brand-10e {
    color: #404040
}

.background-brand-10e,.bg-brand-10e {
    background-color: #404040
}

.border-brand-10e {
    border: .1rem solid #404040
}

.color-brand-10e {
    --color: #404040
}

.background-brand-10e {
    --backgroundcolor: #404040;
    --panelbackgroundcolor: #404040
}

.color-brand-13e {
    color: #29afac
}

.background-brand-13e,.bg-brand-13e {
    background-color: #29afac
}

.border-brand-13e {
    border: .1rem solid #29afac
}

.color-brand-13e {
    --color: #29afac
}

.background-brand-13e {
    --backgroundcolor: #29afac;
    --panelbackgroundcolor: #29afac
}

.color-grey-20procent {
    color: rgba(87,87,86,.2)
}

.background-grey-20procent,.bg-grey-20procent {
    background-color: rgba(87,87,86,.2)
}

.border-grey-20procent {
    border: .1rem solid rgba(87,87,86,.2)
}

.color-grey-20procent {
    --color: rgba(87,87,86,0.2)
}

.background-grey-20procent {
    --backgroundcolor: rgba(87,87,86,0.2);
    --panelbackgroundcolor: rgba(87,87,86,0.2)
}

.color-grey-light-30procent {
    color: rgba(197,198,198,.3)
}

.background-grey-light-30procent,.bg-grey-light-30procent {
    background-color: rgba(197,198,198,.3)
}

.border-grey-light-30procent {
    border: .1rem solid rgba(197,198,198,.3)
}

.color-grey-light-30procent {
    --color: rgba(197,198,198,0.3)
}

.background-grey-light-30procent {
    --backgroundcolor: rgba(197,198,198,0.3);
    --panelbackgroundcolor: rgba(197,198,198,0.3)
}

.color-grey-light-20procent {
    color: rgba(197,198,198,.2)
}

.background-grey-light-20procent,.bg-grey-light-20procent {
    background-color: rgba(197,198,198,.2)
}

.border-grey-light-20procent {
    border: .1rem solid rgba(197,198,198,.2)
}

.color-grey-light-20procent {
    --color: rgba(197,198,198,0.2)
}

.background-grey-light-20procent {
    --backgroundcolor: rgba(197,198,198,0.2);
    --panelbackgroundcolor: rgba(197,198,198,0.2)
}

@font-face {
    font-family: AkagiProFat;
    src: url(https://use.typekit.net/af/7cad46/00000000000000007735a341/30/l?fvd=n9&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("woff2"),url(https://use.typekit.net/af/7cad46/00000000000000007735a341/30/d?fvd=n9&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("woff"),url(https://use.typekit.net/af/7cad46/00000000000000007735a341/30/a?fvd=n9&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 900
}

@font-face {
    font-family: AkagiProBold;
    src: url(https://use.typekit.net/af/f17684/00000000000000007735a336/30/l?fvd=n7&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("woff2"),url(https://use.typekit.net/af/f17684/00000000000000007735a336/30/d?fvd=n7&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("woff"),url(https://use.typekit.net/af/f17684/00000000000000007735a336/30/a?fvd=n7&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: AkagiProBoldItalic;
    src: url(https://use.typekit.net/af/183d95/00000000000000007735a32f/30/l?fvd=i7&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("woff2"),url(https://use.typekit.net/af/183d95/00000000000000007735a32f/30/d?fvd=i7&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("woff"),url(https://use.typekit.net/af/183d95/00000000000000007735a32f/30/a?fvd=i7&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: AkagiProBook;
    src: url(https://use.typekit.net/af/e9c752/00000000000000007735a331/30/l?fvd=n4&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("woff2"),url(https://use.typekit.net/af/e9c752/00000000000000007735a331/30/d?fvd=n4&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("woff"),url(https://use.typekit.net/af/e9c752/00000000000000007735a331/30/a?fvd=n4&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: AkagiProBookItalic;
    src: url(https://use.typekit.net/af/2092ac/00000000000000007735a330/30/l?fvd=i4&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("woff2"),url(https://use.typekit.net/af/2092ac/00000000000000007735a330/30/d?fvd=i4&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("woff"),url(https://use.typekit.net/af/2092ac/00000000000000007735a330/30/a?fvd=i4&primer=d68e5feb9af4280f04124c73201ab354a2c79049f35b03820267a709d74de99b&v=3) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: BloomSpeakTitle;
    font-weight: 700;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeakTitleMedium.eot),url(/openid/fonts/base/bloomSpeakTitleMedium.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakTitleMedium.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakTitleMedium.woff) format("woff"),url(/openid/fonts/base/bloomSpeakTitleMedium.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakTitleMedium.svg#BloomSpeakTitle) format("svg")
}

@font-face {
    font-family: BloomSpeakTitle;
    font-weight: 800;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeakTitleHeavy.eot),url(/openid/fonts/base/bloomSpeakTitleHeavy.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakTitleHeavy.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakTitleHeavy.woff) format("woff"),url(/openid/fonts/base/bloomSpeakTitleHeavy.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakTitleHeavy.svg#BloomSpeakTitle) format("svg")
}

@font-face {
    font-family: TelenetDefault;
    font-style: normal;
    font-weight: 300;
    src: url(/openid/fonts/base/bloomSpeakBodyLight.eot),url(/openid/fonts/base/bloomSpeakBodyLight.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakBodyLight.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakBodyLight.woff) format("woff"),url(/openid/fonts/base/bloomSpeakBodyLight.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakBodyLight.svg#TelenetDefault) format("svg")
}

@font-face {
    font-family: TelenetDefault;
    font-style: normal;
    font-weight: 400;
    src: url(/openid/fonts/base/bloomSpeakBodyRegular.eot),url(/openid/fonts/base/bloomSpeakBodyRegular.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakBodyRegular.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakBodyRegular.woff) format("woff"),url(/openid/fonts/base/bloomSpeakBodyRegular.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakBodyRegular.svg#TelenetDefault) format("svg")
}

@font-face {
    font-family: TelenetDefault;
    font-style: normal;
    font-weight: 500;
    src: url(/openid/fonts/base/bloomSpeakBodyMedium.eot),url(/openid/fonts/base/bloomSpeakBodyMedium.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakBodyMedium.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakBodyMedium.woff) format("woff"),url(/openid/fonts/base/bloomSpeakBodyMedium.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakBodyMedium.svg#TelenetDefault) format("svg")
}

@font-face {
    font-family: TelenetDefault;
    font-style: normal;
    font-weight: 700;
    src: url(/openid/fonts/base/bloomSpeakBodyHeavy.eot),url(/openid/fonts/base/bloomSpeakBodyHeavy.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakBodyHeavy.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakBodyHeavy.woff) format("woff"),url(/openid/fonts/base/bloomSpeakBodyHeavy.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakBodyHeavy.svg#TelenetDefault) format("svg")
}

@font-face {
    font-family: TelenetDefault;
    font-style: normal;
    font-weight: 800;
    src: url(/openid/fonts/base/bloomSpeakBodyExtraBold.eot),url(/openid/fonts/base/bloomSpeakBodyExtraBold.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakBodyExtraBold.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakBodyExtraBold.woff) format("woff"),url(/openid/fonts/base/bloomSpeakBodyExtraBold.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakBodyExtraBold.svg#TelenetDefault) format("svg")
}

@font-face {
    font-family: bloomSpeakTitleMedium;
    font-weight: 400;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeakTitleMedium.eot),url(/openid/fonts/base/bloomSpeakTitleMedium.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakTitleMedium.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakTitleMedium.woff) format("woff"),url(/openid/fonts/base/bloomSpeakTitleMedium.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakTitleMedium.svg#bloomSpeakTitleMedium) format("svg")
}

@font-face {
    font-family: bloomSpeakTitleHeavy;
    font-weight: 400;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeakTitleHeavy.eot),url(/openid/fonts/base/bloomSpeakTitleHeavy.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakTitleHeavy.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakTitleHeavy.woff) format("woff"),url(/openid/fonts/base/bloomSpeakTitleHeavy.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakTitleHeavy.svg#bloomSpeakTitleHeavy) format("svg")
}

@font-face {
    font-family: bloomSpeakTitleUltraHeavy;
    font-weight: 400;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeakTitleUltraHeavy.eot),url(/openid/fonts/base/bloomSpeakTitleUltraHeavy.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakTitleUltraHeavy.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakTitleUltraHeavy.woff) format("woff"),url(/openid/fonts/base/bloomSpeakTitleUltraHeavy.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakTitleUltraHeavy.svg#bloomSpeakTitleUltraHeavy) format("svg")
}

@font-face {
    font-family: bloomSpeakBodyLight;
    font-weight: 400;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeakBodyLight.eot),url(/openid/fonts/base/bloomSpeakBodyLight.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakBodyLight.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakBodyLight.woff) format("woff"),url(/openid/fonts/base/bloomSpeakBodyLight.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakBodyLight.svg#bloomSpeakBodyLight) format("svg")
}

@font-face {
    font-family: bloomSpeakBodyRegular;
    font-weight: 400;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeakBodyRegular.eot),url(/openid/fonts/base/bloomSpeakBodyRegular.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakBodyRegular.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakBodyRegular.woff) format("woff"),url(/openid/fonts/base/bloomSpeakBodyRegular.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakBodyRegular.svg#bloomSpeakBodyRegular) format("svg")
}

@font-face {
    font-family: bloomSpeakBodyMedium;
    font-weight: 400;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeakBodyMedium.eot),url(/openid/fonts/base/bloomSpeakBodyMedium.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakBodyMedium.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakBodyMedium.woff) format("woff"),url(/openid/fonts/base/bloomSpeakBodyMedium.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakBodyMedium.svg#bloomSpeakBodyMedium) format("svg")
}

@font-face {
    font-family: bloomSpeakBodyHeavy;
    font-weight: 400;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeakBodyHeavy.eot),url(/openid/fonts/base/bloomSpeakBodyHeavy.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakBodyHeavy.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakBodyHeavy.woff) format("woff"),url(/openid/fonts/base/bloomSpeakBodyHeavy.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakBodyHeavy.svg#bloomSpeakBodyHeavy) format("svg")
}

@font-face {
    font-family: bloomSpeakBodyExtraBold;
    font-weight: 400;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeakBodyExtraBold.eot),url(/openid/fonts/base/bloomSpeakBodyExtraBold.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakBodyExtraBold.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakBodyExtraBold.woff) format("woff"),url(/openid/fonts/base/bloomSpeakBodyExtraBold.ttf) format("truetype"),url(/openid/fonts/base/bloomSpeakBodyExtraBold.svg#bloomSpeakBodyExtraBold) format("svg")
}

@font-face {
    font-family: bloomSpeakTitle-Black;
    font-weight: 400;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeakTitle-Black.eot),url(/openid/fonts/base/bloomSpeakTitle-Black.eot?#iefix) format("embedded-opentype"),url(/openid/fonts/base/bloomSpeakTitle-Black.otf) format("opentype"),url(/openid/fonts/base/bloomSpeakTitle-Black.woff) format("woff"),url(/openid/fonts/base/bloomSpeakTitle-Black.ttf) format("truetype")
}

@font-face {
    font-family: bloomspeak-ultra-black;
    font-weight: 400;
    font-style: normal;
    src: url(/openid/fonts/base/bloomSpeak-ultra-black.woff) format("woff")
}

.meta,small {
    color: #9b9b9b
}

hr {
    border-top: .1rem solid theme-var("white_16___shade_16")
}

@font-face {
    font-family: WhitelabelDefault;
    font-style: normal;
    font-weight: 400;
    src: url(/openid/fonts/telenet/Telenet-Albra-Regular.woff2) format("woff2"),url(/openid/fonts/telenet/Telenet-Albra-Regular.woff) format("woff")
}

@font-face {
    font-family: TelenetAlbra-Regular;
    src: url(/openid/fonts/telenet/Telenet-Albra-Regular.woff2) format("woff2"),url(/openid/fonts/telenet/Telenet-Albra-Regular.woff) format("woff")
}

@font-face {
    font-family: TelenetAlbra-Black;
    src: url(/openid/fonts/telenet/Telenet-Albra-Black.woff2) format("woff2"),url(/openid/fonts/telenet/Telenet-Albra-Black.woff) format("woff")
}

@font-face {
    font-family: TelenetAlbra-Bold;
    src: url(/openid/fonts/telenet/Telenet-Albra-Bold.woff2) format("woff2"),url(/openid/fonts/telenet/Telenet-Albra-Bold.woff) format("woff")
}

@font-face {
    font-family: TelenetAlbra-Medium;
    src: url(/openid/fonts/telenet/Telenet-Albra-Medium.woff2) format("woff2"),url(/openid/fonts/telenet/Telenet-Albra-Medium.woff) format("woff")
}

.icon:before,[class*=" icon-"]:after,[class*=" icon-"]:before,[class^=icon-]:after,[class^=icon-]:before {
    display: inline-block;
    vertical-align: middle;
    font-family: icons;
    speak: never;
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: inherit
}

.icon:before {
    font-family: icons!important;
    font-style: normal;
    font-weight: inherit;
    font-variant: normal;
    line-height: inherit;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.icon-accessories:before {
    content: "\f101"
}

.icon-address:before {
    content: "\f102"
}

.icon-addtomytv:before {
    content: "\f103"
}

.icon-adults:before {
    content: "\f104"
}

.icon-advisor:before {
    content: "\f105"
}

.icon-afternoonappointment:before {
    content: "\f106"
}

.icon-alert:before {
    content: "\f107"
}

.icon-allsites:before {
    content: "\f108"
}

.icon-apartment:before {
    content: "\f109"
}

.icon-apn:before {
    content: "\f10a"
}

.icon-arrow-down:before {
    content: "\f10b"
}

.icon-arrow-up:before {
    content: "\f10c"
}

.icon-audio:before {
    content: "\f10d"
}

.icon-audiomessage:before {
    content: "\f10e"
}

.icon-avatar-role:before {
    content: "\f10f"
}

.icon-babymonitor:before {
    content: "\f110"
}

.icon-bank-transfer:before {
    content: "\f111"
}

.icon-barrings:before {
    content: "\f112"
}

.icon-basicchannels:before {
    content: "\f113"
}

.icon-basket:before {
    content: "\f114"
}

.icon-bill:before {
    content: "\f115"
}

.icon-billing-account:before {
    content: "\f116"
}

.icon-bluetoothhub:before {
    content: "\f117"
}

.icon-brain:before {
    content: "\f118"
}

.icon-browser:before {
    content: "\f119"
}

.icon-bundle:before {
    content: "\f11a"
}

.icon-cableandmobileline:before {
    content: "\f11b"
}

.icon-calendar-tick:before {
    content: "\f11c"
}

.icon-calendar:before {
    content: "\f11d"
}

.date-picker .mat-datepicker-toggle .mat-icon-button:before {
    content: "\f11d"
}

.icon-callcentre:before {
    content: "\f11e"
}

.icon-calls:before {
    content: "\f11f"
}

.icon-camera:before {
    content: "\f120"
}

.icon-chatbot:before {
    content: "\f121"
}

.icon-checked:before {
    content: "\f122"
}

.icon-chevron-down:before {
    content: "\f123"
}

.cmp-accordion__icon:before,.useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__title,.useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__title:after {
    content: "\f123"
}

.icon-chevron-left:before {
    content: "\f124"
}

.AEM--link--chevron-left:before,.AEM--link--chevron .AEM--link--chevron-left:before,.cmp-breadcrumb__list .cmp-breadcrumb__item:not(:first-child):before,.cmp-carousel__action--previous:before,.link--chevron--before:before,.link--chevron-left:before,.link--chevron .AEM--link--chevron-left:before,.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-previous-button:before,.usp a.usp__item .usp__item__description .AEM--link--chevron-left:before {
    content: "\f124"
}

.icon-chevron-right:before {
    content: "\f125"
}

.AEM--link--chevron:after,.cmp-carousel__action--next:after,.link--chevron:after,.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-next-button:before,.usp a.usp__item .usp__item__description:after {
    content: "\f125"
}

.icon-chevron-up:before {
    content: "\f126"
}

.icon-circle-minus:before {
    content: "\f127"
}

.icon-circle-plus:before {
    content: "\f128"
}

.icon-clock:before {
    content: "\f129"
}

.icon-close-notification:before {
    content: "\f12a"
}

.icon-close:before {
    content: "\f12b"
}

#smartbanner.android .sb-close:before,#smartbanner .sb-close:before {
    content: "\f12b"
}

.icon-cloud:before {
    content: "\f12c"
}

.icon-communal:before {
    content: "\f12d"
}

.icon-community:before {
    content: "\f12e"
}

.icon-configure:before {
    content: "\f12f"
}

.icon-contact-help:before {
    content: "\f130"
}

.icon-contact:before {
    content: "\f131"
}

.icon-data-mobile-usage:before {
    content: "\f132"
}

.icon-data-sim:before {
    content: "\f133"
}

.icon-data:before {
    content: "\f134"
}

.icon-datapot:before {
    content: "\f135"
}

.icon-delete-user:before {
    content: "\f136"
}

.icon-delete:before {
    content: "\f137"
}

.icon-deleteuser:before {
    content: "\f138"
}

.icon-delivery:before {
    content: "\f139"
}

.icon-deliveryvan:before {
    content: "\f13a"
}

.icon-digitaltv:before {
    content: "\f13b"
}

.icon-dispatchmethod:before {
    content: "\f13c"
}

.icon-downgrade:before {
    content: "\f13d"
}

.icon-download:before {
    content: "\f13e"
}

.icon-dtv:before {
    content: "\f13f"
}

.icon-easyswitch:before {
    content: "\f140"
}

.icon-edit:before {
    content: "\f141"
}

.icon-email:before {
    content: "\f142"
}

.icon-entertainment:before {
    content: "\f143"
}

.icon-error-input:before {
    content: "\f144"
}

.icon-error:before {
    content: "\f145"
}

.notification.notification--errorfield .icon-error:before,.notification.notification--errorfield .icon-status-error:before,.notification.notification--errorfield .icon-status-errorfield:before,.vertical-step-tracker-centered .steps-tracker__step--error.icon-error .steps-tracker__step__content__icon i:before,.vertical-step-tracker-centered .steps-tracker__step--error .steps-tracker__step__content__icon i:before {
    content: "\f145"
}

.icon-euro:before {
    content: "\f146"
}

.icon-eveningappointment:before {
    content: "\f147"
}

.icon-external:before {
    content: "\f148"
}

.icon-facebook:before {
    content: "\f149"
}

.icon-faq:before {
    content: "\f14a"
}

.icon-favourite:before {
    content: "\f14b"
}

.icon-fb-messenger:before {
    content: "\f14c"
}

.icon-file:before {
    content: "\f14d"
}

.icon-filled-favourite:before {
    content: "\f14e"
}

.icon-flemishcontent:before {
    content: "\f14f"
}

.icon-focus-domain:before {
    content: "\f150"
}

.icon-four-g:before {
    content: "\f151"
}

.icon-freeg:before {
    content: "\f152"
}

.icon-gaming:before {
    content: "\f153"
}

.icon-get-started:before {
    content: "\f154"
}

.icon-globe:before {
    content: "\f155"
}

.icon-hamburgermenu:before {
    content: "\f156"
}

.icon-happy:before {
    content: "\f157"
}

.icon-heart:before {
    content: "\f158"
}

.icon-help:before {
    content: "\f159"
}

.icon-hidden:before {
    content: "\f15a"
}

.icon-history:before {
    content: "\f15b"
}

.icon-holiday-deals:before {
    content: "\f15c"
}

.icon-homeoffice:before {
    content: "\f15d"
}

.icon-house:before {
    content: "\f15e"
}

.icon-identification:before {
    content: "\f15f"
}

.icon-image:before {
    content: "\f160"
}

.icon-imagemessage:before {
    content: "\f161"
}

.icon-improveandshop:before {
    content: "\f162"
}

.icon-information:before {
    content: "\f163"
}

.notification.notification--author .icon-information:before,.notification.notification--author .icon-status-info:before,.notification.notification--info .icon-information:before,.notification.notification--info .icon-status-info:before {
    content: "\f163"
}

.icon-instagram:before {
    content: "\f164"
}

.icon-internet:before {
    content: "\f165"
}

.icon-keyfeatures:before {
    content: "\f166"
}

.icon-kids:before {
    content: "\f167"
}

.icon-kidscontent:before {
    content: "\f168"
}

.icon-language:before {
    content: "\f169"
}

.icon-learn-enhance:before {
    content: "\f16a"
}

.icon-like:before {
    content: "\f16b"
}

.icon-linedetails:before {
    content: "\f16c"
}

.icon-linkedin:before {
    content: "\f16d"
}

.icon-locations:before {
    content: "\f16e"
}

.icon-locationservices:before {
    content: "\f16f"
}

.icon-lock:before {
    content: "\f170"
}

.icon-logo-base:before {
    content: "\f171"
}

.icon-logo-telenet:before {
    content: "\f172"
}

.icon-logo-yellow-fellow:before {
    content: "\f173"
}

.icon-logo:before {
    content: "\f174"
}

.icon-logout:before {
    content: "\f175"
}

.icon-lowbattery:before {
    content: "\f176"
}

.icon-lunchappointment:before {
    content: "\f177"
}

.icon-manage-line:before {
    content: "\f178"
}

.icon-manager:before {
    content: "\f179"
}

.icon-member:before {
    content: "\f17a"
}

.icon-messaging:before {
    content: "\f17b"
}

.icon-microwave:before {
    content: "\f17c"
}

.icon-migrate-user:before {
    content: "\f17d"
}

.icon-migrate:before {
    content: "\f17e"
}

.icon-minus:before {
    content: "\f17f"
}

.useful-links.useful-links--quicklinks .useful-links__more.useful-links__more--less i {
    content: "\f17f"
}

.icon-mobile-line:before {
    content: "\f180"
}

.icon-mobile:before {
    content: "\f181"
}

.icon-mobileusage:before {
    content: "\f182"
}

.icon-modem:before {
    content: "\f183"
}

.icon-more:before {
    content: "\f184"
}

.icon-morehorizontal:before {
    content: "\f185"
}

.icon-morevertical:before {
    content: "\f186"
}

.icon-morningappointment:before {
    content: "\f187"
}

.icon-movie:before {
    content: "\f188"
}

.icon-movingbox:before {
    content: "\f189"
}

.icon-multimedia:before {
    content: "\f18a"
}

.icon-multipleusers:before {
    content: "\f18b"
}

.icon-music:before {
    content: "\f18c"
}

.icon-mytv:before {
    content: "\f18d"
}

.icon-netweters:before {
    content: "\f18e"
}

.icon-newwebbrowser:before {
    content: "\f18f"
}

.icon-notification-bell:before {
    content: "\f190"
}

.icon-notification:before {
    content: "\f191"
}

.icon-oneveryscreen:before {
    content: "\f192"
}

.icon-online-payment:before {
    content: "\f193"
}

.icon-opendatapot:before {
    content: "\f194"
}

.icon-optimise:before {
    content: "\f195"
}

.icon-optionsusage:before {
    content: "\f196"
}

.icon-other:before {
    content: "\f197"
}

.icon-others:before {
    content: "\f198"
}

.icon-patch:before {
    content: "\f199"
}

.icon-pause:before {
    content: "\f19a"
}

.icon-payByMobile:before {
    content: "\f19b"
}

.icon-pc:before {
    content: "\f19c"
}

.icon-pencil:before {
    content: "\f19d"
}

.icon-personal-assistant:before {
    content: "\f19e"
}

.icon-personalservice:before {
    content: "\f19f"
}

.icon-phoneminutes:before {
    content: "\f1a0"
}

.icon-pin:before {
    content: "\f1a1"
}

.icon-placeholder:before {
    content: "\f1a2"
}

.icon-play:before {
    content: "\f1a3"
}

.icon-plus:before {
    content: "\f1a4"
}

.useful-links.useful-links--quicklinks .useful-links__more i:before {
    content: "\f1a4"
}

.icon-powerline:before {
    content: "\f1a5"
}

.icon-products:before {
    content: "\f1a6"
}

.icon-promo:before {
    content: "\f1a7"
}

.icon-question:before {
    content: "\f1a8"
}

.icon-reassign-user:before {
    content: "\f1a9"
}

.icon-recommendedwatching:before {
    content: "\f1aa"
}

.icon-redo:before {
    content: "\f1ab"
}

.icon-refund:before {
    content: "\f1ac"
}

.icon-remote:before {
    content: "\f1ad"
}

.icon-remotebutton:before {
    content: "\f1ae"
}

.icon-renteddevices:before {
    content: "\f1af"
}

.icon-replaytv:before {
    content: "\f1b0"
}

.icon-replaytv2:before {
    content: "\f1b1"
}

.icon-resumewatching:before {
    content: "\f1b2"
}

.icon-returns:before {
    content: "\f1b3"
}

.icon-reward:before {
    content: "\f1b4"
}

.icon-role-avatar:before {
    content: "\f1b5"
}

.icon-routes:before {
    content: "\f1b6"
}

.icon-sad:before {
    content: "\f1b7"
}

.icon-save:before {
    content: "\f1b8"
}

.icon-screencasting:before {
    content: "\f1b9"
}

.icon-search:before {
    content: "\f1ba"
}

.icon-secure-payment:before {
    content: "\f1bb"
}

.icon-select-rectangle:before {
    content: "\f1bc"
}

.icon-send:before {
    content: "\f1bd"
}

.icon-setbarrings:before {
    content: "\f1be"
}

.icon-settings:before {
    content: "\f1bf"
}

.icon-share:before {
    content: "\f1c0"
}

.icon-shield:before {
    content: "\f1c1"
}

.icon-shop-improve:before {
    content: "\f1c2"
}

.icon-shop:before {
    content: "\f1c3"
}

.icon-shopping-cart:before {
    content: "\f1c4"
}

.icon-shown:before {
    content: "\f1c5"
}

.icon-sim-card:before {
    content: "\f1c6"
}

.icon-simcard-empty:before {
    content: "\f1c7"
}

.icon-simcard:before {
    content: "\f1c8"
}

.icon-smart-home:before {
    content: "\f1c9"
}

.icon-smartwatch:before {
    content: "\f1ca"
}

.icon-sms:before {
    content: "\f1cb"
}

.icon-sort:before {
    content: "\f1cc"
}

.icon-sorting-arrow-down:before {
    content: "\f1cd"
}

.icon-sorting-arrow-up:before {
    content: "\f1ce"
}

.icon-speaker:before {
    content: "\f1cf"
}

.icon-sports:before {
    content: "\f1d0"
}

.icon-starttoplay:before {
    content: "\f1d1"
}

.icon-status-error:before {
    content: "\f1d2"
}

.icon-status-errorfield:before {
    content: "\f1d3"
}

.icon-status-info:before {
    content: "\f1d4"
}

.icon-status-success:before {
    content: "\f1d5"
}

.icon-status-warning:before {
    content: "\f1d6"
}

.icon-statuserror:before {
    content: "\f1d7"
}

.icon-statusinfo:before {
    content: "\f1d8"
}

.icon-sticky-footer:before {
    content: "\f1d9"
}

.icon-stream:before {
    content: "\f1da"
}

.icon-success:before {
    content: "\f1db"
}

.notification.notification--success .icon-status-success:before,.notification.notification--success .icon-success:before {
    content: "\f1db"
}

.icon-successfilled:before {
    content: "\f1dc"
}

.icon-superfastinternet:before {
    content: "\f1dd"
}

.icon-support-assistance:before {
    content: "\f1de"
}

.icon-switch:before {
    content: "\f1df"
}

.icon-switchonwifi:before {
    content: "\f1e0"
}

.icon-tablet:before {
    content: "\f1e1"
}

.icon-tariff:before {
    content: "\f1e2"
}

.icon-teenager:before {
    content: "\f1e3"
}

.icon-telenetapps:before {
    content: "\f1e4"
}

.icon-telenetlogo:before {
    content: "\f1e5"
}

.icon-telenettvapp:before {
    content: "\f1e6"
}

.icon-telephone:before {
    content: "\f1e7"
}

.icon-text:before {
    content: "\f1e8"
}

.icon-textmessage:before {
    content: "\f1e9"
}

.icon-tick:before {
    content: ""
}

.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control--circle.form-helper:after,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control--circle:after,.cmp-text__listing--primary-ticks ul li:before,.form__checkbox input[type=checkbox].form__checkbox__input:checked+.form__checkbox__label.form-helper:after,.form__checkbox input[type=checkbox].form__checkbox__input:checked+label.form__checkbox__label:after,.product-filter__content__card--icon:before,.radio-container.selected .radio input[type=radio].radio-input:checked+.radio-control.icon-tick:before,.vertical-step-tracker-centered .steps-tracker__step--completed.icon-tick .steps-tracker__step__content__icon i:before,.vertical-step-tracker-centered .steps-tracker__step--completed .steps-tracker__step__content__icon i:before {
    content: ""
}

.icon-ticket:before {
    content: "\f1eb"
}

.icon-time:before {
    content: "\f1ec"
}

.icon-tool:before {
    content: "\f1ed"
}

.icon-topology:before {
    content: "\f1ee"
}

.icon-trials:before {
    content: "\f1ef"
}

.icon-triiing:before {
    content: "\f1f0"
}

.icon-tv-audio:before {
    content: "\f1f1"
}

.icon-tvguide:before {
    content: "\f1f2"
}

.icon-twitter:before {
    content: "\f1f3"
}

.icon-upgrade:before {
    content: "\f1f4"
}

.icon-upload:before {
    content: "\f1f5"
}

.icon-usage-data:before {
    content: "\f1f6"
}

.icon-usage-message:before {
    content: "\f1f7"
}

.icon-usage-pbm:before {
    content: "\f1f8"
}

.icon-usage-voice:before {
    content: "\f1f9"
}

.icon-usage:before {
    content: "\f1fa"
}

.icon-usagelimits:before {
    content: "\f1fb"
}

.icon-usagewarning:before {
    content: "\f1fc"
}

.icon-usepointtap:before {
    content: "\f1fd"
}

.icon-user:before {
    content: "\f1fe"
}

.icon-videomessage:before {
    content: "\f1ff"
}

.icon-waiting:before {
    content: "\f200"
}

.icon-warning:before {
    content: "\f201"
}

.notification.notification--warning .icon-alert:before,.notification.notification--warning .icon-status-warning:before {
    content: "\f201"
}

.icon-watchtvineurope-mobile:before {
    content: "\f202"
}

.icon-watchtvineurope:before {
    content: "\f203"
}

.icon-whatsapp:before {
    content: "\f204"
}

.icon-wifi-passport-signal:before {
    content: "\f205"
}

.icon-wifi-passport:before {
    content: "\f206"
}

.icon-wifi-signal:before {
    content: "\f207"
}

.icon-wifi:before {
    content: "\f208"
}

.icon-wifiscan:before {
    content: "\f209"
}

.icon-worldwide:before {
    content: "\f20a"
}

.icon-yeloplay:before {
    content: "\f20b"
}

.icon-youtube:before {
    content: "\f20c"
}

.ng-hide {
    display: none
}

.template--aemcontainer {
    color: #ccc
}

.fractalbuild-container {
    display: block
}

.fractalbuild-block,.fractalbuild-container__inlineblock {
    display: inline-block
}

.fractalbuild-block {
    width: 20rem;
    float: left;
    margin: .5rem
}

.fractalbuild-block__fixed-height {
    height: 5rem
}

.fractalbuild-block__colored {
    background-color: #239a98
}

.fractalbuild-bgcolorblock {
    height: 2rem
}

body.base .fractalbuild-container--eos,body.base .fractalbuild-container--telenet,body.telenet .fractalbuild-container--base,body.telenet .fractalbuild-container--eos {
    display: none
}

body.base .fractalbuild-flex-container {
    display: flex
}

body.base .fractalbuild-transparent-padding {
    background-clip: content-box
}

body.eos .fractalbuild-container--base,body.eos .fractalbuild-container--telenet {
    display: none
}

.fractalbuild-title {
    font-size: 2.2rem;
    line-height: 1.5rem;
    margin: 2rem 0 1.2rem
}

.icon-sample-container {
    height: 4rem;
    width: 100%;
    border: .1rem solid #291d18
}

.icon-sample-container span {
    font-size: 2.4rem;
    line-height: 4rem
}

.icon-sample-container .css-switch-div--close {
    display: inline-block;
    float: right;
    margin-right: 1.5rem;
    font-size: 2rem;
    border: 2px solid #009798;
    padding: 0 .6rem;
    border-radius: 50%
}

.icon-sample-container .icon-user:before {
    height: 0
}

.fractal.development code {
    display: block;
    padding: 1rem 2rem;
    margin: 4rem 0 2rem;
    background: #000;
    color: #fff;
    border: .2rem dashed
}

.fractal.development .responsivegrid {
    width: 100%;
    position: relative;
    top: 0;
    padding: 3rem 0 0;
    margin: 0
}

@media only screen and (min-width: 36em) {
    .fractal.development .responsivegrid {
        padding:3rem
    }
}

.fractal.development.journey-page .responsivegrid {
    top: 0;
    padding: 0
}

.fractal.development .fractal-variant-switch {
    position: fixed;
    height: 4.5rem
}

.fractal.development .fractal-variant-switch .switch {
    position: fixed;
    display: inline-block;
    width: 6rem;
    height: 3.4rem;
    right: .5rem;
    top: .5rem
}

.fractal.development .fractal-variant-switch .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.fractal.development .fractal-variant-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

.fractal.development .fractal-variant-switch .slider:before {
    position: absolute;
    content: "";
    height: 2.6rem;
    width: 2.6rem;
    left: .4rem;
    bottom: 4px;
    background-color: #fff;
    transition: .4s
}

.fractal.development .fractal-variant-switch input:checked+.slider {
    background-color: #2196f3
}

.fractal.development .fractal-variant-switch input:focus+.slider {
    box-shadow: 0 0 .1rem #2196f3
}

.fractal.development .fractal-variant-switch input:checked+.slider:before {
    transform: translateX(2.6rem)
}

.fractal.development.telenet #onetrust-consent-sdk #onetrust-banner-sdk {
    position: fixed
}

.fractal-shape-in-bg--box {
    width: 3.2rem;
    height: 3.2rem
}

.parsys_column {
    box-sizing: border-box
}

.parsys_column .parsys>.image>img {
    max-width: 100%;
    height: auto
}

.parsys_column .parsys>.image>img:not(.noAutoSize) {
    height: auto
}

.parsys_column>div {
    position: relative;
    box-sizing: border-box
}

.parsys_column>div img {
    max-width: 100%
}

.parsys_column .lgi-form fieldset {
    width: 100%
}

.upc_columns_percent_15_15_15_15_15_15,.upc_columns_percent_20_20_20_20_20,.upc_columns_percent_20_80,.upc_columns_percent_25_25_25_25,.upc_columns_percent_30_70,.upc_columns_percent_33_33_34,.upc_columns_percent_33_67,.upc_columns_percent_40_60,.upc_columns_percent_50_50,.upc_columns_percent_60_40,.upc_columns_percent_67_33,.upc_columns_percent_70_30,.upc_columns_percent_80_20,.upc_columns_utility1 {
    float: left;
    clear: both;
    width: 102%;
    margin: 0 -1%;
    box-sizing: border-box
}

.upc_columns_percent_15_15_15_15_15_15>div,.upc_columns_percent_20_20_20_20_20>div,.upc_columns_percent_20_80>div,.upc_columns_percent_25_25_25_25>div,.upc_columns_percent_30_70>div,.upc_columns_percent_33_33_34>div,.upc_columns_percent_33_67>div,.upc_columns_percent_40_60>div,.upc_columns_percent_50_50>div,.upc_columns_percent_60_40>div,.upc_columns_percent_67_33>div,.upc_columns_percent_70_30>div,.upc_columns_percent_80_20>div,.upc_columns_utility1>div {
    float: left;
    padding: 0 1%;
    box-sizing: border-box
}

.upc_columns_percent_30_70-c0 {
    width: 30%
}

.upc_columns_percent_30_70-c1,.upc_columns_percent_70_30-c0 {
    width: 70%
}

.upc_columns_percent_70_30-c1 {
    width: 30%
}

.upc_columns_percent_33_67-c0 {
    width: 33%
}

.upc_columns_percent_33_67-c1,.upc_columns_percent_67_33-c0 {
    width: 67%
}

.upc_columns_percent_67_33-c1 {
    width: 33%
}

.upc_columns_percent_50_50>div {
    width: 50%
}

.upc_columns_percent_60_40-c0 {
    width: 60%
}

.upc_columns_percent_40_60-c0,.upc_columns_percent_60_40-c1 {
    width: 40%
}

.upc_columns_percent_40_60-c1 {
    width: 60%
}

.upc_columns_percent_20_80-c0 {
    width: 20%
}

.upc_columns_percent_20_80-c1,.upc_columns_percent_80_20-c0 {
    width: 80%
}

.upc_columns_percent_80_20-c1 {
    width: 20%
}

.upc_columns_percent_33_33_34>div {
    width: 33.33333333333333%
}

.upc_columns_percent_25_25_25_25>div {
    width: 25%
}

.upc_columns_percent_20_20_20_20_20>div {
    width: 20%
}

.upc_columns_percent_15_15_15_15_15_15>div {
    width: 15%
}

.upc_columns_utility1>div {
    width: 33.33333333333333%;
    padding: 15px;
    text-align: center;
    min-height: 230px
}

.upc_columns_utility1-c0,.upc_columns_utility1-c1 {
    border-right: 1px solid #d8dcdd
}

.upc_columns_utility1-c1,.upc_columns_utility1-c2 {
    border-left: 1px solid #fafafa
}

@media only screen and (max-width: 768px) {
    .parsys_column>div {
        width:100%
    }

    .parsys_column img {
        max-width: 100%!important
    }
}

@media only screen and (max-width: 479px) {
    .parsys_column>div * {
        max-width:100%
    }
}

@media screen {
    img.logo-print {
        display: none
    }
}

@media print {
    img.logo-print {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 65px;
        width: 65px;
        margin: 0!important;
        padding: 0!important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    body .upc-wrapper {
        flex: 1
    }
}

@media only screen and (max-width: 479px) {
    .upc-bgcontainer-service {
        background-size:363px 48px
    }

    .parsys_column,.parsys_column>div,.upc-promo-aspot,.upc_container_12,.upc_container_fullwidth,.upc_grid_1,.upc_grid_2,.upc_grid_3,.upc_grid_4,.upc_grid_5,.upc_grid_6,.upc_grid_7,.upc_grid_8,.upc_grid_9,.upc_grid_10,.upc_grid_11,.upc_grid_12 {
        position: relative;
        display: block;
        clear: both;
        margin: 0 0 10px
    }
}

@media only screen and (min-width: 480px) and (max-width:620px) {
    .upc-bgcontainer-service {
        right:280px
    }

    .parsys_column,.parsys_column>div,.upc-promo-aspot,.upc_container_12,.upc_container_fullwidth,.upc_grid_1,.upc_grid_2,.upc_grid_3,.upc_grid_4,.upc_grid_5,.upc_grid_6,.upc_grid_7,.upc_grid_8,.upc_grid_9,.upc_grid_10,.upc_grid_11,.upc_grid_12 {
        position: relative;
        display: block;
        clear: both;
        margin: 0 0 10px
    }

    .parsys_column>div * {
        max-width: 100%
    }

    .parsys_column div.parsys>div.image>img {
        max-width: 100%;
        height: auto
    }
}

@media only screen and (max-width: 768px) {
    body {
        min-width:0!important;
        background-size: 100% auto;
        background-position: top;
        background-color: #fff
    }

    img {
        max-width: 100%
    }

    .upc_container_12 .upc_grid_12,.upc_container_fullwidth {
        width: 100%
    }

    .upc-bgcontainer-leanfooter {
        width: 96%
    }

    .upc-wrapper {
        overflow: auto;
        overflow-x: hidden;
        width: 100%;
        position: relative;
        float: left;
        min-height: 100%;
        height: auto!important;
        height: 100%
    }

    .upc-body-wrapper {
        width: 96%!important;
        margin: 0 2%!important
    }

    .upc-content-wrapper {
        margin: 0 auto -45px!important
    }

    .upc-footer-push {
        height: 45px!important;
        display: block;
        width: 90%;
        float: left
    }

    .upc_container_bg_full {
        width: 104%!important;
        margin: 0 -2%!important;
        box-sizing: border-box
    }
}

.upc_container {
    position: relative
}

.upc-bgcontainer-topnav,.upc_container_bg_full {
    position: relative;
    width: 100%;
    float: left
}

.upc-bgcontainer-topnav {
    z-index: 600;
    background-color: #f7f6f6
}

.upc-bgcontainer-top,.upc-bgcontainer-top_nospot {
    width: 100%;
    float: left;
    z-index: 500
}

.upc-bgcontainer-top_nospot {
    position: relative
}

.upc-bgcontainer-breadcrumb_nospot {
    position: relative;
    width: auto;
    z-index: 410
}

.upc-bgcontainer-breadcrumb {
    position: absolute;
    width: 100%;
    z-index: 410
}

.upc-bgcontainer-service {
    position: relative;
    width: 100%;
    float: left;
    z-index: 607;
    background-color: #fff;
    height: 30px
}

.upc-bgcontainer-utilities {
    position: relative;
    width: 100%;
    float: left;
    min-height: 90px;
    background-color: #ffc421
}

.upc-bgcontainer-subnavcontainer {
    position: relative;
    width: 100%;
    float: left;
    background-color: #fff
}

.upc-bgcontainer-subnav {
    position: relative;
    width: 100%;
    float: left;
    margin-top: -1px
}

.upc-bgcontainer-subnav img {
    display: block!important;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0
}

.upc-bgcontainer-aspot,.upc-bgcontainer-center,.upc-bgcontainer-topspot {
    position: relative;
    width: 100%;
    float: left
}

.upc-bgcontainer-center {
    padding: 0
}

.upc-bgcontainer-center_nospot {
    position: relative;
    width: 100%;
    float: left;
    padding: 20px 0 0
}

.upc-bgcontainer-fatfooter {
    position: relative;
    width: 100%;
    float: left;
    min-height: 230px
}

.upc-bgcontainer-fatfooter a {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    color: var(--theme__text___text-default);
    text-decoration: none
}

.upc-bgcontainer-fatfooter a:focus,.upc-bgcontainer-fatfooter a:hover,.upc-bgcontainer-fatfooter a:not([href]):not([tabindex]):focus,.upc-bgcontainer-fatfooter a:not([href]):not([tabindex]):hover {
    color: var(--theme__text___text-default);
    text-decoration: underline
}

.upc-bgcontainer-leanfooter {
    bottom: 0;
    border: solid #291d18;
    border-width: 1px 0 0
}

.upc-body-wrapper {
    min-height: 400px
}

.upc-body-wrapper,.upc-content-wrapper {
    position: relative;
    width: 100%;
    float: left
}

.upc-content-wrapper {
    height: auto!important;
    height: 100%;
    margin: 0 auto
}

.upc-footers-wrapper {
    position: relative;
    width: 100%;
    float: left;
    background-image: linear-gradient(270deg,hsla(0,0%,88.2%,0),hsla(0,0%,88.2%,0) calc(50% - 72rem),#fff8e2 calc(50% - 72rem),#fff8e2 calc(50% + 72rem),hsla(0,0%,88.2%,0) calc(50% - 71.9rem));
    background-color: hsla(0,0%,88.2%,0)
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.upc_button5 {
    width: 32px;
    height: 32px
}

.upc_accordion .foldout {
    overflow: hidden;
    border-bottom: .1rem solid #f7f6f6
}

.upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title {
    padding: 1.4rem 0;
    cursor: pointer;
    border: 0;
    width: 100%;
    display: flex;
    background-color: transparent;
    margin: 0
}

@media only screen and (min-width: 20em) {
    .upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title {
        align-content:center;
        justify-content: space-between;
        border-radius: 0
    }
}

.upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title .lgi-acc-img img {
    margin-top: -.5rem;
    margin-right: 1rem
}

.upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title .lgi-acc-txt {
    width: 100%
}

.upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title .lgi-acc-txt .upc_accordion_title_text {
    text-align: left;
    line-height: 1.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #291d18;
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title .lgi-acc-txt .upc_accordion_title_text {
        font-size:2rem;
        line-height: 2.4rem
    }
}

.upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title .lgi-acc-chevronlabel .upc_accordion_label_closed {
    cursor: pointer
}

.upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title .lgi-acc-chevronlabel .upc_accordion_label_closed:before {
    transition: transform .3s ease;
    transform-origin: center center;
    display: inline-block;
    font-family: icons,fantasy;
    font-style: normal;
    font-weight: inherit;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: inherit;
    vertical-align: middle;
    content: "\f123"
}

@media only screen and (min-width: 36em) {
    .upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title .lgi-acc-chevronlabel .upc_accordion_label_closed:before {
        font-size:2.4rem
    }
}

.upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title .lgi-acc-chevronlabel .upc_accordion_label_opened {
    cursor: pointer
}

.upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title .lgi-acc-chevronlabel .upc_accordion_label_opened:before {
    transition: transform .3s ease;
    transform-origin: center center;
    display: inline-block;
    font-family: icons,fantasy;
    font-style: normal;
    font-weight: inherit;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: inherit;
    vertical-align: middle;
    content: "\f126"
}

@media only screen and (min-width: 36em) {
    .upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_title .lgi-acc-chevronlabel .upc_accordion_label_opened:before {
        font-size:2.4rem
    }
}

.upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_pane {
    transition: all .3s ease;
    overflow: hidden;
    line-height: 2rem;
    font-size: 1.4rem;
    display: none
}

@media only screen and (min-width: 36em) {
    .upc_accordion .foldout .upc_accordion_wrapper .upc_accordion_pane {
        line-height:2.4rem;
        font-size: 1.8rem
    }
}

.upc_accordion .upc_accordion_title .upc_accordion_label_opened {
    display: none
}

.upc_accordion .upc_accordion_title.current .upc_accordion_label_opened,.upc_accordion .upc_accordion_title .upc_accordion_label_closed {
    display: block
}

.upc_accordion .upc_accordion_title.current .upc_accordion_label_closed {
    display: none
}

.accstyle_B-1 .upc_accordion_wrapper,.accstyle_B-2 .upc_accordion_wrapper,.accstyle_B .upc_accordion_wrapper {
    padding: 2.5rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
    background-color: #f7f6f6
}

.accstyle_B-1 .upc_accordion_wrapper {
    padding: 1.5rem
}

.upc-body-wrapper .richtext p+ul {
    margin-top: 2rem
}

.upc-body-wrapper .richtext ul li {
    clear: both;
    text-align: left;
    position: relative;
    list-style-type: none;
    vertical-align: middle;
    line-height: inherit;
    margin: 0;
    padding: 0 0 1.4rem 2rem
}

.upc-body-wrapper .richtext ul li:before {
    position: absolute;
    content: "\2022";
    font-family: Arial,sans-serif;
    font-size: 2.5rem;
    left: 0;
    top: 0;
    line-height: 2.5rem
}

ul.pagelist_card li {
    text-align: left
}

ul.pagelist_card li article,ul.pagelist_card li article:hover,ul.pagelist_card li article>div {
    border-radius: unset;
    border: unset
}

ul.pagelist_card li article:hover a,ul.pagelist_card li article>div a,ul.pagelist_card li article a {
    margin: 20px;
    line-height: inherit;
    position: relative
}

maps-autocomplete .AutoComplete {
    display: block;
    margin-bottom: 2rem
}

maps-autocomplete .AutoComplete input[type=text] {
    height: auto;
    line-height: inherit;
    margin-bottom: 0;
    font-size: inherit;
    border: none;
    padding: 1.2rem 0 1.2rem 1.6rem;
    font-family: inherit;
    text-overflow: ellipsis;
    border-radius: 0
}

@media only screen and (max-width: 768px) {
    .dealer-locator-combined .tn-styling .dealer-locator-container .dlcTop .mobileContainer .dlcInput {
        background:#f7f6f6
    }
}

.aem-Grid {
    display: block;
    width: 100%
}

.aem-Grid:after,.aem-Grid:before {
    display: table;
    content: " "
}

.aem-Grid:after {
    clear: both
}

.aem-Grid-newComponent {
    clear: both;
    margin: 0
}

.aem-GridColumn {
    box-sizing: border-box;
    clear: both
}

.aem-GridShowHidden>.aem-Grid>.aem-GridColumn {
    display: block!important
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.3333%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.6667%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 33.3333%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 66.6667%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.3333%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.6667%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 33.3333%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 66.6667%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.6667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.3333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.6667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.3333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.6667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.3333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.6667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.3333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.6667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.3333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.6667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.3333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.6667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.3333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.6667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.3333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.2857%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.5714%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.8571%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.1428%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.4286%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.7143%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 14.2857%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 28.5714%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 42.8571%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 57.1428%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 71.4286%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 85.7143%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.2857%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.5714%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.8571%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.1428%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.4286%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.7143%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 14.2857%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 28.5714%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 42.8571%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 57.1428%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 71.4286%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 85.7143%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 37.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 87.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 37.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 87.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.1111%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.2222%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.3333%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.4444%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.5556%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.6667%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.7778%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.8889%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 11.1111%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 22.2222%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 33.3333%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 44.4444%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 55.5556%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 66.6667%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 77.7778%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 88.8889%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.1111%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.2222%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.3333%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.4444%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.5556%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.6667%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.7778%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.8889%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 11.1111%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 22.2222%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 33.3333%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 44.4444%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 55.5556%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 66.6667%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 77.7778%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 88.8889%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 10%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 30%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 70%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 90%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 10%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 30%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 70%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 90%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.0909%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.1818%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.2727%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.3636%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.4545%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.5455%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.6364%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.7273%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.8182%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.9091%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 9.0909%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 18.1818%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 27.2727%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 36.3636%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 45.4545%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 54.5455%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 63.6364%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 72.7273%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 81.8182%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 90.9091%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.0909%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.1818%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.2727%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.3636%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.4545%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.5455%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.6364%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.7273%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.8182%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.9091%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 9.0909%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 18.1818%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 27.2727%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 36.3636%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 45.4545%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 54.5455%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 63.6364%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 72.7273%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 81.8182%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 90.9091%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.3333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.6667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.3333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.6667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.3333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.6667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.3333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.6667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.3333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.6667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.3333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.6667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 58.3333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 66.6667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 83.3333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 91.6667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.3333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.6667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.3333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.6667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.3333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.6667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.3333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.6667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.3333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.6667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.3333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.6667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 58.3333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 66.6667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 83.3333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 91.6667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
    margin-left: 100%
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--newline {
    display: block;
    clear: both!important
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--none {
    display: block;
    clear: none!important;
    float: left
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--hide {
    display: none
}

@media (max-width: 650px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--phone--1 {
        float:left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 16.6667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 83.3333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 16.6667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 83.3333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 16.6667%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 83.3333%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 16.6667%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 83.3333%
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 14.2857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 28.5714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 42.8571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 57.1428%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 71.4286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 85.7143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 14.2857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 28.5714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 42.8571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 57.1428%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 71.4285%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 85.7143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 14.2857%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 28.5714%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 42.8571%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 57.1428%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 71.4286%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 85.7143%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 14.2857%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 28.5714%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 42.8571%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 57.1428%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 71.4286%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 85.7143%
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 11.1111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 22.2222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 44.4444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 55.5556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 77.7778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 88.8889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 11.1111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 22.2222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 44.4444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 55.5556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 77.7778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 88.8889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 11.1111%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 22.2222%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 44.4444%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 55.5556%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 77.7778%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 88.8889%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 11.1111%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 22.2222%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 44.4444%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 55.5556%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 77.7778%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 88.8889%
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 9.0909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 18.1818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 27.2727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 36.3636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 45.4545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 54.5455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 63.6364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 72.7273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 81.8182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 90.9091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 9.0909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 18.1818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 27.2727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 36.3636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 45.4545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 54.5455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 63.6364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 72.7273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 81.8182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 90.9091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 9.0909%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 18.1818%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 27.2727%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 36.3636%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 45.4545%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 54.5455%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 63.6364%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 72.7273%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 81.8182%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 90.9091%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 9.0909%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 18.1818%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 27.2727%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 36.3636%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 45.4545%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 54.5455%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 63.6364%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 72.7273%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 81.8182%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 90.9091%
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 8.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 16.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 41.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 58.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 83.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 91.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 8.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 16.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 41.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 58.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 83.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 91.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 8.3333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 16.6667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 41.6667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 58.3333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 83.3333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 91.6667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 8.3333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 16.6667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 41.6667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 58.3333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 83.3333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 91.6667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
        margin-left: 100%
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--newline {
        display: block;
        clear: both!important
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--none {
        display: block;
        clear: none!important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--hide {
        display: none
    }
}

@media (min-width: 651px) and (max-width:1200px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float:left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 16.6667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 83.3333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 16.6667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 83.3333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 16.6667%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 83.3333%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 16.6667%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 83.3333%
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 14.2857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 28.5714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 42.8571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 57.1428%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 71.4286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 85.7143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 14.2857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 28.5714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 42.8571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 57.1428%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 71.4286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 85.7143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 14.2857%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 28.5714%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 42.8571%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 57.1428%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 71.4286%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 85.7143%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 14.2857%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 28.5714%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 42.8571%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 57.1428%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 71.4286%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 85.7143%
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 11.1111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 22.2222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 44.4444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 55.5556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 77.7778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 88.8889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 11.1111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 22.2222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 44.4444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 55.5556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 77.7778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 88.8889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 11.1111%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 22.2222%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 44.4444%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 55.5556%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 77.7778%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 88.8889%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 11.1111%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 22.2222%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 44.4444%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 55.5556%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 77.7778%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 88.8889%
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 9.0909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 18.1818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 27.2727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 36.3636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 45.4545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 54.5455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 63.6364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 72.7273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 81.8182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 90.9091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 9.0909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 18.1818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 27.2727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 36.3636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 45.4545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 54.5455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 63.6364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 72.7273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 81.8182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 90.9091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 9.0909%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 18.1818%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 27.2727%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 36.366%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 45.455%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 54.5455%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 63.6364%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 72.7273%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 81.8182%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 90.9091%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 9.0909%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 18.1818%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 27.2727%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 36.3636%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 45.4545%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 54.5455%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 63.6364%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 72.7273%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 81.8182%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 90.9091%
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 8.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 16.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 41.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 58.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 83.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 91.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 8.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 16.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 41.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 58.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 83.3333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 91.6667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 8.3333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 16.6667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 33.3333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 41.6667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 58.3333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 66.6667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 83.3333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 91.6667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 8.3333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 16.6667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 33.3333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 41.6667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 58.3333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 66.6667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 83.3333%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 91.6667%
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
        margin-left: 100%
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--newline {
        display: block;
        clear: both!important
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--none {
        display: block;
        clear: none!important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--hide {
        display: none
    }
}

.slider-container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: calc(100% - 2rem);
    max-width: 73.1rem;
    z-index: 15
}

.slider-container .pagination {
    position: absolute;
    z-index: 13;
    top: 50%;
    transform: translateY(-50%);
    margin: 0
}

.slider-container .pagination .pagination__list {
    justify-content: space-between;
    width: 100%
}

.slider-container .pagination .pagination__list .pagination__list__item .pagination__list__link {
    background: #ffc421;
    cursor: pointer
}

.slider-container .pagination .pagination__list .pagination__list__item .pagination__list__link.not-clickable {
    background: #eeeded;
    cursor: default
}

.slider-container .pagination .pagination__list .pagination__list__item .pagination__list__link i {
    padding-right: 0
}

.slider-container .pagination .pagination__list .pagination__list__item .pagination__list__link i:before {
    display: flex;
    align-items: center;
    justify-content: center
}

.slider-container .slider-content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70%;
    height: 100%;
    transform: translate(-50%,-50%)
}

.slider-container .slider-content .slider-single {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: z-index 0ms .1s;
    filter: grayscale(1)
}

.slider-container .slider-content .slider-single .slider-single-image {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .2s linear;
    transform: scale(0);
    opacity: 0;
    display: flex;
    justify-content: center
}

.slider-container .slider-content .slider-single.preactivede .slider-single-image {
    transform: translateX(-50%) scale(0)
}

.slider-container .slider-content .slider-single.preactive {
    z-index: 1
}

.slider-container .slider-content .slider-single.preactive .slider-single-image {
    opacity: .3;
    transform: translateX(-27%) scale(.93)
}

.slider-container .slider-content .slider-single.proactive {
    z-index: 1
}

.slider-container .slider-content .slider-single.proactive .slider-single-image {
    opacity: .3;
    transform: translateX(27%) scale(.93)
}

.slider-container .slider-content .slider-single.proactivede .slider-single-image {
    transform: translateX(50%) scale(0)
}

.slider-container .slider-content .slider-single.active {
    filter: grayscale(0);
    z-index: 2
}

.slider-container .slider-content .slider-single.active .slider-single-image {
    opacity: 1;
    transform: translateX(-25%) scale(1)
}

.slider-container .slider-content .slider-single.last-active .slider-single-image {
    transform: translateX(25%) scale(1)
}

.slider-container .not-visible {
    visibility: hidden!important;
    opacity: 0!important
}

.bullet-container {
    position: relative;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem
}

.bullet-container .bullet {
    margin-right: 1.4rem;
    height: 1.1rem;
    width: 1.1rem;
    border-radius: 50%;
    background-color: #655c58;
    opacity: .5
}

.bullet-container .bullet:last-child {
    margin-right: 0
}

.bullet-container .bullet.active {
    opacity: 1
}

.cdk-overlay-pane {
    pointer-events: auto
}

.mat-calendar-body {
    min-width: 224px
}

.mat-calendar-body-label {
    height: 0;
    line-height: 0;
    text-align: left;
    padding-left: 4.71429%;
    padding-right: 4.71429%
}

.mat-calendar-body-cell {
    position: relative;
    height: 0;
    line-height: 0;
    text-align: center;
    outline: 0;
    cursor: pointer
}

.mat-calendar-body-disabled {
    cursor: default
}

.mat-calendar-body-cell-content {
    position: absolute;
    top: 5%;
    left: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 90%;
    height: 90%;
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    border-radius: 999px
}

@media (-ms-high-contrast:active) {
    .mat-calendar-body-cell-content {
        border: none
    }
}

@media (-ms-high-contrast:active) {
    .mat-calendar-body-selected,.mat-datepicker-popup:not(:empty) {
        outline: 1px solid
    }

    .mat-calendar-body-today {
        outline: 1px dotted
    }

    .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
        outline: 2px dotted
    }
}

[dir=rtl] .mat-calendar-body-label {
    text-align: right
}

.mat-calendar-header {
    padding: 8px 8px 0
}

.mat-calendar-content {
    padding: 0 8px 8px;
    outline: 0
}

.mat-calendar-controls {
    display: flex;
    margin: 5% calc(4.71429% - 16px)
}

.mat-calendar-spacer {
    flex: 1 1 auto
}

.mat-calendar-period-button {
    min-width: 0
}

.mat-calendar-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top-width: 5px;
    border-top-style: solid;
    margin: 0 0 0 5px;
    vertical-align: middle
}

.mat-calendar-arrow.mat-calendar-invert {
    transform: rotate(180deg)
}

[dir=rtl] .mat-calendar-arrow {
    margin: 0 5px 0 0
}

.mat-calendar-next-button,.mat-calendar-previous-button {
    position: relative
}

.mat-calendar-next-button:after,.mat-calendar-previous-button:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    content: "";
    margin: 15.5px;
    border: solid;
    border-width: 2px 0 0
}

[dir=rtl] .mat-calendar-next-button,[dir=rtl] .mat-calendar-previous-button {
    transform: rotate(180deg)
}

.mat-calendar-previous-button:after {
    border-left-width: 2px;
    transform: translateX(2px) rotate(-45deg)
}

.mat-calendar-next-button:after {
    border-right-width: 2px;
    transform: translateX(-2px) rotate(45deg)
}

.mat-calendar-table-header-divider {
    position: relative;
    height: 1px
}

.mat-calendar-table-header-divider:after {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    right: -8px;
    height: 1px
}

.mat-datepicker-content {
    display: block;
    border-radius: 4px
}

.mat-datepicker-content .mat-calendar {
    width: 296px;
    height: 354px
}

.mat-datepicker-content-touch {
    display: block;
    max-height: 80vh;
    overflow: auto;
    margin: -24px
}

.mat-datepicker-content-touch .mat-calendar {
    min-width: 250px;
    min-height: 312px;
    max-width: 750px;
    max-height: 788px
}

@media (orientation: landscape) {
    .mat-datepicker-content-touch .mat-calendar {
        width:64vh;
        height: 80vh
    }
}

@media (orientation: portrait) {
    .mat-datepicker-content-touch .mat-calendar {
        width:80vw;
        height: 100vw
    }
}

.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible
}

.mat-icon-button {
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    line-height: 40px;
    border-radius: 50%
}

.mat-calendar-table-header th {
    text-align: center;
    padding: 0 0 8px
}

.mat-calendar-table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transform-style: preserve-3d;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: 50%;
    background-size: cover
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    touch-action: pan-y
}

.swiper-wp8-vertical {
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #291d18;
    opacity: .2
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #291d18
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide,.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    z-index: 1;
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #291d18;
    opacity: .6;
    filter: blur(50px)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container {
    width: 100%;
    height: 100%
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

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

body {
    margin: 0
}

article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

h1,h2,h3,h4,h5,h6 {
    font-size: 2rem;
    margin-top: 0;
    margin-bottom: .5rem
}

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

figcaption,figure,main {
    display: block
}

figure {
    margin: 0 0 1rem
}

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

pre {
    font-family: monospace;
    font-size: 1em;
    margin-top: 0;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

address,pre {
    margin-bottom: 1rem
}

address {
    font-style: normal;
    line-height: inherit
}

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

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #291d18
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

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

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

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

button {
    border-radius: 0
}

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    display: table
}

progress {
    display: inline-block
}

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

[type=search] {
    -webkit-appearance: textfield
}

.form-helper,[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea {
    touch-action: manipulation
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

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

textarea {
    resize: vertical
}

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

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

progress {
    vertical-align: baseline
}

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

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

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

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

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #868e96;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0 0 0 .5rem
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.aem-GridColumn {
    padding: 0
}

.responsivegrid {
    margin: 0 auto
}

.template--container-default-padding {
    padding: 20px
}

.upc-bgcontainer-leanfooter,.upc-container__default,.upc-promo-aspot,.upc_container_12,.upc_container_fullwidth {
    margin: 0 3.2%;
    width: 93.6%
}

@media only screen and (min-width: 36em) {
    .upc-bgcontainer-leanfooter,.upc-container__default,.upc-promo-aspot,.upc_container_12,.upc_container_fullwidth {
        margin:0 2.5%;
        width: 95%
    }
}

@media only screen and (min-width: 74.5em) {
    .upc-bgcontainer-leanfooter,.upc-container__default,.upc-promo-aspot,.upc_container_12,.upc_container_fullwidth {
        margin:0 auto;
        max-width: 113.2rem
    }
}

.upc_container_fullwidth {
    position: relative;
    box-sizing: border-box
}

.upc-bgcontainer-leanfooter {
    position: relative
}

.container,.container--care,.container--default,.container--fullscreen,.container--small,.fullscreen,.sticky-footer__container--small {
    box-sizing: inherit;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 113.2rem;
    padding: 0 1rem
}

@media only screen and (min-width: 36em) {
    .container,.container--care,.container--default,.container--fullscreen,.container--small,.fullscreen,.sticky-footer__container--small {
        padding:0
    }
}

.container--default {
    max-width: 113.2rem;
    padding: 0 2rem
}

@media only screen and (min-width: 36em) {
    .container--default {
        padding:0 2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .container--default {
        padding:0
    }
}

.container--small,.sticky-footer__container--small {
    max-width: 76rem;
    padding: 0 2rem
}

@media only screen and (min-width: 36em) {
    .container--small,.sticky-footer__container--small {
        padding:0 2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .container--small,.sticky-footer__container--small {
        padding:0
    }
}

.container--fullscreen,.fullscreen {
    max-width: 100%;
    padding: 0 2rem
}

@media only screen and (min-width: 36em) {
    .container--fullscreen,.fullscreen {
        padding:0 2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .container--fullscreen,.fullscreen {
        padding:0
    }
}

.container--care {
    max-width: 113.2rem;
    padding: 0 2rem
}

@media only screen and (min-width: 36em) {
    .container--care {
        padding:0 2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .container--care {
        padding:0
    }
}

.container--fullscreen,.fullscreen {
    padding: 0
}

body:before {
    content: "--";
    left: -99999rem;
    position: absolute
}

@media only screen and (min-width: 20em) {
    body:before {
        content:"xs"
    }
}

@media only screen and (min-width: 36em) {
    body:before {
        content:"sm"
    }
}

@media only screen and (min-width: 48.0625em) {
    body:before {
        content:"md"
    }
}

@media only screen and (min-width: 74.5em) {
    body:before {
        content:"lg"
    }
}

@media only screen and (min-width: 90em) {
    body:before {
        content:"xl"
    }
}

@media only screen and (min-width: 104.6875em) {
    body:before {
        content:"xxl"
    }
}

html {
    box-sizing: border-box;
    display: block;
    min-height: 100%;
    width: 100%;
    height: 100%
}

*,:after,:before {
    box-sizing: inherit
}

body {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden!important
}

.clearfix:after {
    display: block;
    content: "";
    clear: both
}

.care--appointments h5:first-of-type,.mt-0 {
    margin-top: 0!important
}

.price--superscript-large .price--superscript-currency,.price--superscript-large .price--superscript-digit,.pt-0 {
    padding-top: 0!important
}

.hardware-product--info__content__promo,.hardware-product--login .row .icon-text-block__text,.mb-0 {
    margin-bottom: 0!important
}

.pb-0 {
    padding-bottom: 0!important
}

.discount-use.slick-carousel__slider.slick-slider.discount-use__slider__min-items .slick-list .slick-track .discount-use__products:first-child,.ml-0 {
    margin-left: 0!important
}

.care--appointments .content-section__details ul,.pl-0 {
    padding-left: 0!important
}

.discount-use.slick-carousel__slider.slick-slider.discount-use__slider__min-items .slick-list .slick-track .discount-use__products:last-child,.hardware-categories__items.Container:nth-child(4n),.mr-0 {
    margin-right: 0!important
}

.pr-0 {
    padding-right: 0!important
}

.hardware-product--info__content-price,.m-0 {
    margin: 0!important
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector-menu,.hardware-details__slider-thumbnails .slick-list,.p-0 {
    padding: 0!important
}

.mt-5 {
    margin-top: 5px!important
}

.pt-5 {
    padding-top: 5px!important
}

.mb-5 {
    margin-bottom: 5px!important
}

.pb-5 {
    padding-bottom: 5px!important
}

.ml-5 {
    margin-left: 5px!important
}

.pl-5 {
    padding-left: 5px!important
}

.mr-5 {
    margin-right: 5px!important
}

.pr-5 {
    padding-right: 5px!important
}

.m-5 {
    margin: 5px!important
}

.p-5 {
    padding: 5px!important
}

.mt-10 {
    margin-top: 10px!important
}

.pt-10 {
    padding-top: 10px!important
}

.mb-10 {
    margin-bottom: 10px!important
}

.pb-10 {
    padding-bottom: 10px!important
}

.ml-10 {
    margin-left: 10px!important
}

.pl-10 {
    padding-left: 10px!important
}

.mr-10 {
    margin-right: 10px!important
}

.pr-10 {
    padding-right: 10px!important
}

.m-10 {
    margin: 10px!important
}

.p-10 {
    padding: 10px!important
}

.mt-15 {
    margin-top: 15px!important
}

.pt-15 {
    padding-top: 15px!important
}

.mb-15 {
    margin-bottom: 15px!important
}

.pb-15 {
    padding-bottom: 15px!important
}

.ml-15 {
    margin-left: 15px!important
}

.pl-15 {
    padding-left: 15px!important
}

.mr-15 {
    margin-right: 15px!important
}

.pr-15 {
    padding-right: 15px!important
}

.m-15 {
    margin: 15px!important
}

.p-15 {
    padding: 15px!important
}

.mt-20 {
    margin-top: 20px!important
}

.pt-20 {
    padding-top: 20px!important
}

.change-my-plan-overview--container,.mb-20 {
    margin-bottom: 20px!important
}

.pb-20 {
    padding-bottom: 20px!important
}

.ml-20 {
    margin-left: 20px!important
}

.pl-20 {
    padding-left: 20px!important
}

.mr-20 {
    margin-right: 20px!important
}

.pr-20 {
    padding-right: 20px!important
}

.m-20 {
    margin: 20px!important
}

.p-20 {
    padding: 20px!important
}

.mt-25 {
    margin-top: 25px!important
}

.pt-25 {
    padding-top: 25px!important
}

.mb-25 {
    margin-bottom: 25px!important
}

.pb-25 {
    padding-bottom: 25px!important
}

.ml-25 {
    margin-left: 25px!important
}

.pl-25 {
    padding-left: 25px!important
}

.mr-25 {
    margin-right: 25px!important
}

.pr-25 {
    padding-right: 25px!important
}

.m-25 {
    margin: 25px!important
}

.p-25 {
    padding: 25px!important
}

.mt-30 {
    margin-top: 30px!important
}

.pt-30 {
    padding-top: 30px!important
}

.mb-30 {
    margin-bottom: 30px!important
}

.pb-30 {
    padding-bottom: 30px!important
}

.ml-30 {
    margin-left: 30px!important
}

.pl-30 {
    padding-left: 30px!important
}

.mr-30 {
    margin-right: 30px!important
}

.pr-30 {
    padding-right: 30px!important
}

.m-30 {
    margin: 30px!important
}

.p-30 {
    padding: 30px!important
}

.mt-35 {
    margin-top: 35px!important
}

.pt-35 {
    padding-top: 35px!important
}

.mb-35 {
    margin-bottom: 35px!important
}

.pb-35 {
    padding-bottom: 35px!important
}

.ml-35 {
    margin-left: 35px!important
}

.pl-35 {
    padding-left: 35px!important
}

.mr-35 {
    margin-right: 35px!important
}

.pr-35 {
    padding-right: 35px!important
}

.m-35 {
    margin: 35px!important
}

.p-35 {
    padding: 35px!important
}

.mt-40 {
    margin-top: 40px!important
}

.pt-40 {
    padding-top: 40px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.pb-40 {
    padding-bottom: 40px!important
}

.ml-40 {
    margin-left: 40px!important
}

.pl-40 {
    padding-left: 40px!important
}

.mr-40 {
    margin-right: 40px!important
}

.pr-40 {
    padding-right: 40px!important
}

.m-40 {
    margin: 40px!important
}

.p-40 {
    padding: 40px!important
}

.mt-45 {
    margin-top: 45px!important
}

.pt-45 {
    padding-top: 45px!important
}

.mb-45 {
    margin-bottom: 45px!important
}

.pb-45 {
    padding-bottom: 45px!important
}

.ml-45 {
    margin-left: 45px!important
}

.pl-45 {
    padding-left: 45px!important
}

.mr-45 {
    margin-right: 45px!important
}

.pr-45 {
    padding-right: 45px!important
}

.m-45 {
    margin: 45px!important
}

.p-45 {
    padding: 45px!important
}

.mt-50 {
    margin-top: 50px!important
}

.pt-50 {
    padding-top: 50px!important
}

.mb-50 {
    margin-bottom: 50px!important
}

.change-my-plan-overview--checkoutbar-container,.pb-50 {
    padding-bottom: 50px!important
}

.ml-50 {
    margin-left: 50px!important
}

.pl-50 {
    padding-left: 50px!important
}

.mr-50 {
    margin-right: 50px!important
}

.pr-50 {
    padding-right: 50px!important
}

.m-50 {
    margin: 50px!important
}

.p-50 {
    padding: 50px!important
}

.color-yellow {
    color: #ffc421
}

.background-yellow,.label-cards.cards.card-mini.card-mini--square-checkbox .cards-radio:checked+.cards--container .cards-content__header,.promo-highlight--mini {
    background-color: #ffc421
}

.bg-yellow {
    background-color: #ffc421
}

.border-yellow,.label-cards.cards.card-mini.card-mini--square-checkbox .cards-radio:checked+.cards--container .cards-content__header {
    border: .1rem solid #ffc421
}

.color-yellow {
    --color: #ffc421
}

.background-yellow {
    --backgroundcolor: #ffc421;
    --panelbackgroundcolor: #ffc421
}

.cmp-text.color-white a,.cmp-text.color-white a:not([href]):not([tabindex]),.color-white,.hardware-details__plans .label-cards.cards.card-square.card-square-secondary .cards-slot .cards-radio:checked+.cards--container .cards-content__header-text {
    color: #fff
}

.appointments--reserve .cards--container,.background-white,.Container--partitioned,.hardware-product .cards--container,.hardware-search__content__show-item .hardware-search__dropdown__selector-menu__list__item,.header-base--loader-skeleton,.home-networks .product-row-item__container,.overlay__block-sim .overlay__section__content,.overlay__unblock-sim .overlay__section__content,.pid-profile .easy-switch-config,.pid-profile .easy-switch-config:hover,.radio-checkbox--background,.sim-activation__current-sim>.form-group,.sim-home-activation__current-sim>.form-group {
    background-color: #fff
}

.bg-white {
    background-color: #fff
}

.border-white {
    border: .1rem solid #fff
}

.color-white {
    --color: #fff
}

.background-white {
    --backgroundcolor: #fff;
    --panelbackgroundcolor: #fff
}

.color-dark-brown {
    color: #291d18
}

.background-dark-brown,.bg-dark-brown {
    background-color: #291d18
}

.border-dark-brown {
    border: .1rem solid #291d18
}

.color-dark-brown {
    --color: #291d18
}

.background-dark-brown {
    --backgroundcolor: #291d18;
    --panelbackgroundcolor: #291d18
}

.color-cream {
    color: #ffeda1
}

.background-cream,.bg-cream {
    background-color: #ffeda1
}

.border-cream {
    border: .1rem solid #ffeda1
}

.color-cream {
    --color: #ffeda1
}

.background-cream {
    --backgroundcolor: #ffeda1;
    --panelbackgroundcolor: #ffeda1
}

.color-bright-blue {
    color: #7291b5
}

.background-bright-blue,.bg-bright-blue {
    background-color: #7291b5
}

.border-bright-blue {
    border: .1rem solid #7291b5
}

.color-bright-blue {
    --color: #7291b5
}

.background-bright-blue {
    --backgroundcolor: #7291b5;
    --panelbackgroundcolor: #7291b5
}

.color-lila {
    color: #aa81a8
}

.background-lila,.bg-lila {
    background-color: #aa81a8
}

.border-lila {
    border: .1rem solid #aa81a8
}

.color-lila {
    --color: #aa81a8
}

.background-lila {
    --backgroundcolor: #aa81a8;
    --panelbackgroundcolor: #aa81a8
}

.color-lemon {
    color: #fff7c7
}

.background-lemon,.bg-lemon {
    background-color: #fff7c7
}

.border-lemon {
    border: .1rem solid #fff7c7
}

.color-lemon {
    --color: #fff7c7
}

.background-lemon {
    --backgroundcolor: #fff7c7;
    --panelbackgroundcolor: #fff7c7
}

.color-red,.price__red-bold {
    color: #c95942
}

.background-red,.bg-red {
    background-color: #c95942
}

.border-red {
    border: .1rem solid #c95942
}

.color-red {
    --color: #c95942
}

.background-red {
    --backgroundcolor: #c95942;
    --panelbackgroundcolor: #c95942
}

.color-watermelon {
    color: #e16a5b
}

.background-watermelon,.bg-watermelon {
    background-color: #e16a5b
}

.border-watermelon {
    border: .1rem solid #e16a5b
}

.color-watermelon {
    --color: #e16a5b
}

.background-watermelon {
    --backgroundcolor: #e16a5b;
    --panelbackgroundcolor: #e16a5b
}

.color-jeans-blue {
    color: #1a9aaa
}

.background-jeans-blue,.bg-jeans-blue {
    background-color: #1a9aaa
}

.border-jeans-blue {
    border: .1rem solid #1a9aaa
}

.color-jeans-blue {
    --color: #1a9aaa
}

.background-jeans-blue {
    --backgroundcolor: #1a9aaa;
    --panelbackgroundcolor: #1a9aaa
}

.color-turquoise {
    color: #209d91
}

.background-turquoise,.bg-turquoise {
    background-color: #209d91
}

.border-turquoise {
    border: .1rem solid #209d91
}

.color-turquoise {
    --color: #209d91
}

.background-turquoise {
    --backgroundcolor: #209d91;
    --panelbackgroundcolor: #209d91
}

.color-olivine {
    color: #749645
}

.background-olivine,.bg-olivine {
    background-color: #749645
}

.border-olivine {
    border: .1rem solid #749645
}

.color-olivine {
    --color: #749645
}

.background-olivine {
    --backgroundcolor: #749645;
    --panelbackgroundcolor: #749645
}

.color-golden {
    color: #fdd671
}

.background-golden,.bg-golden {
    background-color: #fdd671
}

.border-golden {
    border: .1rem solid #fdd671
}

.color-golden {
    --color: #fdd671
}

.background-golden {
    --backgroundcolor: #fdd671;
    --panelbackgroundcolor: #fdd671
}

.color-tan {
    color: #f7945c
}

.background-tan,.bg-tan {
    background-color: #f7945c
}

.border-tan {
    border: .1rem solid #f7945c
}

.color-tan {
    --color: #f7945c
}

.background-tan {
    --backgroundcolor: #f7945c;
    --panelbackgroundcolor: #f7945c
}

.color-peach {
    color: #fac7ba
}

.background-peach,.bg-peach {
    background-color: #fac7ba
}

.border-peach {
    border: .1rem solid #fac7ba
}

.color-peach {
    --color: #fac7ba
}

.background-peach {
    --backgroundcolor: #fac7ba;
    --panelbackgroundcolor: #fac7ba
}

.color-sinbad {
    color: #a6d9d9
}

.background-sinbad,.bg-sinbad {
    background-color: #a6d9d9
}

.border-sinbad {
    border: .1rem solid #a6d9d9
}

.color-sinbad {
    --color: #a6d9d9
}

.background-sinbad {
    --backgroundcolor: #a6d9d9;
    --panelbackgroundcolor: #a6d9d9
}

.color-sprout {
    color: #add1a6
}

.background-sprout,.bg-sprout {
    background-color: #add1a6
}

.border-sprout {
    border: .1rem solid #add1a6
}

.color-sprout {
    --color: #add1a6
}

.background-sprout {
    --backgroundcolor: #add1a6;
    --panelbackgroundcolor: #add1a6
}

.color-dust-storm {
    color: #e5cfc7
}

.background-dust-storm,.bg-dust-storm {
    background-color: #e5cfc7
}

.border-dust-storm {
    border: .1rem solid #e5cfc7
}

.color-dust-storm {
    --color: #e5cfc7
}

.background-dust-storm {
    --backgroundcolor: #e5cfc7;
    --panelbackgroundcolor: #e5cfc7
}

.color-shade_72,.home-networks .product-row-item .hidden-desktop-row-item {
    color: #655c58
}

.background-shade_72,.bg-shade_72 {
    background-color: #655c58
}

.border-shade_72 {
    border: .1rem solid #655c58
}

.color-shade_72 {
    --color: #655c58
}

.background-shade_72 {
    --backgroundcolor: #655c58;
    --panelbackgroundcolor: #655c58
}

.color-shade_64 {
    color: #766f6b
}

.background-shade_64,.bg-shade_64 {
    background-color: #766f6b
}

.border-shade_64 {
    border: .1rem solid #766f6b
}

.color-shade_64 {
    --color: #766f6b
}

.background-shade_64 {
    --backgroundcolor: #766f6b;
    --panelbackgroundcolor: #766f6b
}

.cmp-text .ot-sdk-show-settings,.cmp-text .ot-sdk-show-settings:hover,.cmp-text a.ot-sdk-show-settings,.cmp-text a.ot-sdk-show-settings:hover,.cmp-text a.ot-sdk-show-settings:not([href]):not([tabindex]),.cmp-text a.ot-sdk-show-settings:not([href]):not([tabindex]):hover,.color-shade_48 {
    color: #999391
}

.background-shade_48,.bg-shade_48 {
    background-color: #999391
}

.border-shade_48 {
    border: .1rem solid #999391
}

.color-shade_48 {
    --color: #999391
}

.background-shade_48 {
    --backgroundcolor: #999391;
    --panelbackgroundcolor: #999391
}

.color-shade_32 {
    color: #bab6b5
}

.background-shade_32,.bg-shade_32 {
    background-color: #bab6b5
}

.border-shade_32 {
    border: .1rem solid #bab6b5
}

.color-shade_32 {
    --color: #bab6b5
}

.background-shade_32 {
    --backgroundcolor: #bab6b5;
    --panelbackgroundcolor: #bab6b5
}

.color-shade_24 {
    color: #ccc9c8
}

.background-shade_24,.bg-shade_24 {
    background-color: #ccc9c8
}

.border-shade_24 {
    border: .1rem solid #ccc9c8
}

.color-shade_24 {
    --color: #ccc9c8
}

.background-shade_24 {
    --backgroundcolor: #ccc9c8;
    --panelbackgroundcolor: #ccc9c8
}

.color-shade_16 {
    color: #dddbda
}

.background-shade_16,.bg-shade_16 {
    background-color: #dddbda
}

.border-shade_16 {
    border: .1rem solid #dddbda
}

.color-shade_16 {
    --color: #dddbda
}

.background-shade_16 {
    --backgroundcolor: #dddbda;
    --panelbackgroundcolor: #dddbda
}

.color-shade_12 {
    color: #e5e3e3
}

.background-shade_12,.bg-shade_12 {
    background-color: #e5e3e3
}

.border-shade_12 {
    border: .1rem solid #e5e3e3
}

.color-shade_12 {
    --color: #e5e3e3
}

.background-shade_12 {
    --backgroundcolor: #e5e3e3;
    --panelbackgroundcolor: #e5e3e3
}

.color-shade_08 {
    color: #eeeded
}

.background-shade_08,.bg-shade_08 {
    background-color: #eeeded
}

.border-shade_08 {
    border: .1rem solid #eeeded
}

.color-shade_08 {
    --color: #eeeded
}

.background-shade_08 {
    --backgroundcolor: #eeeded;
    --panelbackgroundcolor: #eeeded
}

.color-shade_04 {
    color: #f7f6f6
}

.background-shade_04,.bg-shade_04,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section {
    background-color: #f7f6f6
}

.border-shade_04 {
    border: .1rem solid #f7f6f6
}

.color-shade_04 {
    --color: #f7f6f6
}

.background-shade_04 {
    --backgroundcolor: #f7f6f6;
    --panelbackgroundcolor: #f7f6f6
}

.color-white_72 {
    color: #c3c0be
}

.background-white_72,.bg-white_72 {
    background-color: #c3c0be
}

.border-white_72 {
    border: .1rem solid #c3c0be
}

.color-white_72 {
    --color: #c3c0be
}

.background-white_72 {
    --backgroundcolor: #c3c0be;
    --panelbackgroundcolor: #c3c0be
}

.color-white_64 {
    color: #b1adab
}

.background-white_64,.bg-white_64 {
    background-color: #b1adab
}

.border-white_64 {
    border: .1rem solid #b1adab
}

.color-white_64 {
    --color: #b1adab
}

.background-white_64 {
    --backgroundcolor: #b1adab;
    --panelbackgroundcolor: #b1adab
}

.color-white_48 {
    color: #8f8986
}

.background-white_48,.bg-white_48 {
    background-color: #8f8986
}

.border-white_48 {
    border: .1rem solid #8f8986
}

.color-white_48 {
    --color: #8f8986
}

.background-white_48 {
    --backgroundcolor: #8f8986;
    --panelbackgroundcolor: #8f8986
}

.color-white_32 {
    color: #6c6461
}

.background-white_32,.bg-white_32 {
    background-color: #6c6461
}

.border-white_32 {
    border: .1rem solid #6c6461
}

.color-white_32 {
    --color: #6c6461
}

.background-white_32 {
    --backgroundcolor: #6c6461;
    --panelbackgroundcolor: #6c6461
}

.color-white_24 {
    color: #5c534f
}

.background-white_24,.bg-white_24 {
    background-color: #5c534f
}

.border-white_24 {
    border: .1rem solid #5c534f
}

.color-white_24 {
    --color: #5c534f
}

.background-white_24 {
    --backgroundcolor: #5c534f;
    --panelbackgroundcolor: #5c534f
}

.color-white_16 {
    color: #4b413d
}

.background-white_16,.bg-white_16 {
    background-color: #4b413d
}

.border-white_16 {
    border: .1rem solid #4b413d
}

.color-white_16 {
    --color: #4b413d
}

.background-white_16 {
    --backgroundcolor: #4b413d;
    --panelbackgroundcolor: #4b413d
}

.color-white_12 {
    color: #423733
}

.background-white_12,.bg-white_12 {
    background-color: #423733
}

.border-white_12 {
    border: .1rem solid #423733
}

.color-white_12 {
    --color: #423733
}

.background-white_12 {
    --backgroundcolor: #423733;
    --panelbackgroundcolor: #423733
}

.color-white_08 {
    color: #392e2a
}

.background-white_08,.bg-white_08 {
    background-color: #392e2a
}

.border-white_08 {
    border: .1rem solid #392e2a
}

.color-white_08 {
    --color: #392e2a
}

.background-white_08 {
    --backgroundcolor: #392e2a;
    --panelbackgroundcolor: #392e2a
}

.color-elevation_white_xs {
    color: hsla(0,0%,100%,.04)
}

.background-elevation_white_xs,.bg-elevation_white_xs {
    background-color: hsla(0,0%,100%,.04)
}

.border-elevation_white_xs {
    border: .1rem solid hsla(0,0%,100%,.04)
}

.color-elevation_white_xs {
    --color: hsla(0,0%,100%,0.04)
}

.background-elevation_white_xs {
    --backgroundcolor: hsla(0,0%,100%,0.04);
    --panelbackgroundcolor: hsla(0,0%,100%,0.04)
}

.color-elevation_white_s {
    color: hsla(0,0%,100%,.08)
}

.background-elevation_white_s,.bg-elevation_white_s {
    background-color: hsla(0,0%,100%,.08)
}

.border-elevation_white_s {
    border: .1rem solid hsla(0,0%,100%,.08)
}

.color-elevation_white_s {
    --color: hsla(0,0%,100%,0.08)
}

.background-elevation_white_s {
    --backgroundcolor: hsla(0,0%,100%,0.08);
    --panelbackgroundcolor: hsla(0,0%,100%,0.08)
}

.color-elevation_white_m {
    color: hsla(0,0%,100%,.12)
}

.background-elevation_white_m,.bg-elevation_white_m {
    background-color: hsla(0,0%,100%,.12)
}

.border-elevation_white_m {
    border: .1rem solid hsla(0,0%,100%,.12)
}

.color-elevation_white_m {
    --color: hsla(0,0%,100%,0.12)
}

.background-elevation_white_m {
    --backgroundcolor: hsla(0,0%,100%,0.12);
    --panelbackgroundcolor: hsla(0,0%,100%,0.12)
}

.color-elevation_white_l {
    color: hsla(0,0%,100%,.16)
}

.background-elevation_white_l,.bg-elevation_white_l {
    background-color: hsla(0,0%,100%,.16)
}

.border-elevation_white_l {
    border: .1rem solid hsla(0,0%,100%,.16)
}

.color-elevation_white_l {
    --color: hsla(0,0%,100%,0.16)
}

.background-elevation_white_l {
    --backgroundcolor: hsla(0,0%,100%,0.16);
    --panelbackgroundcolor: hsla(0,0%,100%,0.16)
}

.color-elevation_white_blur {
    color: hsla(0,0%,100%,.8)
}

.background-elevation_white_blur,.bg-elevation_white_blur {
    background-color: hsla(0,0%,100%,.8)
}

.border-elevation_white_blur {
    border: .1rem solid hsla(0,0%,100%,.8)
}

.color-elevation_white_blur {
    --color: hsla(0,0%,100%,0.8)
}

.background-elevation_white_blur {
    --backgroundcolor: hsla(0,0%,100%,0.8);
    --panelbackgroundcolor: hsla(0,0%,100%,0.8)
}

.color-yellow-50 {
    color: #fff8e2
}

.background-yellow-50,.bg-yellow-50 {
    background-color: #fff8e2
}

.border-yellow-50 {
    border: .1rem solid #fff8e2
}

.color-yellow-50 {
    --color: #fff8e2
}

.background-yellow-50 {
    --backgroundcolor: #fff8e2;
    --panelbackgroundcolor: #fff8e2
}

.color-yellow-100 {
    color: #ffedb5
}

.background-yellow-100,.bg-yellow-100 {
    background-color: #ffedb5
}

.border-yellow-100 {
    border: .1rem solid #ffedb5
}

.color-yellow-100 {
    --color: #ffedb5
}

.background-yellow-100 {
    --backgroundcolor: #ffedb5;
    --panelbackgroundcolor: #ffedb5
}

.color-yellow-200 {
    color: #ffe186
}

.background-yellow-200,.bg-yellow-200 {
    background-color: #ffe186
}

.border-yellow-200 {
    border: .1rem solid #ffe186
}

.color-yellow-200 {
    --color: #ffe186
}

.background-yellow-200 {
    --backgroundcolor: #ffe186;
    --panelbackgroundcolor: #ffe186
}

.color-yellow-300 {
    color: #ffd756
}

.background-yellow-300,.bg-yellow-300 {
    background-color: #ffd756
}

.border-yellow-300 {
    border: .1rem solid #ffd756
}

.color-yellow-300 {
    --color: #ffd756
}

.background-yellow-300 {
    --backgroundcolor: #ffd756;
    --panelbackgroundcolor: #ffd756
}

.color-yellow-400 {
    color: #ffcc34
}

.background-yellow-400,.bg-yellow-400 {
    background-color: #ffcc34
}

.border-yellow-400 {
    border: .1rem solid #ffcc34
}

.color-yellow-400 {
    --color: #ffcc34
}

.background-yellow-400 {
    --backgroundcolor: #ffcc34;
    --panelbackgroundcolor: #ffcc34
}

.color-yellow-600 {
    color: #ffb61b
}

.background-yellow-600,.bg-yellow-600 {
    background-color: #ffb61b
}

.border-yellow-600 {
    border: .1rem solid #ffb61b
}

.color-yellow-600 {
    --color: #ffb61b
}

.background-yellow-600 {
    --backgroundcolor: #ffb61b;
    --panelbackgroundcolor: #ffb61b
}

.color-yellow-700 {
    color: #fea319
}

.background-yellow-700,.bg-yellow-700 {
    background-color: #fea319
}

.border-yellow-700 {
    border: .1rem solid #fea319
}

.color-yellow-700 {
    --color: #fea319
}

.background-yellow-700 {
    --backgroundcolor: #fea319;
    --panelbackgroundcolor: #fea319
}

.color-yellow-800 {
    color: #fe9316
}

.background-yellow-800,.bg-yellow-800 {
    background-color: #fe9316
}

.border-yellow-800 {
    border: .1rem solid #fe9316
}

.color-yellow-800 {
    --color: #fe9316
}

.background-yellow-800 {
    --backgroundcolor: #fe9316;
    --panelbackgroundcolor: #fe9316
}

.color-yellow-900 {
    color: #fd7413
}

.background-yellow-900,.bg-yellow-900 {
    background-color: #fd7413
}

.border-yellow-900 {
    border: .1rem solid #fd7413
}

.color-yellow-900 {
    --color: #fd7413
}

.background-yellow-900 {
    --backgroundcolor: #fd7413;
    --panelbackgroundcolor: #fd7413
}

.color-notification--info--light {
    color: #2373e6
}

.background-notification--info--light,.bg-notification--info--light {
    background-color: #2373e6
}

.border-notification--info--light {
    border: .1rem solid #2373e6
}

.color-notification--info--light {
    --color: #2373e6
}

.background-notification--info--light {
    --backgroundcolor: #2373e6;
    --panelbackgroundcolor: #2373e6
}

.color-notification--info--dark {
    color: #0185fd
}

.background-notification--info--dark,.bg-notification--info--dark {
    background-color: #0185fd
}

.border-notification--info--dark {
    border: .1rem solid #0185fd
}

.color-notification--info--dark {
    --color: #0185fd
}

.background-notification--info--dark {
    --backgroundcolor: #0185fd;
    --panelbackgroundcolor: #0185fd
}

.color-notification--success--light {
    color: #00875a
}

.background-notification--success--light,.bg-notification--success--light {
    background-color: #00875a
}

.border-notification--success--light {
    border: .1rem solid #00875a
}

.color-notification--success--light {
    --color: #00875a
}

.background-notification--success--light {
    --backgroundcolor: #00875a;
    --panelbackgroundcolor: #00875a
}

.color-notification--success--dark {
    color: #36b37e
}

.background-notification--success--dark,.bg-notification--success--dark {
    background-color: #36b37e
}

.border-notification--success--dark {
    border: .1rem solid #36b37e
}

.color-notification--success--dark {
    --color: #36b37e
}

.background-notification--success--dark {
    --backgroundcolor: #36b37e;
    --panelbackgroundcolor: #36b37e
}

.color-notification--warning--light {
    color: #ff9500
}

.background-notification--warning--light,.bg-notification--warning--light {
    background-color: #ff9500
}

.border-notification--warning--light {
    border: .1rem solid #ff9500
}

.color-notification--warning--light {
    --color: #ff9500
}

.background-notification--warning--light {
    --backgroundcolor: #ff9500;
    --panelbackgroundcolor: #ff9500
}

.color-notification--warning--dark {
    color: #ff9f0a
}

.background-notification--warning--dark,.bg-notification--warning--dark {
    background-color: #ff9f0a
}

.border-notification--warning--dark {
    border: .1rem solid #ff9f0a
}

.color-notification--warning--dark {
    --color: #ff9f0a
}

.background-notification--warning--dark {
    --backgroundcolor: #ff9f0a;
    --panelbackgroundcolor: #ff9f0a
}

.color-notification--error--light {
    color: #de350b
}

.background-notification--error--light,.bg-notification--error--light {
    background-color: #de350b
}

.border-notification--error--light {
    border: .1rem solid #de350b
}

.color-notification--error--light {
    --color: #de350b
}

.background-notification--error--light {
    --backgroundcolor: #de350b;
    --panelbackgroundcolor: #de350b
}

.color-notification--error--dark {
    color: #ff5630
}

.background-notification--error--dark,.bg-notification--error--dark {
    background-color: #ff5630
}

.border-notification--error--dark {
    border: .1rem solid #ff5630
}

.color-notification--error--dark {
    --color: #ff5630
}

.background-notification--error--dark {
    --backgroundcolor: #ff5630;
    --panelbackgroundcolor: #ff5630
}

.color-notification--info--light--shade_16 {
    color: rgba(35,115,230,.16)
}

.background-notification--info--light--shade_16,.bg-notification--info--light--shade_16 {
    background-color: rgba(35,115,230,.16)
}

.border-notification--info--light--shade_16 {
    border: .1rem solid rgba(35,115,230,.16)
}

.color-notification--info--light--shade_16 {
    --color: rgba(35,115,230,0.16)
}

.background-notification--info--light--shade_16 {
    --backgroundcolor: rgba(35,115,230,0.16);
    --panelbackgroundcolor: rgba(35,115,230,0.16)
}

.color-notification--info--dark--shade_16 {
    color: rgba(1,133,253,.16)
}

.background-notification--info--dark--shade_16,.bg-notification--info--dark--shade_16 {
    background-color: rgba(1,133,253,.16)
}

.border-notification--info--dark--shade_16 {
    border: .1rem solid rgba(1,133,253,.16)
}

.color-notification--info--dark--shade_16 {
    --color: rgba(1,133,253,0.16)
}

.background-notification--info--dark--shade_16 {
    --backgroundcolor: rgba(1,133,253,0.16);
    --panelbackgroundcolor: rgba(1,133,253,0.16)
}

.color-notification--success--light--shade_16 {
    color: rgba(0,135,90,.16)
}

.background-notification--success--light--shade_16,.bg-notification--success--light--shade_16 {
    background-color: rgba(0,135,90,.16)
}

.border-notification--success--light--shade_16 {
    border: .1rem solid rgba(0,135,90,.16)
}

.color-notification--success--light--shade_16 {
    --color: rgba(0,135,90,0.16)
}

.background-notification--success--light--shade_16 {
    --backgroundcolor: rgba(0,135,90,0.16);
    --panelbackgroundcolor: rgba(0,135,90,0.16)
}

.color-notification--success--dark--shade_16 {
    color: rgba(54,179,126,.16)
}

.background-notification--success--dark--shade_16,.bg-notification--success--dark--shade_16 {
    background-color: rgba(54,179,126,.16)
}

.border-notification--success--dark--shade_16 {
    border: .1rem solid rgba(54,179,126,.16)
}

.color-notification--success--dark--shade_16 {
    --color: rgba(54,179,126,0.16)
}

.background-notification--success--dark--shade_16 {
    --backgroundcolor: rgba(54,179,126,0.16);
    --panelbackgroundcolor: rgba(54,179,126,0.16)
}

.color-notification--warning--light--shade_16 {
    color: rgba(255,149,0,.16)
}

.background-notification--warning--light--shade_16,.bg-notification--warning--light--shade_16 {
    background-color: rgba(255,149,0,.16)
}

.border-notification--warning--light--shade_16 {
    border: .1rem solid rgba(255,149,0,.16)
}

.color-notification--warning--light--shade_16 {
    --color: rgba(255,149,0,0.16)
}

.background-notification--warning--light--shade_16 {
    --backgroundcolor: rgba(255,149,0,0.16);
    --panelbackgroundcolor: rgba(255,149,0,0.16)
}

.color-notification--warning--dark--shade_16 {
    color: rgba(255,159,10,.16)
}

.background-notification--warning--dark--shade_16,.bg-notification--warning--dark--shade_16 {
    background-color: rgba(255,159,10,.16)
}

.border-notification--warning--dark--shade_16 {
    border: .1rem solid rgba(255,159,10,.16)
}

.color-notification--warning--dark--shade_16 {
    --color: rgba(255,159,10,0.16)
}

.background-notification--warning--dark--shade_16 {
    --backgroundcolor: rgba(255,159,10,0.16);
    --panelbackgroundcolor: rgba(255,159,10,0.16)
}

.color-notification--error--light--shade_16 {
    color: rgba(222,53,11,.16)
}

.background-notification--error--light--shade_16,.bg-notification--error--light--shade_16 {
    background-color: rgba(222,53,11,.16)
}

.border-notification--error--light--shade_16 {
    border: .1rem solid rgba(222,53,11,.16)
}

.color-notification--error--light--shade_16 {
    --color: rgba(222,53,11,0.16)
}

.background-notification--error--light--shade_16 {
    --backgroundcolor: rgba(222,53,11,0.16);
    --panelbackgroundcolor: rgba(222,53,11,0.16)
}

.color-notification--error--dark--shade_16 {
    color: rgba(255,86,48,.16)
}

.background-notification--error--dark--shade_16,.bg-notification--error--dark--shade_16 {
    background-color: rgba(255,86,48,.16)
}

.border-notification--error--dark--shade_16 {
    border: .1rem solid rgba(255,86,48,.16)
}

.color-notification--error--dark--shade_16 {
    --color: rgba(255,86,48,0.16)
}

.background-notification--error--dark--shade_16 {
    --backgroundcolor: rgba(255,86,48,0.16);
    --panelbackgroundcolor: rgba(255,86,48,0.16)
}

.cmp-text__listing--primary-ticks ul li:before,.color-brand-primary,.language-selector-base ul li a.active,.language-selector-base ul li a:hover {
    color: #ffc421
}

.background-brand-primary,.hardware-details__plans .label-cards.cards.card-square.card-square-secondary .cards-slot .cards-radio:checked+.cards--container .cards-content__header-text {
    background-color: #ffc421
}

.bg-brand-primary {
    background-color: #ffc421
}

.border-brand-primary {
    border: .1rem solid #ffc421
}

.color-brand-primary {
    --color: #ffc421
}

.background-brand-primary {
    --backgroundcolor: #ffc421;
    --panelbackgroundcolor: #ffc421
}

.color-transparent {
    color: transparent
}

.background-transparent,.cmp-carousel__action,.hardware-accessories__summary .mat-select,.hardware-product--nav__items-range .Form__input--placeholder .form__input.Form__input--invalid,.hardware-search .button.button--secondary.hardware-search__load-more:not([class*=section]):hover,.hardware-search__content__show-item .hardware-search__dropdown__selector-menu__list__item:first-child,.header-accordion--vertical .icon-circle,.ngx-slider span.ngx-slider-span.ngx-slider-active:after,.ngx-slider span.ngx-slider-span.ngx-slider-pointer:after,.ngx-slider span.ngx-slider-span.ngx-slider-pointer:hover:after,.sim-activation+.change-plan-footer,.sim-home-activation+.change-plan-footer {
    background-color: transparent
}

.bg-transparent {
    background-color: transparent
}

.border-transparent {
    border: .1rem solid transparent
}

.color-transparent {
    --color: transparent
}

.background-transparent {
    --backgroundcolor: transparent;
    --panelbackgroundcolor: transparent
}

.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel .mat-option.mat-active,.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel .mat-option:hover,.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel .mat-select-trigger.mat-select-value,.cmp-carousel__action,.cmp-text .disclaimer-heading,.color-text,.hardware-product--info__content__add-discount.mat-select .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow:after,.hardware-product--info__content__add-discount.mat-select .mat-select-trigger .mat-select-value,.hardware-search__pagination__show,.header-accordion--vertical .icon-minus,.header-accordion--vertical .icon-plus,.ngx-slider span.ngx-slider-span.ngx-slider-bubble,.price__leading-digit,.promo-highlight--mini {
    color: #291d18
}

.background-text,.bg-text {
    background-color: #291d18
}

.border-text {
    border: .1rem solid #291d18
}

.color-text {
    --color: #291d18
}

.background-text {
    --backgroundcolor: #291d18;
    --panelbackgroundcolor: #291d18
}

.color-streamz-black-blue {
    color: #020012
}

.background-streamz-black-blue,.bg-streamz-black-blue {
    background-color: #020012
}

.border-streamz-black-blue {
    border: .1rem solid #020012
}

.color-streamz-black-blue {
    --color: #020012
}

.background-streamz-black-blue {
    --backgroundcolor: #020012;
    --panelbackgroundcolor: #020012
}

.color-streamz-black-blue-elevated {
    color: #161425
}

.background-streamz-black-blue-elevated,.bg-streamz-black-blue-elevated {
    background-color: #161425
}

.border-streamz-black-blue-elevated {
    border: .1rem solid #161425
}

.color-streamz-black-blue-elevated {
    --color: #161425
}

.background-streamz-black-blue-elevated {
    --backgroundcolor: #161425;
    --panelbackgroundcolor: #161425
}

.color-streamz-bright-red {
    color: #f20d3a
}

.background-streamz-bright-red,.bg-streamz-bright-red {
    background-color: #f20d3a
}

.border-streamz-bright-red {
    border: .1rem solid #f20d3a
}

.color-streamz-bright-red {
    --color: #f20d3a
}

.background-streamz-bright-red {
    --backgroundcolor: #f20d3a;
    --panelbackgroundcolor: #f20d3a
}

.color-streamz-bright-red_700 {
    color: #e00034
}

.background-streamz-bright-red_700,.bg-streamz-bright-red_700 {
    background-color: #e00034
}

.border-streamz-bright-red_700 {
    border: .1rem solid #e00034
}

.color-streamz-bright-red_700 {
    --color: #e00034
}

.background-streamz-bright-red_700 {
    --backgroundcolor: #e00034;
    --panelbackgroundcolor: #e00034
}

.color-streamz-bright-red_800 {
    color: #f20d3a
}

.background-streamz-bright-red_800,.bg-streamz-bright-red_800 {
    background-color: #f20d3a
}

.border-streamz-bright-red_800 {
    border: .1rem solid #f20d3a
}

.color-streamz-bright-red_800 {
    --color: #f20d3a
}

.background-streamz-bright-red_800 {
    --backgroundcolor: #f20d3a;
    --panelbackgroundcolor: #f20d3a
}

.color-streamz-bright-red_200 {
    color: #f5959e
}

.background-streamz-bright-red_200,.bg-streamz-bright-red_200 {
    background-color: #f5959e
}

.border-streamz-bright-red_200 {
    border: .1rem solid #f5959e
}

.color-streamz-bright-red_200 {
    --color: #f5959e
}

.background-streamz-bright-red_200 {
    --backgroundcolor: #f5959e;
    --panelbackgroundcolor: #f5959e
}

.color-streamz-white {
    color: #fff
}

.background-streamz-white,.bg-streamz-white {
    background-color: #fff
}

.border-streamz-white {
    border: .1rem solid #fff
}

.color-streamz-white {
    --color: #fff
}

.background-streamz-white {
    --backgroundcolor: #fff;
    --panelbackgroundcolor: #fff
}

.color-streamz-white_64 {
    color: #aeaeae
}

.background-streamz-white_64,.bg-streamz-white_64 {
    background-color: #aeaeae
}

.border-streamz-white_64 {
    border: .1rem solid #aeaeae
}

.color-streamz-white_64 {
    --color: #aeaeae
}

.background-streamz-white_64 {
    --backgroundcolor: #aeaeae;
    --panelbackgroundcolor: #aeaeae
}

.color-streamz-white_12 {
    color: #201f2e
}

.background-streamz-white_12,.bg-streamz-white_12 {
    background-color: #201f2e
}

.border-streamz-white_12 {
    border: .1rem solid #201f2e
}

.color-streamz-white_12 {
    --color: #201f2e
}

.background-streamz-white_12 {
    --backgroundcolor: #201f2e;
    --panelbackgroundcolor: #201f2e
}

.color-streamz-white_08 {
    color: #161425
}

.background-streamz-white_08,.bg-streamz-white_08 {
    background-color: #161425
}

.border-streamz-white_08 {
    border: .1rem solid #161425
}

.color-streamz-white_08 {
    --color: #161425
}

.background-streamz-white_08 {
    --backgroundcolor: #161425;
    --panelbackgroundcolor: #161425
}

.color-streamz-white_04 {
    color: #0c0a1b
}

.background-streamz-white_04,.bg-streamz-white_04 {
    background-color: #0c0a1b
}

.border-streamz-white_04 {
    border: .1rem solid #0c0a1b
}

.color-streamz-white_04 {
    --color: #0c0a1b
}

.background-streamz-white_04 {
    --backgroundcolor: #0c0a1b;
    --panelbackgroundcolor: #0c0a1b
}

.color-play-more-midnight-blue {
    color: #001428
}

.background-play-more-midnight-blue,.bg-play-more-midnight-blue {
    background-color: #001428
}

.border-play-more-midnight-blue {
    border: .1rem solid #001428
}

.color-play-more-midnight-blue {
    --color: #001428
}

.background-play-more-midnight-blue {
    --backgroundcolor: #001428;
    --panelbackgroundcolor: #001428
}

.color-play-more-grey-blue {
    color: #32465a
}

.background-play-more-grey-blue,.bg-play-more-grey-blue {
    background-color: #32465a
}

.border-play-more-grey-blue {
    border: .1rem solid #32465a
}

.color-play-more-grey-blue {
    --color: #32465a
}

.background-play-more-grey-blue {
    --backgroundcolor: #32465a;
    --panelbackgroundcolor: #32465a
}

.color-play-more-white {
    color: #fff
}

.background-play-more-white,.bg-play-more-white {
    background-color: #fff
}

.border-play-more-white {
    border: .1rem solid #fff
}

.color-play-more-white {
    --color: #fff
}

.background-play-more-white {
    --backgroundcolor: #fff;
    --panelbackgroundcolor: #fff
}

.color-play-more-blue-700 {
    color: #0082b4
}

.background-play-more-blue-700,.bg-play-more-blue-700 {
    background-color: #0082b4
}

.border-play-more-blue-700 {
    border: .1rem solid #0082b4
}

.color-play-more-blue-700 {
    --color: #0082b4
}

.background-play-more-blue-700 {
    --backgroundcolor: #0082b4;
    --panelbackgroundcolor: #0082b4
}

.color-play-more-blue-800 {
    color: #0170a1
}

.background-play-more-blue-800,.bg-play-more-blue-800 {
    background-color: #0170a1
}

.border-play-more-blue-800 {
    border: .1rem solid #0170a1
}

.color-play-more-blue-800 {
    --color: #0170a1
}

.background-play-more-blue-800 {
    --backgroundcolor: #0170a1;
    --panelbackgroundcolor: #0170a1
}

.color-play-more-shade-24 {
    color: #002e4a
}

.background-play-more-shade-24,.bg-play-more-shade-24 {
    background-color: #002e4a
}

.border-play-more-shade-24 {
    border: .1rem solid #002e4a
}

.color-play-more-shade-24 {
    --color: #002e4a
}

.background-play-more-shade-24 {
    --backgroundcolor: #002e4a;
    --panelbackgroundcolor: #002e4a
}

.color-play-more-white-24 {
    color: #3d6075
}

.background-play-more-white-24,.bg-play-more-white-24 {
    background-color: #3d6075
}

.border-play-more-white-24 {
    border: .1rem solid #3d6075
}

.color-play-more-white-24 {
    --color: #3d6075
}

.background-play-more-white-24 {
    --backgroundcolor: #3d6075;
    --panelbackgroundcolor: #3d6075
}

.color-play-more-neutral-04 {
    color: #838383
}

.background-play-more-neutral-04,.bg-play-more-neutral-04 {
    background-color: #838383
}

.border-play-more-neutral-04 {
    border: .1rem solid #838383
}

.color-play-more-neutral-04 {
    --color: #838383
}

.background-play-more-neutral-04 {
    --backgroundcolor: #838383;
    --panelbackgroundcolor: #838383
}

.color-play-sports-grey {
    color: #14191e
}

.background-play-sports-grey,.bg-play-sports-grey {
    background-color: #14191e
}

.border-play-sports-grey {
    border: .1rem solid #14191e
}

.color-play-sports-grey {
    --color: #14191e
}

.background-play-sports-grey {
    --backgroundcolor: #14191e;
    --panelbackgroundcolor: #14191e
}

.color-play-sports-soft-grey {
    color: #32465a
}

.background-play-sports-soft-grey,.bg-play-sports-soft-grey {
    background-color: #32465a
}

.border-play-sports-soft-grey {
    border: .1rem solid #32465a
}

.color-play-sports-soft-grey {
    --color: #32465a
}

.background-play-sports-soft-grey {
    --backgroundcolor: #32465a;
    --panelbackgroundcolor: #32465a
}

.color-play-sports-green {
    color: #00e650
}

.background-play-sports-green,.bg-play-sports-green {
    background-color: #00e650
}

.border-play-sports-green {
    border: .1rem solid #00e650
}

.color-play-sports-green {
    --color: #00e650
}

.background-play-sports-green {
    --backgroundcolor: #00e650;
    --panelbackgroundcolor: #00e650
}

.color-play-sports-yellow-500 {
    color: #ff0
}

.background-play-sports-yellow-500,.bg-play-sports-yellow-500 {
    background-color: #ff0
}

.border-play-sports-yellow-500 {
    border: .1rem solid #ff0
}

.color-play-sports-yellow-500 {
    --color: #ff0
}

.background-play-sports-yellow-500 {
    --backgroundcolor: #ff0;
    --panelbackgroundcolor: #ff0
}

.color-play-sports-yellow-600 {
    color: #ffeb00
}

.background-play-sports-yellow-600,.bg-play-sports-yellow-600 {
    background-color: #ffeb00
}

.border-play-sports-yellow-600 {
    border: .1rem solid #ffeb00
}

.color-play-sports-yellow-600 {
    --color: #ffeb00
}

.background-play-sports-yellow-600 {
    --backgroundcolor: #ffeb00;
    --panelbackgroundcolor: #ffeb00
}

.color-play-sports-shade-24 {
    color: #544f17
}

.background-play-sports-shade-24,.bg-play-sports-shade-24 {
    background-color: #544f17
}

.border-play-sports-shade-24 {
    border: .1rem solid #544f17
}

.color-play-sports-shade-24 {
    --color: #544f17
}

.background-play-sports-shade-24 {
    --backgroundcolor: #544f17;
    --panelbackgroundcolor: #544f17
}

.color-play-sports-white {
    color: #fff
}

.background-play-sports-white,.bg-play-sports-white {
    background-color: #fff
}

.border-play-sports-white {
    border: .1rem solid #fff
}

.color-play-sports-white {
    --color: #fff
}

.background-play-sports-white {
    --backgroundcolor: #fff;
    --panelbackgroundcolor: #fff
}

.color-play-sports-neutral-04 {
    color: #838383
}

.background-play-sports-neutral-04,.bg-play-sports-neutral-04 {
    background-color: #838383
}

.border-play-sports-neutral-04 {
    border: .1rem solid #838383
}

.color-play-sports-neutral-04 {
    --color: #838383
}

.background-play-sports-neutral-04 {
    --backgroundcolor: #838383;
    --panelbackgroundcolor: #838383
}

.color-play-sports-white-24 {
    color: #545454
}

.background-play-sports-white-24,.bg-play-sports-white-24 {
    background-color: #545454
}

.border-play-sports-white-24 {
    border: .1rem solid #545454
}

.color-play-sports-white-24 {
    --color: #545454
}

.background-play-sports-white-24 {
    --backgroundcolor: #545454;
    --panelbackgroundcolor: #545454
}

.color-base-primary {
    color: #00807B
}

.background-base-primary,.bg-base-primary {
    background-color: #00807B
}

.border-base-primary {
    border: .1rem solid #00807B
}

.color-base-primary {
    --color: #00807B
}

.background-base-primary {
    --backgroundcolor: #00807B;
    --panelbackgroundcolor: #00807B
}

.color-black,.native-date-picker::-webkit-calendar-picker-indicator,.native-date-picker:before {
    color: #291d18
}

.background-black,.bg-black {
    background-color: #291d18
}

.border-black {
    border: .1rem solid #291d18
}

.color-black {
    --color: #291d18
}

.background-black {
    --backgroundcolor: #291d18;
    --panelbackgroundcolor: #291d18
}

.cmp-breadcrumb__list .cmp-breadcrumb__item--active,.color-dark-grey,.hardware-search .button.button--secondary.hardware-search__load-more:not([class*=section]):hover {
    color: #766f6b
}

.background-dark-grey,.bg-dark-grey {
    background-color: #766f6b
}

.border-dark-grey {
    border: .1rem solid #766f6b
}

.color-dark-grey {
    --color: #766f6b
}

.background-dark-grey {
    --backgroundcolor: #766f6b;
    --panelbackgroundcolor: #766f6b
}

.color-grey {
    color: #999391
}

.background-grey,.bg-grey {
    background-color: #999391
}

.border-grey {
    border: .1rem solid #999391
}

.color-grey {
    --color: #999391
}

.background-grey {
    --backgroundcolor: #999391;
    --panelbackgroundcolor: #999391
}

.cmp-text .disclaimer-body,.color-mid-grey,.contract-overview .manage-tip-contract--overlay .Form__input--placeholder input,.contract-overview__search-item.search-item-container .search-item .form-builder.form-group .select-dropdown-section .select-placeholder,.contract-overview__search-item.search-item-container .search-item .form-builder.form-group input::-ms-input-placeholder,.contract-overview__search-item.search-item-container .search-item .form-builder.form-group input::-webkit-input-placeholder,.contract-overview__search-item.search-item-container .search-item .form-builder.form-group input::placeholder,.employee-overview .manage-tip-contract--overlay .Form__input--placeholder input,.employee-overview__search-item.search-item-container .search-item .form-builder.form-group .select-dropdown-section .select-placeholder,.employee-overview__search-item.search-item-container .search-item .form-builder.form-group input::-ms-input-placeholder,.employee-overview__search-item.search-item-container .search-item .form-builder.form-group input::-webkit-input-placeholder,.employee-overview__search-item.search-item-container .search-item .form-builder.form-group input::placeholder,.hardware-details__terms-conditions {
    color: #bab6b5
}

.background-mid-grey,.bg-mid-grey {
    background-color: #bab6b5
}

.border-mid-grey {
    border: .1rem solid #bab6b5
}

.color-mid-grey {
    --color: #bab6b5
}

.background-mid-grey {
    --backgroundcolor: #bab6b5;
    --panelbackgroundcolor: #bab6b5
}

.color-light-grey {
    color: #eeeded
}

.background-light-grey,.bg-light-grey,.checkbox-container__label .profile-icon,.ngx-slider span.ngx-slider-span.ngx-slider-full-bar .ngx-slider-bar {
    background-color: #eeeded
}

.border-light-grey {
    border: .1rem solid #eeeded
}

.color-light-grey {
    --color: #eeeded
}

.background-light-grey {
    --backgroundcolor: #eeeded;
    --panelbackgroundcolor: #eeeded
}

.color-very-light-grey {
    color: #f7f6f6
}

.background-very-light-grey,.bg-very-light-grey,.discount-overview__contract-details.overlay-page {
    background-color: #f7f6f6
}

.border-very-light-grey {
    border: .1rem solid #f7f6f6
}

.color-very-light-grey {
    --color: #f7f6f6
}

.background-very-light-grey {
    --backgroundcolor: #f7f6f6;
    --panelbackgroundcolor: #f7f6f6
}

.color-brand-20e {
    color: #c64c66
}

.background-brand-20e,.bg-brand-20e {
    background-color: #c64c66
}

.border-brand-20e {
    border: .1rem solid #c64c66
}

.color-brand-20e {
    --color: #c64c66
}

.background-brand-20e {
    --backgroundcolor: #c64c66;
    --panelbackgroundcolor: #c64c66
}

.color-brand-21e {
    color: #c0465f
}

.background-brand-21e,.bg-brand-21e {
    background-color: #c0465f
}

.border-brand-21e {
    border: .1rem solid #c0465f
}

.color-brand-21e {
    --color: #c0465f
}

.background-brand-21e {
    --backgroundcolor: #c0465f;
    --panelbackgroundcolor: #c0465f
}

.color-brand-22e {
    color: #ffcc34
}

.background-brand-22e,.bg-brand-22e {
    background-color: #ffcc34
}

.border-brand-22e {
    border: .1rem solid #ffcc34
}

.color-brand-22e {
    --color: #ffcc34
}

.background-brand-22e {
    --backgroundcolor: #ffcc34;
    --panelbackgroundcolor: #ffcc34
}

.color-brand-23e {
    color: #ffb61b
}

.background-brand-23e,.bg-brand-23e {
    background-color: #ffb61b
}

.border-brand-23e {
    border: .1rem solid #ffb61b
}

.color-brand-23e {
    --color: #ffb61b
}

.background-brand-23e {
    --backgroundcolor: #ffb61b;
    --panelbackgroundcolor: #ffb61b
}

.color-brand-26e {
    color: #fe9316
}

.background-brand-26e,.bg-brand-26e {
    background-color: #fe9316
}

.border-brand-26e {
    border: .1rem solid #fe9316
}

.color-brand-26e {
    --color: #fe9316
}

.background-brand-26e {
    --backgroundcolor: #fe9316;
    --panelbackgroundcolor: #fe9316
}

.color-dark-brown-20percent {
    color: rgba(41,29,24,.2)
}

.background-dark-brown-20percent,.bg-dark-brown-20percent {
    background-color: rgba(41,29,24,.2)
}

.border-dark-brown-20percent {
    border: .1rem solid rgba(41,29,24,.2)
}

.color-dark-brown-20percent {
    --color: rgba(41,29,24,0.2)
}

.background-dark-brown-20percent {
    --backgroundcolor: rgba(41,29,24,0.2);
    --panelbackgroundcolor: rgba(41,29,24,0.2)
}

.color-white_72-20procent {
    color: rgba(195,192,190,.2)
}

.background-white_72-20procent,.bg-white_72-20procent {
    background-color: rgba(195,192,190,.2)
}

.border-white_72-20procent {
    border: .1rem solid rgba(195,192,190,.2)
}

.color-white_72-20procent {
    --color: rgba(195,192,190,0.2)
}

.background-white_72-20procent {
    --backgroundcolor: rgba(195,192,190,0.2);
    --panelbackgroundcolor: rgba(195,192,190,0.2)
}

.color-inherit {
    color: inherit
}

.AEM--link--chevron-left:before,.AEM--link--chevron .AEM--link--chevron-left:before,.AEM--link--chevron:after,.AEM--link--chevron:before,.cmp-carousel__action:after,.cmp-carousel__action:before,.cmp-text__listing--primary-ticks ul li:before,.icon:before,.link--chevron-left:before,.link--chevron .AEM--link--chevron-left:before,.link--chevron:after,.link--chevron:before,.useful-links.useful-links--quicklinks .useful-links__more.useful-links__more--less i:before,.useful-links.useful-links--quicklinks .useful-links__more i:before,.useful-links.useful-links--quicklinks .useful-links__title:before,.usp a.usp__item .usp__item__description .AEM--link--chevron-left:before,.usp a.usp__item .usp__item__description:after,.usp a.usp__item .usp__item__description:before,[class*=" icon-"]:after,[class*=" icon-"]:before,[class^=icon-]:after,[class^=icon-]:before {
    display: inline-block;
    font-family: icons;
    speak: never;
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: inherit;
    vertical-align: middle
}

.icon-sm:before,.product-filter__content__card--icon:before {
    font-size: 1.6rem
}

.icon-no-override.icon-sm:before {
    font-size: 1.6rem
}

.cards--icon:before,.cmp-text__listing--primary-ticks ul li:before,.icon-md:before {
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .cards--icon:before,.cmp-text__listing--primary-ticks ul li:before,.icon-md:before {
        font-size:2.4rem
    }
}

.icon-no-size-override.icon-md:before {
    font-size: 2.4rem
}

@media only screen and (min-width: 36em) {
    .icon-no-size-override.icon-md:before {
        font-size:2.4rem
    }
}

.icon-lg:before {
    font-size: 2.4rem
}

@media only screen and (min-width: 36em) {
    .icon-lg:before {
        font-size:4rem
    }
}

.icon-no-override.icon-lg:before {
    font-size: 4rem
}

@media only screen and (min-width: 36em) {
    .icon-no-override.icon-lg:before {
        font-size:4rem
    }
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body,html {
    background-color: var(--backgroundcolor)
}

body {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-rendering: optimizeLegibility;
    color: var(--color)
}

@media only screen and (min-width: 48.0625em) {
    body {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    body {
        font-size:1.6rem;
        line-height: 2rem
    }
}

.content-wrap {
    flex: 1 0 auto
}

::selection {
    color: #fff;
    background: #39f
}

::-moz-selection {
    color: #fff;
    background: #39f
}

.font-weight--inherit {
    font-weight: inherit
}

.font-weight--thin {
    font-weight: 100
}

.font-weight--extra-light {
    font-weight: 200
}

.font-weight--light {
    font-weight: 300
}

.font-weight--regular {
    font-weight: 400
}

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

.font-weight--semi-bold {
    font-weight: 600
}

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

.font-weight--extra-bold {
    font-weight: 800
}

.font-weight--black,.group-bundles .group-bundles-item .group-bundles-item-name {
    font-weight: 900
}

.described-action__description,.text--small {
    font-size: 1.2rem;
    line-height: 1.6rem
}

.bold.described-action__description,.text--small.bold {
    font-weight: 700
}

.text--tiny {
    font-size: 1rem;
    line-height: 1.4rem
}

.text--tiny.bold {
    font-weight: 700
}

h1,h2,h3,h4,h5,h6,li,p,ul {
    padding: 0;
    margin: 0
}

address,blockquote,dl,h1,h2,h3,h4,h5,h6,hr,pre {
    margin: 0 0 1rem;
    padding: 0
}

.cmp-countdown__item--top--title,.heading--0 {
    font-family: TelenetAlbra-Black,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 6.4rem;
    line-height: 8rem;
    margin: 0
}

@media only screen and (min-width: 48.0625em) {
    .cmp-countdown__item--top--title,.heading--0 {
        font-size:6.4rem;
        line-height: 8rem;
        margin: 0
    }
}

@media only screen and (min-width: 74.5em) {
    .cmp-countdown__item--top--title,.heading--0 {
        font-size:8.4rem;
        line-height: 8.4rem;
        margin: 0
    }
}

.cmp-contact-item .cmp.cmp-title h1,.gif-sharing.sharing-tool-data__title,.header .ph1,.header .ph2,.header .ph7,.header .ph14,.heading--1,h1.heading--nomargin,h1.heading--notopmargin,h1:not([class*=heading--]) {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 3.6rem;
    line-height: 4rem;
    margin: 4.8rem 0 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .cmp-contact-item .cmp.cmp-title h1,.gif-sharing.sharing-tool-data__title,.header .ph1,.header .ph2,.header .ph7,.header .ph14,.heading--1,h1.heading--nomargin,h1.heading--notopmargin,h1:not([class*=heading--]) {
        font-size:4.8rem;
        line-height: 5.6rem;
        margin: 4.8rem 0 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .cmp-contact-item .cmp.cmp-title h1,.gif-sharing.sharing-tool-data__title,.header .ph1,.header .ph2,.header .ph7,.header .ph14,.heading--1,h1.heading--nomargin,h1.heading--notopmargin,h1:not([class*=heading--]) {
        font-size:3.6rem;
        line-height: 4.4rem;
        margin: 0 0 1rem;
    }
}

.cmp-contact-item .cmp.cmp-title h2,.gif-sharing.sharing-tool-data__item__subtitle,.gif-sharing.sharing-tool-data__subtitle,.header .pg20,.header .pg20_b,.header .ph3,.header .ph4,.header .ph5,.heading--2,.TitleBar .ContainerFloating .Title,.TitleBar .Title,h2.heading--nomargin,h2.heading--notopmargin,h2:not([class*=heading--]) {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.8rem;
    line-height: 3.6rem;
    margin: 2.4rem 0 .4rem
}

@media only screen and (min-width: 48.0625em) {
    .cmp-contact-item .cmp.cmp-title h2,.gif-sharing.sharing-tool-data__item__subtitle,.gif-sharing.sharing-tool-data__subtitle,.header .pg20,.header .pg20_b,.header .ph3,.header .ph4,.header .ph5,.heading--2,.TitleBar .ContainerFloating .Title,.TitleBar .Title,h2.heading--nomargin,h2.heading--notopmargin,h2:not([class*=heading--]) {
        font-size:3.6rem;
        line-height: 4.4rem;
        margin: 2.4rem 0 .4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .cmp-contact-item .cmp.cmp-title h2,.gif-sharing.sharing-tool-data__item__subtitle,.gif-sharing.sharing-tool-data__subtitle,.header .pg20,.header .pg20_b,.header .ph3,.header .ph4,.header .ph5,.heading--2,.TitleBar .ContainerFloating .Title,.TitleBar .Title,h2.heading--nomargin,h2.heading--notopmargin,h2:not([class*=heading--]) {
        font-size:4rem;
        line-height: 4.8rem;
        margin: 4.8rem 0 1.6rem
    }
}

.cmp-contact-item .cmp.cmp-title h3,.header .pg19,.header .pg19_b,.header .ph17,.heading--3,.multiSolutionHeader .question .cell,h3.heading--nomargin,h3.heading--notopmargin,h3:not([class*=heading--]) {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin: 2.4rem 0 .4rem
}

@media only screen and (min-width: 48.0625em) {
    .cmp-contact-item .cmp.cmp-title h3,.header .pg19,.header .pg19_b,.header .ph17,.heading--3,.multiSolutionHeader .question .cell,h3.heading--nomargin,h3.heading--notopmargin,h3:not([class*=heading--]) {
        font-size:2.8rem;
        line-height: 3.6rem;
        margin: 2.4rem 0 .4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .cmp-contact-item .cmp.cmp-title h3,.header .pg19,.header .pg19_b,.header .ph17,.heading--3,.multiSolutionHeader .question .cell,h3.heading--nomargin,h3.heading--notopmargin,h3:not([class*=heading--]) {
        font-size:3.2rem;
        line-height: 4rem;
        margin: 4.8rem 0 1.6rem
    }
}

.cmp-contact-item .cmp.cmp-title h4,.gif-sharing.sharing-tool-data__item__sharing-title,.header .ph5,.header .ph6,.header .ph10,.header .ph11,.header .ph18,.heading--4,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext p,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header p,h4.heading--nomargin,h4.heading--notopmargin,h4:not([class*=heading--]) {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2rem;
    line-height: 3rem;
    margin: 2.4rem 0 .4rem
}

@media only screen and (min-width: 48.0625em) {
    .cmp-contact-item .cmp.cmp-title h4,.gif-sharing.sharing-tool-data__item__sharing-title,.header .ph5,.header .ph6,.header .ph10,.header .ph11,.header .ph18,.heading--4,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext p,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header p,h4.heading--nomargin,h4.heading--notopmargin,h4:not([class*=heading--]) {
        font-size:2rem;
        line-height: 3rem;
        margin: 2.4rem 0 .4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .cmp-contact-item .cmp.cmp-title h4,.gif-sharing.sharing-tool-data__item__sharing-title,.header .ph5,.header .ph6,.header .ph10,.header .ph11,.header .ph18,.heading--4,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext p,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header p,h4.heading--nomargin,h4.heading--notopmargin,h4:not([class*=heading--]) {
        font-size:2.4rem;
        line-height: 3.2rem;
        margin: 4.8rem 0 .8rem
    }
}

.accstyle_A .upc_accordion_pane h3:not([class*=heading--]),.accstyle_A .upc_accordion_pane h3:not([class*=ph]),.accstyle_A .upc_accordion_title,.accstyle_B-1 .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B-1 .upc_accordion_pane h3:not([class*=ph]),.accstyle_B-1 .upc_accordion_title,.accstyle_B-2 .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B-2 .upc_accordion_pane h3:not([class*=ph]),.accstyle_B-2 .upc_accordion_title,.accstyle_B .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B .upc_accordion_pane h3:not([class*=ph]),.accstyle_B .upc_accordion_title,.accstyle_D .upc_accordion_pane h3:not([class*=heading--]),.accstyle_D .upc_accordion_pane h3:not([class*=ph]),.accstyle_D .upc_accordion_title,.accstyle_E .upc_accordion_pane h3:not([class*=heading--]),.accstyle_E .upc_accordion_pane h3:not([class*=ph]),.accstyle_E .upc_accordion_title,.accstyle_F .upc_accordion_pane h3:not([class*=heading--]),.accstyle_F .upc_accordion_pane h3:not([class*=ph]),.accstyle_F .upc_accordion_title,.accstyle_R .upc_accordion_pane h3:not([class*=heading--]),.accstyle_R .upc_accordion_pane h3:not([class*=ph]),.accstyle_R .upc_accordion_title,.accstyle_Y .upc_accordion_pane h3:not([class*=heading--]),.accstyle_Y .upc_accordion_pane h3:not([class*=ph]),.accstyle_Y .upc_accordion_title,.card .cardTbl .cardRow.cardBody .cardCell .priceText,.card .cardTbl .cardRow.cardBody .cardCell .subTitle,.card .cardTbl .cardRow.cardBody .cardCell h3,.cmp-contact-item .cmp.cmp-title h5,.header .ph18,.heading--5,.tn-minimized .MinimizedViewContent__title,.useful-links.useful-links--quicklinks .useful-links__title,.useful-links.useful-links--quicklinks .useful-links__title h5,.usp__item__title,h5.heading--nomargin,h5.heading--notopmargin,h5:not([class*=heading--]) {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 2.4rem 0 .4rem
}

@media only screen and (min-width: 48.0625em) {
    .accstyle_A .upc_accordion_pane h3:not([class*=heading--]),.accstyle_A .upc_accordion_pane h3:not([class*=ph]),.accstyle_A .upc_accordion_title,.accstyle_B-1 .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B-1 .upc_accordion_pane h3:not([class*=ph]),.accstyle_B-1 .upc_accordion_title,.accstyle_B-2 .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B-2 .upc_accordion_pane h3:not([class*=ph]),.accstyle_B-2 .upc_accordion_title,.accstyle_B .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B .upc_accordion_pane h3:not([class*=ph]),.accstyle_B .upc_accordion_title,.accstyle_D .upc_accordion_pane h3:not([class*=heading--]),.accstyle_D .upc_accordion_pane h3:not([class*=ph]),.accstyle_D .upc_accordion_title,.accstyle_E .upc_accordion_pane h3:not([class*=heading--]),.accstyle_E .upc_accordion_pane h3:not([class*=ph]),.accstyle_E .upc_accordion_title,.accstyle_F .upc_accordion_pane h3:not([class*=heading--]),.accstyle_F .upc_accordion_pane h3:not([class*=ph]),.accstyle_F .upc_accordion_title,.accstyle_R .upc_accordion_pane h3:not([class*=heading--]),.accstyle_R .upc_accordion_pane h3:not([class*=ph]),.accstyle_R .upc_accordion_title,.accstyle_Y .upc_accordion_pane h3:not([class*=heading--]),.accstyle_Y .upc_accordion_pane h3:not([class*=ph]),.accstyle_Y .upc_accordion_title,.card .cardTbl .cardRow.cardBody .cardCell .priceText,.card .cardTbl .cardRow.cardBody .cardCell .subTitle,.card .cardTbl .cardRow.cardBody .cardCell h3,.cmp-contact-item .cmp.cmp-title h5,.header .ph18,.heading--5,.tn-minimized .MinimizedViewContent__title,.useful-links.useful-links--quicklinks .useful-links__title,.useful-links.useful-links--quicklinks .useful-links__title h5,.usp__item__title,h5.heading--nomargin,h5.heading--notopmargin,h5:not([class*=heading--]) {
        font-size:1.8rem;
        line-height: 2.4rem;
        margin: 2.4rem 0 .4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .accstyle_A .upc_accordion_pane h3:not([class*=heading--]),.accstyle_A .upc_accordion_pane h3:not([class*=ph]),.accstyle_A .upc_accordion_title,.accstyle_B-1 .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B-1 .upc_accordion_pane h3:not([class*=ph]),.accstyle_B-1 .upc_accordion_title,.accstyle_B-2 .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B-2 .upc_accordion_pane h3:not([class*=ph]),.accstyle_B-2 .upc_accordion_title,.accstyle_B .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B .upc_accordion_pane h3:not([class*=ph]),.accstyle_B .upc_accordion_title,.accstyle_D .upc_accordion_pane h3:not([class*=heading--]),.accstyle_D .upc_accordion_pane h3:not([class*=ph]),.accstyle_D .upc_accordion_title,.accstyle_E .upc_accordion_pane h3:not([class*=heading--]),.accstyle_E .upc_accordion_pane h3:not([class*=ph]),.accstyle_E .upc_accordion_title,.accstyle_F .upc_accordion_pane h3:not([class*=heading--]),.accstyle_F .upc_accordion_pane h3:not([class*=ph]),.accstyle_F .upc_accordion_title,.accstyle_R .upc_accordion_pane h3:not([class*=heading--]),.accstyle_R .upc_accordion_pane h3:not([class*=ph]),.accstyle_R .upc_accordion_title,.accstyle_Y .upc_accordion_pane h3:not([class*=heading--]),.accstyle_Y .upc_accordion_pane h3:not([class*=ph]),.accstyle_Y .upc_accordion_title,.card .cardTbl .cardRow.cardBody .cardCell .priceText,.card .cardTbl .cardRow.cardBody .cardCell .subTitle,.card .cardTbl .cardRow.cardBody .cardCell h3,.cmp-contact-item .cmp.cmp-title h5,.header .ph18,.heading--5,.tn-minimized .MinimizedViewContent__title,.useful-links.useful-links--quicklinks .useful-links__title,.useful-links.useful-links--quicklinks .useful-links__title h5,.usp__item__title,h5.heading--nomargin,h5.heading--notopmargin,h5:not([class*=heading--]) {
        font-size:2rem;
        line-height: 2.8rem;
        margin: 2.4rem 0 .8rem
    }
}

.cmp-contact-item .cmp.cmp-title h6,.heading--6,.navigation-bar .navigation-bar__link,.navigation-bar .navigation-bar__title,h6.heading--nomargin,h6.heading--notopmargin,h6:not([class*=heading--]) {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 1.6rem 0 0
}

@media only screen and (min-width: 48.0625em) {
    .cmp-contact-item .cmp.cmp-title h6,.heading--6,.navigation-bar .navigation-bar__link,.navigation-bar .navigation-bar__title,h6.heading--nomargin,h6.heading--notopmargin,h6:not([class*=heading--]) {
        font-size:1.6rem;
        line-height: 2.4rem;
        margin: 1.6rem 0 0
    }
}

@media only screen and (min-width: 74.5em) {
    .cmp-contact-item .cmp.cmp-title h6,.heading--6,.navigation-bar .navigation-bar__link,.navigation-bar .navigation-bar__title,h6.heading--nomargin,h6.heading--notopmargin,h6:not([class*=heading--]) {
        font-size:1.8rem;
        line-height: 2.8rem;
        margin: 1.6rem 0 0
    }
}

.heading--1-small {
    font-size: 2.8rem;
    line-height: 3.2rem
}

.heading--1-small,.heading--2-bold {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.heading--2-bold {
    color: #add1a6;
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 700
}

.heading--notification {
    color: #291d18;
    font-family: Helvetica,Verdana,Arial,Sans-serif;
    margin-bottom: 0
}

p {
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 48.0625em) {
    p {
        margin:0
    }
}

@media only screen and (min-width: 74.5em) {
    p {
        margin:0
    }
}

p.text-small {
    font-size: 1.2rem;
    line-height: 1.6rem
}

img {
    max-width: 100%
}

a {
    color: var(--link-color,#291d18)
}

blockquote {
    margin: 0
}

@media only screen and (min-width: 48.0625em) {
    blockquote {
        margin:0
    }
}

@media only screen and (min-width: 74.5em) {
    blockquote {
        margin:0
    }
}

em {
    font-weight: 300;
    font-style: italic
}

.underline {
    text-decoration: underline
}

.meta,small {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.2rem;
    line-height: 1.2
}

hr {
    box-sizing: inherit;
    border: 0;
    height: 0;
    border-top: .1rem solid var(--theme__white_16___shade_16)
}

footer {
    flex-shrink: 0
}

input[type=text]::-ms-clear {
    height: 0;
    width: 0;
    display: none
}

input[type=text]::-ms-reveal {
    height: 0;
    width: 0;
    display: none
}

@media only screen and (max-width: 48.0525em) {
    .extendfull {
        padding-left:30rem!important;
        margin-left: -30rem!important;
        padding-right: 30rem!important;
        margin-right: -30rem!important
    }
}

@media only screen and (min-width: 48.0625em) {
    .extendfull {
        padding-left:300rem!important;
        margin-left: -300rem!important;
        padding-right: 300rem!important;
        margin-right: -300rem!important
    }
}

@media only screen and (max-width: 48.0525em) {
    .extendleft {
        padding-left:30rem!important;
        margin-left: -30rem!important;
        padding-right: 30rem!important;
        margin-right: -30rem!important
    }
}

@media only screen and (min-width: 48.0625em) {
    .extendleft {
        padding-left:300rem!important;
        margin-left: -300rem!important;
        padding-right: 0;
        margin-right: 0
    }
}

@media only screen and (max-width: 48.0525em) {
    .extendright {
        padding-left:30rem!important;
        margin-left: -30rem!important;
        padding-right: 30rem!important;
        margin-right: -30rem!important
    }
}

@media only screen and (min-width: 48.0625em) {
    .extendright {
        padding-left:0;
        margin-left: 0;
        padding-right: 300rem!important;
        margin-right: -300rem!important
    }
}

@media only screen and (min-width: 20em) {
    .center-transform,.center-transform--xs {
        position:absolute;
        top: 50%;
        left: 50%;
        margin: auto;
        transform: translate(-50%,-50%)
    }
}

@media only screen and (min-width: 20em) {
    .center-transform-x,.center-transform-x--xs {
        position:absolute;
        left: 50%;
        margin-left: auto;
        margin-right: auto;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 20em) {
    .center-transform-y,.center-transform-y--xs {
        position:absolute;
        top: 50%;
        margin-top: auto;
        margin-bottom: auto;
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 36em) {
    .center-transform--sm {
        position:absolute;
        top: 50%;
        left: 50%;
        margin: auto;
        transform: translate(-50%,-50%)
    }
}

@media only screen and (min-width: 36em) {
    .center-transform-x--sm {
        position:absolute;
        left: 50%;
        margin-left: auto;
        margin-right: auto;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 36em) {
    .center-transform-y--sm {
        position:absolute;
        top: 50%;
        margin-top: auto;
        margin-bottom: auto;
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 48.0625em) {
    .center-transform--md {
        position:absolute;
        top: 50%;
        left: 50%;
        margin: auto;
        transform: translate(-50%,-50%)
    }
}

@media only screen and (min-width: 48.0625em) {
    .center-transform-x--md {
        position:absolute;
        left: 50%;
        margin-left: auto;
        margin-right: auto;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 48.0625em) {
    .center-transform-y--md {
        position:absolute;
        top: 50%;
        margin-top: auto;
        margin-bottom: auto;
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 74.5em) {
    .center-transform--lg {
        position:absolute;
        top: 50%;
        left: 50%;
        margin: auto;
        transform: translate(-50%,-50%)
    }
}

@media only screen and (min-width: 74.5em) {
    .center-transform-x--lg {
        position:absolute;
        left: 50%;
        margin-left: auto;
        margin-right: auto;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 74.5em) {
    .center-transform-y--lg {
        position:absolute;
        top: 50%;
        margin-top: auto;
        margin-bottom: auto;
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 90em) {
    .center-transform--xl {
        position:absolute;
        top: 50%;
        left: 50%;
        margin: auto;
        transform: translate(-50%,-50%)
    }
}

@media only screen and (min-width: 90em) {
    .center-transform-x--xl {
        position:absolute;
        left: 50%;
        margin-left: auto;
        margin-right: auto;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 90em) {
    .center-transform-y--xl {
        position:absolute;
        top: 50%;
        margin-top: auto;
        margin-bottom: auto;
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 104.6875em) {
    .center-transform--xxl {
        position:absolute;
        top: 50%;
        left: 50%;
        margin: auto;
        transform: translate(-50%,-50%)
    }
}

@media only screen and (min-width: 104.6875em) {
    .center-transform-x--xxl {
        position:absolute;
        left: 50%;
        margin-left: auto;
        margin-right: auto;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 104.6875em) {
    .center-transform-y--xxl {
        position:absolute;
        top: 50%;
        margin-top: auto;
        margin-bottom: auto;
        transform: translateY(-50%)
    }
}

.ellipsis {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.word-break {
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.word-break--keep-all {
    word-break: keep-all
}

.invisible {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: circle(1% at 1% 1%);
    clip-path: circle(1% at 1% 1%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.invisible *,.invisible :after,.invisible :before {
    margin: 0;
    padding: 0;
    height: 0!important;
    width: 0!important
}

.visible {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    overflow: visible;
    position: static;
    width: auto
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card-content,.decoration-none,.image-title-text-block.cur-pointer:hover .cmp-text {
    text-decoration: none
}

.decoration-line,.image-title-text-block.cur-pointer .cmp-text {
    text-decoration: underline
}

.hardware-product--info__content-desc__content div,.hardware-product--info__content-desc__content p,.hardware-product--info__content-desc__content span,.inline {
    display: inline
}

.home-networks__content-section__details-filter__data .CheckboxSwitch-control,.inline-block,.native-date-picker:before {
    display: inline-block
}

.hardware-details__plans .label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot .cards--container .button,.Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__info-section .info-section__description__text,.space-normal {
    white-space: normal!important
}

.space-break-spaces {
    white-space: break-spaces
}

.space-nowrap {
    white-space: nowrap
}

.bestelcontainer .button.button--primary,.cards--change-flavour .cards--conversational--content-width,.discount-use.slick-carousel__slider.slick-slider.discount-use__slider__min-items .slick-list,.hardware-accessories__content .cards--container,.hardware-accessories__summary .mat-select,.hardware-product--header .selector.selector--with-icon,.hardware-recommendations__content .cards--container,.hardware-search__content,.hardware-search__content ol li,.hardware-search__content ol li .hardware-product .cards--container,.header-search--fullwidth .dropdown-suggest.dropdown-suggest--search .dropdown-suggest__menu,.intent-finder__container,.internet-usage .content-section__details .tab-bar__li--multiple-headings,.label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot .cards--container,.product-row-item.product-row-item__failed-orders.content-row .product-row-item__items,.product-row-item.product-row-item__failed-orders__label-row .product-row-item__items.label-profile,.width--full,.yearly-payment .contract-row-item__right {
    width: 100%
}

.height--auto,.mobile-lines__discount .mobile-lines__vertical-step-content .label-cards.cards .cards--container {
    height: auto
}

.tip-overlay-width .overlay,.width--auto {
    width: auto
}

.width--fit-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.border-none,.label-cards.cards.card-square.card-square-secondary .cards-slot .cards-radio:checked+.cards--container,.sim-management.content-section>div:last-child {
    border: 0
}

.container .Title {
    margin-bottom: 2rem
}

.container .Title .cmp.cmp-title h1 {
    font-size: 2.8rem;
    line-height: 3.2rem
}

@media only screen and (min-width: 36em) {
    .container .Title .cmp.cmp-title h1 {
        font-size:3.4rem
    }
}

.container .Title-link {
    padding-left: 2rem;
    text-align: right;
    white-space: nowrap
}

@media only screen and (min-width: 36em) {
    .container .Title-link {
        padding-left:6rem
    }
}

.label-cards.cards.card-mini.card-mini--with-icon .cards--container .cards-content__body-range,.no-scroll {
    overflow: hidden
}

.qc-content .icon:before,.qc-content [class*=" icon-"]:after,.qc-content [class*=" icon-"]:before,.qc-content [class^=icon-]:after,.qc-content [class^=icon-]:before {
    font-family: inherit
}

.AutoComplete__list-item--highlighted {
    font-weight: 700
}

button:focus {
    outline: 0
}

.disabled-state {
    pointer-events: none;
    opacity: .5
}

:invalid {
    box-shadow: none
}

:-moz-submit-invalid,:-moz-ui-invalid {
    box-shadow: none
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.label-select {
    cursor: default
}

.icon-width {
    width: 2.4rem
}

.icon-width-sm {
    width: 1.6rem
}

html.wf-active {
    font-size: 100%
}

.blur-content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    filter: blur(1.5rem);
    background: hsla(0,0%,100%,.85);
    z-index: 1010
}

.blur-content,.disable-text-selection,.intent-finder,.productfinder {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.headless-page {
    max-width: 95%!important
}

.v-cloak,[v-cloak] {
    display: none!important
}

.cmp-image__image {
    width: 100%
}

.ng-cloak,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak] {
    display: none!important
}

.aem-Grid-newComponent.cq-Editable-dom.new,.cq-placeholder {
    height: 4.8rem!important
}

b,strong {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 600
}

.box-shadow {
    box-shadow: 0 .4rem .8rem 0 rgba(41,29,24,.08)
}

.background__image--full-size,.cmp-responsivegrid .cmp-responsivegrid--bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%
}

.max-100vh {
    max-height: 100vh
}

.max-100vw {
    max-width: 100vw
}

.scrollbar-hidden {
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: transparent
}

.scroll-contain {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.pointer-events--none {
    pointer-events: none
}

.pointer-events--none * {
    pointer-events: auto
}

.user-select--none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.border--regular {
    border: .1rem solid
}

.border--regular--dashed {
    border: .1rem dashed
}

.border--dark {
    border: .2rem solid
}

.border--dark--dashed {
    border: .2rem dashed
}

.border--top {
    border-top: .1rem solid
}

.border--top--shade_24 {
    border-top: .1rem solid #ccc9c8
}

.border--top--shade_24--dark {
    border-top: .2rem solid #ccc9c8
}

.border--top--grey {
    border-top: .1rem solid #f7f6f6
}

.border--top--grey--dark,.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel {
    border-top: .2rem solid #f7f6f6
}

.border--top--light-grey,.sim-management__sim-section .sim-management__sim-block:first-child {
    border-top: .1rem solid #eeeded
}

.border--top--light-grey--dark {
    border-top: .2rem solid #eeeded
}

.border--top--mid-grey {
    border-top: .1rem solid #bab6b5
}

.border--top--mid-grey--dark {
    border-top: .2rem solid #bab6b5
}

.border--top--brand-primary {
    border-top: .1rem solid #ffc421
}

.border--top--brand-primary--dark {
    border-top: .2rem solid #ffc421
}

.border--top--transparent {
    border-top: .1rem solid transparent
}

.border--top--transparent--dark {
    border-top: .2rem solid transparent
}

.border--top--dark-grey {
    border-top: .1rem solid #766f6b
}

.border--top--dark-grey--dark {
    border-top: .2rem solid #766f6b
}

.border--top--white {
    border-top: .1rem solid #fff
}

.border--top--white--dark {
    border-top: .2rem solid #fff
}

.border--bottom {
    border-bottom: .1rem solid
}

.border--bottom--shade_24 {
    border-bottom: .1rem solid #ccc9c8
}

.border--bottom--shade_24--dark {
    border-bottom: .2rem solid #ccc9c8
}

.border--bottom--grey,.content-section__details__usage__total,.home-networks__active-content {
    border-bottom: .1rem solid #f7f6f6
}

.border--bottom--grey--dark {
    border-bottom: .2rem solid #f7f6f6
}

.border--bottom--light-grey {
    border-bottom: .1rem solid #eeeded
}

.border--bottom--light-grey--dark {
    border-bottom: .2rem solid #eeeded
}

.border--bottom--mid-grey,.hardware-product--info__content__add-discount.mat-select .mat-select-trigger {
    border-bottom: .1rem solid #bab6b5
}

.border--bottom--mid-grey--dark {
    border-bottom: .2rem solid #bab6b5
}

.border--bottom--brand-primary {
    border-bottom: .1rem solid #ffc421
}

.border--bottom--brand-primary--dark {
    border-bottom: .2rem solid #ffc421
}

.border--bottom--transparent,.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel,.manage-option__container .manage-option__item .manage-options__list:last-child .product-options__item:last-child,.manage-option__container .manage-option__item .product-options__item:last-child,.manage-option__container .manage-option__item:last-child {
    border-bottom: .1rem solid transparent
}

.border--bottom--transparent--dark {
    border-bottom: .2rem solid transparent
}

.border--bottom--dark-grey {
    border-bottom: .1rem solid #766f6b
}

.border--bottom--dark-grey--dark {
    border-bottom: .2rem solid #766f6b
}

.border--bottom--white {
    border-bottom: .1rem solid #fff
}

.border--bottom--white--dark {
    border-bottom: .2rem solid #fff
}

.border--left,.card-content--wave-data-card--usage .border-line--height:before,.care--dtv-consult-eos-box .border-line--height:before {
    border-left: .1rem solid
}

.border--left--shade_24 {
    border-left: .1rem solid #ccc9c8
}

.border--left--shade_24--dark {
    border-left: .2rem solid #ccc9c8
}

.border--left--grey {
    border-left: .1rem solid #f7f6f6
}

.border--left--grey--dark {
    border-left: .2rem solid #f7f6f6
}

.border--left--light-grey {
    border-left: .1rem solid #eeeded
}

.border--left--light-grey--dark {
    border-left: .2rem solid #eeeded
}

.border--left--mid-grey {
    border-left: .1rem solid #bab6b5
}

.border--left--mid-grey--dark {
    border-left: .2rem solid #bab6b5
}

.border--left--brand-primary {
    border-left: .1rem solid #ffc421
}

.border--left--brand-primary--dark {
    border-left: .2rem solid #ffc421
}

.border--left--transparent,.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel {
    border-left: .1rem solid transparent
}

.border--left--transparent--dark {
    border-left: .2rem solid transparent
}

.border--left--dark-grey {
    border-left: .1rem solid #766f6b
}

.border--left--dark-grey--dark {
    border-left: .2rem solid #766f6b
}

.border--left--white {
    border-left: .1rem solid #fff
}

.border--left--white--dark {
    border-left: .2rem solid #fff
}

.border--right {
    border-right: .1rem solid
}

.border--right--shade_24 {
    border-right: .1rem solid #ccc9c8
}

.border--right--shade_24--dark {
    border-right: .2rem solid #ccc9c8
}

.border--right--grey {
    border-right: .1rem solid #f7f6f6
}

.border--right--grey--dark {
    border-right: .2rem solid #f7f6f6
}

.border--right--light-grey {
    border-right: .1rem solid #eeeded
}

.border--right--light-grey--dark {
    border-right: .2rem solid #eeeded
}

.border--right--mid-grey {
    border-right: .1rem solid #bab6b5
}

.border--right--mid-grey--dark {
    border-right: .2rem solid #bab6b5
}

.border--right--brand-primary {
    border-right: .1rem solid #ffc421
}

.border--right--brand-primary--dark {
    border-right: .2rem solid #ffc421
}

.border--right--transparent,.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel,.home-networks .product-row-item__selected-item {
    border-right: .1rem solid transparent
}

.border--right--transparent--dark {
    border-right: .2rem solid transparent
}

.border--right--dark-grey {
    border-right: .1rem solid #766f6b
}

.border--right--dark-grey--dark {
    border-right: .2rem solid #766f6b
}

.border--right--white {
    border-right: .1rem solid #fff
}

.border--right--white--dark {
    border-right: .2rem solid #fff
}

.border--shade_24 {
    border: .1rem solid #ccc9c8
}

.border--shade_24--dark {
    border: .2rem solid #ccc9c8
}

.border--grey {
    border: .1rem solid #f7f6f6
}

.border--grey--dark {
    border: .2rem solid #f7f6f6
}

.border--light-grey {
    border: .1rem solid #eeeded
}

.border--light-grey--dark {
    border: .2rem solid #eeeded
}

.border--mid-grey,.select-row .icon-tick,.select-row .select-indicator:before,.select-row.select-row__with-label .icon-tick,.select-row.select-row__with-label .select-indicator:before {
    border: .1rem solid #bab6b5
}

.border--mid-grey--dark {
    border: .2rem solid #bab6b5
}

.border--brand-primary {
    border: .1rem solid #ffc421
}

.border--brand-primary--dark,.hardware-product .cards--container:hover,.radio-checkbox--background.radio-checkbox--background--active,.radio-checkbox--background:active,.radio-checkbox--background:hover {
    border: .2rem solid #ffc421
}

.border--transparent,.hardware-product--nav__items:last-child,.mobile-overview-usage__consumption-part .consumption-part__consumption-section .consumption-section__consumption-field:last-child,.product-row-item.product-row-item__failed-orders.content-row .product-row-item__items {
    border: .1rem solid transparent
}

.border--transparent--dark {
    border: .2rem solid transparent
}

.border--dark-grey,.hardware-search .button.button--secondary.hardware-search__load-more:not([class*=section]):hover {
    border: .1rem solid #766f6b
}

.border--dark-grey--dark {
    border: .2rem solid #766f6b
}

.border--white {
    border: .1rem solid #fff
}

.border--white--dark,.radio-checkbox--background {
    border: .2rem solid #fff
}

.border--dashed {
    border-style: dashed
}

.divider {
    position: relative;
    white-space: nowrap;
    width: 100%
}

.divider--n__transparent {
    min-height: 0;
    background-color: transparent
}

.divider--n__white {
    min-height: 0;
    background-color: #fff
}

.divider--n__very-light-grey {
    min-height: 0;
    background-color: #f7f6f6
}

.divider--n__light-grey {
    min-height: 0;
    background-color: #eeeded
}

.divider--n__mid-grey {
    min-height: 0;
    background-color: #bab6b5
}

.divider--n__grey {
    min-height: 0;
    background-color: #999391
}

.divider--xxxs__transparent {
    min-height: .05rem;
    background-color: transparent
}

.divider--xxxs__white {
    min-height: .05rem;
    background-color: #fff
}

.divider--xxxs__very-light-grey {
    min-height: .05rem;
    background-color: #f7f6f6
}

.divider--xxxs__light-grey {
    min-height: .05rem;
    background-color: #eeeded
}

.divider--xxxs__mid-grey {
    min-height: .05rem;
    background-color: #bab6b5
}

.divider--xxxs__grey {
    min-height: .05rem;
    background-color: #999391
}

.divider--xxs__transparent {
    min-height: .1rem;
    background-color: transparent
}

.divider--xxs__white {
    min-height: .1rem;
    background-color: #fff
}

.divider--xxs__very-light-grey {
    min-height: .1rem;
    background-color: #f7f6f6
}

.divider--xxs__light-grey {
    min-height: .1rem;
    background-color: #eeeded
}

.divider--xxs__mid-grey {
    min-height: .1rem;
    background-color: #bab6b5
}

.divider--xxs__grey {
    min-height: .1rem;
    background-color: #999391
}

.divider--xs__transparent {
    min-height: .15rem;
    background-color: transparent
}

.divider--xs__white {
    min-height: .15rem;
    background-color: #fff
}

.divider--xs__very-light-grey {
    min-height: .15rem;
    background-color: #f7f6f6
}

.divider--xs__light-grey {
    min-height: .15rem;
    background-color: #eeeded
}

.divider--xs__mid-grey {
    min-height: .15rem;
    background-color: #bab6b5
}

.divider--xs__grey {
    min-height: .15rem;
    background-color: #999391
}

.divider--s__transparent {
    min-height: .2rem;
    background-color: transparent
}

.divider--s__white {
    min-height: .2rem;
    background-color: #fff
}

.divider--s__very-light-grey {
    min-height: .2rem;
    background-color: #f7f6f6
}

.divider--s__light-grey {
    min-height: .2rem;
    background-color: #eeeded
}

.divider--s__mid-grey {
    min-height: .2rem;
    background-color: #bab6b5
}

.divider--s__grey {
    min-height: .2rem;
    background-color: #999391
}

.divider--m__transparent {
    min-height: .25rem;
    background-color: transparent
}

.divider--m__white {
    min-height: .25rem;
    background-color: #fff
}

.divider--m__very-light-grey {
    min-height: .25rem;
    background-color: #f7f6f6
}

.divider--m__light-grey {
    min-height: .25rem;
    background-color: #eeeded
}

.divider--m__mid-grey {
    min-height: .25rem;
    background-color: #bab6b5
}

.divider--m__grey {
    min-height: .25rem;
    background-color: #999391
}

.divider--l__transparent {
    min-height: .5rem;
    background-color: transparent
}

.divider--l__white {
    min-height: .5rem;
    background-color: #fff
}

.divider--l__very-light-grey {
    min-height: .5rem;
    background-color: #f7f6f6
}

.divider--l__light-grey {
    min-height: .5rem;
    background-color: #eeeded
}

.divider--l__mid-grey {
    min-height: .5rem;
    background-color: #bab6b5
}

.divider--l__grey {
    min-height: .5rem;
    background-color: #999391
}

.divider--xl__transparent {
    min-height: .55rem;
    background-color: transparent
}

.divider--xl__white {
    min-height: .55rem;
    background-color: #fff
}

.divider--xl__very-light-grey {
    min-height: .55rem;
    background-color: #f7f6f6
}

.divider--xl__light-grey {
    min-height: .55rem;
    background-color: #eeeded
}

.divider--xl__mid-grey {
    min-height: .55rem;
    background-color: #bab6b5
}

.divider--xl__grey {
    min-height: .55rem;
    background-color: #999391
}

.divider--xxl__transparent {
    min-height: .6rem;
    background-color: transparent
}

.divider--xxl__white {
    min-height: .6rem;
    background-color: #fff
}

.divider--xxl__very-light-grey {
    min-height: .6rem;
    background-color: #f7f6f6
}

.divider--xxl__light-grey {
    min-height: .6rem;
    background-color: #eeeded
}

.divider--xxl__mid-grey {
    min-height: .6rem;
    background-color: #bab6b5
}

.divider--xxl__grey {
    min-height: .6rem;
    background-color: #999391
}

.divider--xxxl__transparent {
    min-height: .65rem;
    background-color: transparent
}

.divider--xxxl__white {
    min-height: .65rem;
    background-color: #fff
}

.divider--xxxl__very-light-grey {
    min-height: .65rem;
    background-color: #f7f6f6
}

.divider--xxxl__light-grey {
    min-height: .65rem;
    background-color: #eeeded
}

.divider--xxxl__mid-grey {
    min-height: .65rem;
    background-color: #bab6b5
}

.divider--xxxl__grey {
    min-height: .65rem;
    background-color: #999391
}

.divider--g__transparent {
    min-height: .7rem;
    background-color: transparent
}

.divider--g__white {
    min-height: .7rem;
    background-color: #fff
}

.divider--g__very-light-grey {
    min-height: .7rem;
    background-color: #f7f6f6
}

.divider--g__light-grey {
    min-height: .7rem;
    background-color: #eeeded
}

.divider--g__mid-grey {
    min-height: .7rem;
    background-color: #bab6b5
}

.divider--g__grey {
    min-height: .7rem;
    background-color: #999391
}

.divider--xg__transparent {
    min-height: .75rem;
    background-color: transparent
}

.divider--xg__white {
    min-height: .75rem;
    background-color: #fff
}

.divider--xg__very-light-grey {
    min-height: .75rem;
    background-color: #f7f6f6
}

.divider--xg__light-grey {
    min-height: .75rem;
    background-color: #eeeded
}

.divider--xg__mid-grey {
    min-height: .75rem;
    background-color: #bab6b5
}

.divider--xg__grey {
    min-height: .75rem;
    background-color: #999391
}

.divider--xxg__transparent {
    min-height: .8rem;
    background-color: transparent
}

.divider--xxg__white {
    min-height: .8rem;
    background-color: #fff
}

.divider--xxg__very-light-grey {
    min-height: .8rem;
    background-color: #f7f6f6
}

.divider--xxg__light-grey {
    min-height: .8rem;
    background-color: #eeeded
}

.divider--xxg__mid-grey {
    min-height: .8rem;
    background-color: #bab6b5
}

.divider--xxg__grey {
    min-height: .8rem;
    background-color: #999391
}

.divider--xxxg__transparent {
    min-height: .85rem;
    background-color: transparent
}

.divider--xxxg__white {
    min-height: .85rem;
    background-color: #fff
}

.divider--xxxg__very-light-grey {
    min-height: .85rem;
    background-color: #f7f6f6
}

.divider--xxxg__light-grey {
    min-height: .85rem;
    background-color: #eeeded
}

.divider--xxxg__mid-grey {
    min-height: .85rem;
    background-color: #bab6b5
}

.divider--xxxg__grey {
    min-height: .85rem;
    background-color: #999391
}

.cmp-breadcrumb__list,.dashboard-account .dashboard-account__header.dashboard-account-container--without-credentials,.home-networks .add-firewall-rule__overlay .overlay__section__content,.installation-options__content .label-cards.cards.card-square--combi-with-icon-and-text .cards--container,.overlay__block-sim .overlay__section__content__action,.overlay__unblock-sim .overlay__section__content__action,.p--n,.template-section .container--default.p--n,.template-section.p--n {
    padding: 0
}

.px--n {
    padding-left: 0;
    padding-right: 0
}

.py--n {
    padding-top: 0;
    padding-bottom: 0
}

.dtv-limits__content-section .details-section .form__input,.mobile-overview-usage__cost-section .cost-section__cost-field .cost-field__cost-value,.pt--n,.self-install__activated .self-install__product__list:first-child,.template-section.background--split .container--default.pt--n,.template-section.background__image--split .container--default.pt--n {
    padding-top: 0
}

.invite-new-user__email-section,.menu-toggle:checked~.telenet-header .nav-section .header-login,.pr--n {
    padding-right: 0
}

.consult-options__overview .plan-notification .product-options__summary__feature-section .feature-section__options ul li:last-child,.historic-trials__overlay .overlay-page-header,.mobile-overview-usage__consumption-part .consumption-part__consumption-section .consumption-section__consumption-field:last-child,.pay-balance__detailed-info-section>div:last-child,.pay-balance__info-section .info-section__bill-info>div:nth-child(2),.pb--n,.sales-cart-row.bg-secondary .sales-cart-row,.sim-management.content-section>div:last-child,.sim-management__current-sim:last-of-type,.template-section.background--split .container--default.pb--n,.template-section.background__image--split .container--default.pb--n {
    padding-bottom: 0
}

.card-content.extra-large .invoices .details-section .dashboard-card__invoices-view .icon-chevron-right,.card-content.large .invoices .details-section .dashboard-card__invoices-view .icon-chevron-right,.card-content.medium .invoices .details-section .dashboard-card__invoices-view .icon-chevron-right,.hardware-search__content__show-item .hardware-search__dropdown__selector-menu__list__item:first-child .dropdown-menu__selector__label,.label-cards.cards.card-counter .cards--body,.menu-toggle:checked~.telenet-header .nav-section .header-login,.pl--n,.radio-container.selected-content {
    padding-left: 0
}

.p--t {
    padding: .2rem
}

.px--t {
    padding-left: .2rem;
    padding-right: .2rem
}

.py--t {
    padding-bottom: .2rem
}

.pt--t,.py--t {
    padding-top: .2rem
}

.pr--t {
    padding-right: .2rem
}

.pb--t {
    padding-bottom: .2rem
}

.pl--t {
    padding-left: .2rem
}

.p--xxxs {
    padding: .4rem
}

.px--xxxs {
    padding-left: .4rem;
    padding-right: .4rem
}

.py--xxxs {
    padding-bottom: .4rem
}

.price--superscript-medium .price--superscript-currency,.price--superscript-medium .price--superscript-digit,.price--superscript-small .price--superscript-currency,.price--superscript-small .price--superscript-digit,.pt--xxxs,.py--xxxs {
    padding-top: .4rem
}

.mobile-overview-usage__cost-section .cost-section__cost-field .cost-field__cost-area,.pr--xxxs {
    padding-right: .4rem
}

.pb--xxxs,.self-install .cards--body .address-section__title {
    padding-bottom: .4rem
}

.dtv-limits__content-section .details-section .link,.pl--xxxs {
    padding-left: .4rem
}

.card-content.medium .invoices.invoices-card .button,.guardrail.guardrail__collapsed .guardrail__price-overview,.p--xxs {
    padding: .8rem
}

.px--xxs,.teaser--subtitle span:after {
    padding-left: .8rem;
    padding-right: .8rem
}

.py--xxs {
    padding-bottom: .8rem
}

.hardware-product__content__price__superscript,.home-networks .product-row-item__container,.pt--xxs,.py--xxs {
    padding-top: .8rem
}

.hardware-product--info__content-price__discount,.hardware-product--info__content-price__label,.pr--xxs,.return-devices ol>li:before,.select-dropdown-section .select-dropdown__content__first-section>span:first-child,.selector__list__content__first-section>span:first-child {
    padding-right: .8rem
}

.pb--xxs {
    padding-bottom: .8rem
}

.home-networks .add-firewall-rule__overlay__top-or-bottom .label-cards.cards .cards-slot .cards--body--inner-container,.home-networks .add-firewall-rule__overlay__top-or-bottom .label-cards.cards .cards-slot .cards-content__body,.pl--xxs {
    padding-left: .8rem
}

.p--default {
    padding: 1rem
}

.px--default {
    padding-left: 1rem;
    padding-right: 1rem
}

.py--default {
    padding-bottom: 1rem
}

.pt--default,.py--default {
    padding-top: 1rem
}

.pr--default {
    padding-right: 1rem
}

.pb--default {
    padding-bottom: 1rem
}

.pl--default {
    padding-left: 1rem
}

.account-line-selector .account-selector__list__account-info__account-details .badge--icon,.label-cards.cards.card-counter .cards--body--inner-container,.p--xs {
    padding: 1.2rem
}

.px--xs {
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

.py--xs {
    padding-bottom: 1.2rem
}

.pt--xs,.py--xs {
    padding-top: 1.2rem
}

.cmp-breadcrumb__list .cmp-breadcrumb__item:not(:first-child):before,.pr--xs {
    padding-right: 1.2rem
}

.pb--xs {
    padding-bottom: 1.2rem
}

.dtv-usage .navigation-list__icon+span,.pl--xs,.sales-cart-row__content__section__price {
    padding-left: 1.2rem
}

.p--s,.radio-checkbox--background {
    padding: 1.4rem
}

.px--s {
    padding-left: 1.4rem;
    padding-right: 1.4rem
}

.py--s {
    padding-bottom: 1.4rem
}

.pt--s,.py--s {
    padding-top: 1.4rem
}

.pr--s,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__failed-orders__data--items__options span:not(:nth-child(2)):before {
    padding-right: 1.4rem
}

.pb--s {
    padding-bottom: 1.4rem
}

.pl--s,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__failed-orders__data--items__options span:not(:nth-child(2)):before {
    padding-left: 1.4rem
}

.checkbox-container__label.profile-label,.Container--dashed,.Container--info,.online-payment__section,.p--m,.sticky-header {
    padding: 1.6rem
}

.px--m {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.py--m {
    padding-bottom: 1.6rem
}

.pt--m,.py--m,.sales-cart-row.bg-secondary .sales-cart-row {
    padding-top: 1.6rem
}

.care--appointments .content-section__details,.pr--m {
    padding-right: 1.6rem
}

.cmp-text__listing--primary-ticks ul li,.pb--m {
    padding-bottom: 1.6rem
}

.care--appointments .content-section__details,.pl--m {
    padding-left: 1.6rem
}

.p--xm {
    padding: 2rem
}

.px--xm {
    padding-left: 2rem;
    padding-right: 2rem
}

.py--xm {
    padding-bottom: 2rem
}

.pt--xm,.py--xm {
    padding-top: 2rem
}

.pr--xm {
    padding-right: 2rem
}

.pb--xm {
    padding-bottom: 2rem
}

.cmp-text ul,.pl--xm {
    padding-left: 2rem
}

.cmp-text__listing--primary-ticks ul,.home-networks__advance-setting-label,.manage-profile-details__details-box,.p--l,.privacy-form .content-section__details,.privacy-form .content-section__header {
    padding: 2.4rem
}

.menu-toggle:checked~.telenet-header .nav-section .language-selector .language-selector__selected .language-menu ul span,.px--l {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

.py--l,.sales-cart__order-info .sales-cart-row {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.card-content.medium .dashboard-card__header--with-extra-padding-top,.hardware-product--info__content__promo,.header-accordion--vertical .header-accordion--title,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__items,.pt--l {
    padding-top: 2.4rem
}

.hardware-search__pagination__show,.pr--l,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__failed-orders__data--items__options,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__items {
    padding-right: 2.4rem
}

.consult-options__overview .plan-notification .product-options__summary__feature-section .feature-section__options ul li,.home-networks .product-row-item__container,.pb--l,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__failed-orders__data--items__options {
    padding-bottom: 2.4rem
}

.pl--l,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__failed-orders__data--items__options,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__items {
    padding-left: 2.4rem
}

.home-networks .add-firewall-rule__overlay .overlay__section__content__add-rule,.mobile-usage--overview,.p--xl {
    padding: 3.2rem
}

.px--xl {
    padding-left: 3.2rem;
    padding-right: 3.2rem
}

.py--xl {
    padding-bottom: 3.2rem
}

.care--appointments .content-section__details,.pt--xl,.py--xl {
    padding-top: 3.2rem
}

.pr--xl {
    padding-right: 3.2rem
}

.care--appointments .content-section__details,.pb--xl {
    padding-bottom: 3.2rem
}

.home-networks .product-row-item__selected-item,.pl--xl {
    padding-left: 3.2rem
}

.p--xxl,.sales-overlay--depreciation-table .depreciation-table--wrapper {
    padding: 4rem
}

.px--xxl {
    padding-left: 4rem;
    padding-right: 4rem
}

.py--xxl {
    padding-bottom: 4rem
}

.pt--xxl,.py--xxl {
    padding-top: 4rem
}

.accordion-wrapper .header-accordion,.pr--xxl {
    padding-right: 4rem
}

.pb--xxl {
    padding-bottom: 4rem
}

.accordion-wrapper .header-accordion,.Form__input--placeholder .form__input,.form__input--placeholder .form__input,.pl--xxl {
    padding-left: 4rem
}

.p--xxxl {
    padding: 4.8rem
}

.px--xxxl {
    padding-left: 4.8rem;
    padding-right: 4.8rem
}

.py--xxxl {
    padding-bottom: 4.8rem
}

.pt--xxxl,.py--xxxl {
    padding-top: 4.8rem
}

.pr--xxxl {
    padding-right: 4.8rem
}

.pb--xxxl {
    padding-bottom: 4.8rem
}

.pl--xxxl {
    padding-left: 4.8rem
}

.p--g {
    padding: 5.6rem
}

.px--g {
    padding-left: 5.6rem;
    padding-right: 5.6rem
}

.py--g {
    padding-bottom: 5.6rem
}

.pt--g,.py--g {
    padding-top: 5.6rem
}

.pr--g,.product-row-item.product-row-item__failed-orders__data--label .product-row-item__items.label-profile {
    padding-right: 5.6rem
}

.pb--g {
    padding-bottom: 5.6rem
}

.pl--g,.product-row-item.product-row-item__failed-orders__data--label .product-row-item__items.label-profile {
    padding-left: 5.6rem
}

.p--xg {
    padding: 6.8rem
}

.px--xg {
    padding-left: 6.8rem;
    padding-right: 6.8rem
}

.py--xg {
    padding-bottom: 6.8rem
}

.pt--xg,.py--xg {
    padding-top: 6.8rem
}

.pr--xg {
    padding-right: 6.8rem
}

.pb--xg {
    padding-bottom: 6.8rem
}

.pl--xg {
    padding-left: 6.8rem
}

.p--xxg {
    padding: 8rem
}

.px--xxg {
    padding-left: 8rem;
    padding-right: 8rem
}

.py--xxg {
    padding-bottom: 8rem
}

.pt--xxg,.py--xxg {
    padding-top: 8rem
}

.pr--xxg {
    padding-right: 8rem
}

.pb--xxg {
    padding-bottom: 8rem
}

.pl--xxg {
    padding-left: 8rem
}

.p--xxxg {
    padding: 11rem
}

.px--xxxg {
    padding-left: 11rem;
    padding-right: 11rem
}

.py--xxxg {
    padding-bottom: 11rem
}

.pt--xxxg,.py--xxxg {
    padding-top: 11rem
}

.manage-mailbox--create-mailbox .overlay__section__content__description__mail-form .form-control,.pr--xxxg {
    padding-right: 11rem
}

.hardware-product--nav__items:last-child,.pb--xxxg {
    padding-bottom: 11rem
}

.pl--xxxg {
    padding-left: 11rem
}

@media only screen and (min-width: 20em) {
    .p--n--xs {
        padding:0
    }

    .px--n--xs {
        padding-left: 0;
        padding-right: 0
    }

    .py--n--xs {
        padding-bottom: 0
    }

    .pt--n--xs,.py--n--xs {
        padding-top: 0
    }

    .pr--n--xs {
        padding-right: 0
    }

    .pb--n--xs {
        padding-bottom: 0
    }

    .pl--n--xs {
        padding-left: 0
    }

    .p--t--xs {
        padding: .2rem
    }

    .px--t--xs {
        padding-left: .2rem;
        padding-right: .2rem
    }

    .py--t--xs {
        padding-bottom: .2rem
    }

    .pt--t--xs,.py--t--xs {
        padding-top: .2rem
    }

    .pr--t--xs {
        padding-right: .2rem
    }

    .pb--t--xs {
        padding-bottom: .2rem
    }

    .pl--t--xs {
        padding-left: .2rem
    }

    .p--xxxs--xs {
        padding: .4rem
    }

    .px--xxxs--xs {
        padding-left: .4rem;
        padding-right: .4rem
    }

    .py--xxxs--xs {
        padding-bottom: .4rem
    }

    .pt--xxxs--xs,.py--xxxs--xs {
        padding-top: .4rem
    }

    .pr--xxxs--xs {
        padding-right: .4rem
    }

    .pb--xxxs--xs {
        padding-bottom: .4rem
    }

    .pl--xxxs--xs {
        padding-left: .4rem
    }

    .p--xxs--xs {
        padding: .8rem
    }

    .px--xxs--xs {
        padding-left: .8rem;
        padding-right: .8rem
    }

    .py--xxs--xs {
        padding-bottom: .8rem
    }

    .pt--xxs--xs,.py--xxs--xs {
        padding-top: .8rem
    }

    .pr--xxs--xs {
        padding-right: .8rem
    }

    .pb--xxs--xs {
        padding-bottom: .8rem
    }

    .pl--xxs--xs {
        padding-left: .8rem
    }

    .p--default--xs {
        padding: 1rem
    }

    .px--default--xs {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .py--default--xs {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pt--default--xs {
        padding-top: 1rem
    }

    .pr--default--xs {
        padding-right: 1rem
    }

    .pb--default--xs {
        padding-bottom: 1rem
    }

    .pl--default--xs {
        padding-left: 1rem
    }

    .p--xs--xs {
        padding: 1.2rem
    }

    .px--xs--xs {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .py--xs--xs {
        padding-bottom: 1.2rem
    }

    .pt--xs--xs,.py--xs--xs {
        padding-top: 1.2rem
    }

    .pr--xs--xs {
        padding-right: 1.2rem
    }

    .pb--xs--xs {
        padding-bottom: 1.2rem
    }

    .pl--xs--xs {
        padding-left: 1.2rem
    }

    .p--s--xs {
        padding: 1.4rem
    }

    .px--s--xs {
        padding-left: 1.4rem;
        padding-right: 1.4rem
    }

    .py--s--xs {
        padding-bottom: 1.4rem
    }

    .pt--s--xs,.py--s--xs {
        padding-top: 1.4rem
    }

    .pr--s--xs {
        padding-right: 1.4rem
    }

    .pb--s--xs {
        padding-bottom: 1.4rem
    }

    .pl--s--xs {
        padding-left: 1.4rem
    }

    .p--m--xs {
        padding: 1.6rem
    }

    .px--m--xs {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .py--m--xs {
        padding-bottom: 1.6rem
    }

    .pt--m--xs,.py--m--xs {
        padding-top: 1.6rem
    }

    .pr--m--xs {
        padding-right: 1.6rem
    }

    .pb--m--xs {
        padding-bottom: 1.6rem
    }

    .pl--m--xs {
        padding-left: 1.6rem
    }

    .p--xm--xs {
        padding: 2rem
    }

    .px--xm--xs {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .py--xm--xs {
        padding-bottom: 2rem
    }

    .pt--xm--xs,.py--xm--xs {
        padding-top: 2rem
    }

    .pr--xm--xs {
        padding-right: 2rem
    }

    .pb--xm--xs {
        padding-bottom: 2rem
    }

    .pl--xm--xs {
        padding-left: 2rem
    }

    .p--l--xs {
        padding: 2.4rem
    }

    .px--l--xs {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }

    .py--l--xs {
        padding-bottom: 2.4rem
    }

    .pt--l--xs,.py--l--xs {
        padding-top: 2.4rem
    }

    .pr--l--xs {
        padding-right: 2.4rem
    }

    .pb--l--xs {
        padding-bottom: 2.4rem
    }

    .pl--l--xs {
        padding-left: 2.4rem
    }

    .p--xl--xs {
        padding: 3.2rem
    }

    .px--xl--xs {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }

    .py--xl--xs {
        padding-bottom: 3.2rem
    }

    .pt--xl--xs,.py--xl--xs {
        padding-top: 3.2rem
    }

    .pr--xl--xs {
        padding-right: 3.2rem
    }

    .pb--xl--xs {
        padding-bottom: 3.2rem
    }

    .pl--xl--xs {
        padding-left: 3.2rem
    }

    .p--xxl--xs {
        padding: 4rem
    }

    .px--xxl--xs {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .py--xxl--xs {
        padding-bottom: 4rem
    }

    .pt--xxl--xs,.py--xxl--xs {
        padding-top: 4rem
    }

    .pr--xxl--xs {
        padding-right: 4rem
    }

    .pb--xxl--xs {
        padding-bottom: 4rem
    }

    .pl--xxl--xs {
        padding-left: 4rem
    }

    .p--xxxl--xs {
        padding: 4.8rem
    }

    .px--xxxl--xs {
        padding-left: 4.8rem;
        padding-right: 4.8rem
    }

    .py--xxxl--xs {
        padding-bottom: 4.8rem
    }

    .pt--xxxl--xs,.py--xxxl--xs {
        padding-top: 4.8rem
    }

    .pr--xxxl--xs {
        padding-right: 4.8rem
    }

    .pb--xxxl--xs {
        padding-bottom: 4.8rem
    }

    .pl--xxxl--xs {
        padding-left: 4.8rem
    }

    .p--g--xs {
        padding: 5.6rem
    }

    .px--g--xs {
        padding-left: 5.6rem;
        padding-right: 5.6rem
    }

    .py--g--xs {
        padding-bottom: 5.6rem
    }

    .pt--g--xs,.py--g--xs {
        padding-top: 5.6rem
    }

    .pr--g--xs {
        padding-right: 5.6rem
    }

    .pb--g--xs {
        padding-bottom: 5.6rem
    }

    .pl--g--xs {
        padding-left: 5.6rem
    }

    .p--xg--xs {
        padding: 6.8rem
    }

    .px--xg--xs {
        padding-left: 6.8rem;
        padding-right: 6.8rem
    }

    .py--xg--xs {
        padding-bottom: 6.8rem
    }

    .pt--xg--xs,.py--xg--xs {
        padding-top: 6.8rem
    }

    .pr--xg--xs {
        padding-right: 6.8rem
    }

    .pb--xg--xs {
        padding-bottom: 6.8rem
    }

    .pl--xg--xs {
        padding-left: 6.8rem
    }

    .p--xxg--xs {
        padding: 8rem
    }

    .px--xxg--xs {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .py--xxg--xs {
        padding-bottom: 8rem
    }

    .pt--xxg--xs,.py--xxg--xs {
        padding-top: 8rem
    }

    .pr--xxg--xs {
        padding-right: 8rem
    }

    .pb--xxg--xs {
        padding-bottom: 8rem
    }

    .pl--xxg--xs {
        padding-left: 8rem
    }

    .p--xxxg--xs {
        padding: 11rem
    }

    .px--xxxg--xs {
        padding-left: 11rem;
        padding-right: 11rem
    }

    .py--xxxg--xs {
        padding-bottom: 11rem
    }

    .pt--xxxg--xs,.py--xxxg--xs {
        padding-top: 11rem
    }

    .pr--xxxg--xs {
        padding-right: 11rem
    }

    .pb--xxxg--xs {
        padding-bottom: 11rem
    }

    .pl--xxxg--xs {
        padding-left: 11rem
    }
}

@media only screen and (min-width: 36em) {
    .p--n--sm {
        padding:0
    }

    .px--n--sm {
        padding-left: 0;
        padding-right: 0
    }

    .py--n--sm {
        padding-bottom: 0
    }

    .mobile-overview-usage__cost-section .cost-section__cost-field .cost-field__cost-value,.pt--n--sm,.py--n--sm,.table-of-rows__row--type-table-title {
        padding-top: 0
    }

    .manage-option__container .manage-option__item .product-options__item .product-options__summary-item:last-child,.pr--n--sm {
        padding-right: 0
    }

    .pb--n--sm,.table-of-rows__row--type-table-title {
        padding-bottom: 0
    }

    .pl--n--sm {
        padding-left: 0
    }

    .p--t--sm {
        padding: .2rem
    }

    .px--t--sm {
        padding-left: .2rem;
        padding-right: .2rem
    }

    .py--t--sm {
        padding-bottom: .2rem
    }

    .pt--t--sm,.py--t--sm {
        padding-top: .2rem
    }

    .pr--t--sm {
        padding-right: .2rem
    }

    .pb--t--sm {
        padding-bottom: .2rem
    }

    .pl--t--sm {
        padding-left: .2rem
    }

    .p--xxxs--sm {
        padding: .4rem
    }

    .px--xxxs--sm {
        padding-left: .4rem;
        padding-right: .4rem
    }

    .py--xxxs--sm {
        padding-bottom: .4rem
    }

    .pt--xxxs--sm,.py--xxxs--sm {
        padding-top: .4rem
    }

    .pr--xxxs--sm {
        padding-right: .4rem
    }

    .pb--xxxs--sm {
        padding-bottom: .4rem
    }

    .pl--xxxs--sm {
        padding-left: .4rem
    }

    .p--xxs--sm {
        padding: .8rem
    }

    .px--xxs--sm {
        padding-left: .8rem;
        padding-right: .8rem
    }

    .py--xxs--sm {
        padding-bottom: .8rem
    }

    .pt--xxs--sm,.py--xxs--sm {
        padding-top: .8rem
    }

    .pr--xxs--sm {
        padding-right: .8rem
    }

    .pb--xxs--sm {
        padding-bottom: .8rem
    }

    .pl--xxs--sm {
        padding-left: .8rem
    }

    .p--default--sm {
        padding: 1rem
    }

    .px--default--sm {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .py--default--sm {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pt--default--sm {
        padding-top: 1rem
    }

    .pr--default--sm {
        padding-right: 1rem
    }

    .pb--default--sm {
        padding-bottom: 1rem
    }

    .pl--default--sm {
        padding-left: 1rem
    }

    .p--xs--sm {
        padding: 1.2rem
    }

    .cmp-breadcrumb__list .cmp-breadcrumb__item:not(:first-child):before,.px--xs--sm {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .py--xs--sm {
        padding-bottom: 1.2rem
    }

    .pt--xs--sm,.py--xs--sm {
        padding-top: 1.2rem
    }

    .pr--xs--sm {
        padding-right: 1.2rem
    }

    .pb--xs--sm {
        padding-bottom: 1.2rem
    }

    .pl--xs--sm {
        padding-left: 1.2rem
    }

    .p--s--sm {
        padding: 1.4rem
    }

    .px--s--sm {
        padding-left: 1.4rem;
        padding-right: 1.4rem
    }

    .py--s--sm {
        padding-bottom: 1.4rem
    }

    .pt--s--sm,.py--s--sm {
        padding-top: 1.4rem
    }

    .pr--s--sm {
        padding-right: 1.4rem
    }

    .pb--s--sm {
        padding-bottom: 1.4rem
    }

    .pl--s--sm {
        padding-left: 1.4rem
    }

    .p--m--sm {
        padding: 1.6rem
    }

    .px--m--sm {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .py--m--sm {
        padding-bottom: 1.6rem
    }

    .pt--m--sm,.py--m--sm {
        padding-top: 1.6rem
    }

    .pr--m--sm {
        padding-right: 1.6rem
    }

    .pb--m--sm {
        padding-bottom: 1.6rem
    }

    .pl--m--sm {
        padding-left: 1.6rem
    }

    .p--xm--sm {
        padding: 2rem
    }

    .px--xm--sm {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .py--xm--sm {
        padding-bottom: 2rem
    }

    .pt--xm--sm,.py--xm--sm {
        padding-top: 2rem
    }

    .pr--xm--sm {
        padding-right: 2rem
    }

    .pb--xm--sm {
        padding-bottom: 2rem
    }

    .pl--xm--sm {
        padding-left: 2rem
    }

    .p--l--sm {
        padding: 2.4rem
    }

    .px--l--sm {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }

    .py--l--sm {
        padding-bottom: 2.4rem
    }

    .pt--l--sm,.py--l--sm {
        padding-top: 2.4rem
    }

    .pr--l--sm {
        padding-right: 2.4rem
    }

    .pb--l--sm {
        padding-bottom: 2.4rem
    }

    .pl--l--sm {
        padding-left: 2.4rem
    }

    .p--xl--sm {
        padding: 3.2rem
    }

    .px--xl--sm {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }

    .py--xl--sm {
        padding-bottom: 3.2rem
    }

    .pt--xl--sm,.py--xl--sm {
        padding-top: 3.2rem
    }

    .pr--xl--sm {
        padding-right: 3.2rem
    }

    .pb--xl--sm {
        padding-bottom: 3.2rem
    }

    .pl--xl--sm {
        padding-left: 3.2rem
    }

    .p--xxl--sm {
        padding: 4rem
    }

    .px--xxl--sm {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .py--xxl--sm {
        padding-bottom: 4rem
    }

    .pt--xxl--sm,.py--xxl--sm {
        padding-top: 4rem
    }

    .pr--xxl--sm {
        padding-right: 4rem
    }

    .pb--xxl--sm {
        padding-bottom: 4rem
    }

    .pl--xxl--sm {
        padding-left: 4rem
    }

    .p--xxxl--sm {
        padding: 4.8rem
    }

    .px--xxxl--sm {
        padding-left: 4.8rem;
        padding-right: 4.8rem
    }

    .py--xxxl--sm {
        padding-bottom: 4.8rem
    }

    .pt--xxxl--sm,.py--xxxl--sm {
        padding-top: 4.8rem
    }

    .pr--xxxl--sm {
        padding-right: 4.8rem
    }

    .pb--xxxl--sm {
        padding-bottom: 4.8rem
    }

    .pl--xxxl--sm {
        padding-left: 4.8rem
    }

    .p--g--sm {
        padding: 5.6rem
    }

    .px--g--sm {
        padding-left: 5.6rem;
        padding-right: 5.6rem
    }

    .py--g--sm {
        padding-bottom: 5.6rem
    }

    .pt--g--sm,.py--g--sm {
        padding-top: 5.6rem
    }

    .pr--g--sm {
        padding-right: 5.6rem
    }

    .pb--g--sm {
        padding-bottom: 5.6rem
    }

    .pl--g--sm {
        padding-left: 5.6rem
    }

    .p--xg--sm {
        padding: 6.8rem
    }

    .px--xg--sm {
        padding-left: 6.8rem;
        padding-right: 6.8rem
    }

    .py--xg--sm {
        padding-bottom: 6.8rem
    }

    .pt--xg--sm,.py--xg--sm {
        padding-top: 6.8rem
    }

    .pr--xg--sm {
        padding-right: 6.8rem
    }

    .pb--xg--sm {
        padding-bottom: 6.8rem
    }

    .pl--xg--sm {
        padding-left: 6.8rem
    }

    .p--xxg--sm {
        padding: 8rem
    }

    .px--xxg--sm {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .py--xxg--sm {
        padding-bottom: 8rem
    }

    .pt--xxg--sm,.py--xxg--sm {
        padding-top: 8rem
    }

    .pr--xxg--sm {
        padding-right: 8rem
    }

    .pb--xxg--sm {
        padding-bottom: 8rem
    }

    .pl--xxg--sm {
        padding-left: 8rem
    }

    .p--xxxg--sm {
        padding: 11rem
    }

    .px--xxxg--sm {
        padding-left: 11rem;
        padding-right: 11rem
    }

    .py--xxxg--sm {
        padding-bottom: 11rem
    }

    .pt--xxxg--sm,.py--xxxg--sm {
        padding-top: 11rem
    }

    .pr--xxxg--sm {
        padding-right: 11rem
    }

    .pb--xxxg--sm {
        padding-bottom: 11rem
    }

    .pl--xxxg--sm {
        padding-left: 11rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .p--n--md,.template-section .container--default.p--n,.template-section.p--n {
        padding:0
    }

    .px--n--md {
        padding-left: 0;
        padding-right: 0
    }

    .py--n--md {
        padding-bottom: 0
    }

    .home-networks__content-section__details-filter__data .form__input-container .form__input,.pt--n--md,.py--n--md,.template-section.background--split .container--default.pt--n,.template-section.background__image--split .container--default.pt--n {
        padding-top: 0
    }

    .pr--n--md {
        padding-right: 0
    }

    .pb--n--md,.template-section.background--split .container--default.pb--n,.template-section.background__image--split .container--default.pb--n {
        padding-bottom: 0
    }

    .pl--n--md {
        padding-left: 0
    }

    .p--t--md {
        padding: .2rem
    }

    .px--t--md {
        padding-left: .2rem;
        padding-right: .2rem
    }

    .py--t--md {
        padding-bottom: .2rem
    }

    .pt--t--md,.py--t--md {
        padding-top: .2rem
    }

    .pr--t--md {
        padding-right: .2rem
    }

    .pb--t--md {
        padding-bottom: .2rem
    }

    .pl--t--md {
        padding-left: .2rem
    }

    .p--xxxs--md {
        padding: .4rem
    }

    .px--xxxs--md {
        padding-left: .4rem;
        padding-right: .4rem
    }

    .py--xxxs--md {
        padding-bottom: .4rem
    }

    .pt--xxxs--md,.py--xxxs--md {
        padding-top: .4rem
    }

    .pr--xxxs--md {
        padding-right: .4rem
    }

    .pb--xxxs--md {
        padding-bottom: .4rem
    }

    .pl--xxxs--md {
        padding-left: .4rem
    }

    .p--xxs--md {
        padding: .8rem
    }

    .px--xxs--md {
        padding-left: .8rem;
        padding-right: .8rem
    }

    .py--xxs--md {
        padding-bottom: .8rem
    }

    .hardware-details--no-result__content,.pt--xxs--md,.py--xxs--md {
        padding-top: .8rem
    }

    .pr--xxs--md {
        padding-right: .8rem
    }

    .hardware-details--no-result__content,.pb--xxs--md {
        padding-bottom: .8rem
    }

    .pl--xxs--md {
        padding-left: .8rem
    }

    .p--default--md {
        padding: 1rem
    }

    .px--default--md {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .py--default--md {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pt--default--md {
        padding-top: 1rem
    }

    .pr--default--md {
        padding-right: 1rem
    }

    .pb--default--md {
        padding-bottom: 1rem
    }

    .pl--default--md {
        padding-left: 1rem
    }

    .p--xs--md {
        padding: 1.2rem
    }

    .px--xs--md {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .py--xs--md {
        padding-bottom: 1.2rem
    }

    .pt--xs--md,.py--xs--md {
        padding-top: 1.2rem
    }

    .pr--xs--md {
        padding-right: 1.2rem
    }

    .pb--xs--md {
        padding-bottom: 1.2rem
    }

    .pl--xs--md {
        padding-left: 1.2rem
    }

    .p--s--md {
        padding: 1.4rem
    }

    .px--s--md {
        padding-left: 1.4rem;
        padding-right: 1.4rem
    }

    .py--s--md {
        padding-bottom: 1.4rem
    }

    .pt--s--md,.py--s--md {
        padding-top: 1.4rem
    }

    .pr--s--md {
        padding-right: 1.4rem
    }

    .pb--s--md {
        padding-bottom: 1.4rem
    }

    .pl--s--md {
        padding-left: 1.4rem
    }

    .p--m--md {
        padding: 1.6rem
    }

    .px--m--md {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .py--m--md {
        padding-bottom: 1.6rem
    }

    .pt--m--md,.py--m--md {
        padding-top: 1.6rem
    }

    .hardware-product--info__content-price__discount,.hardware-product--info__content-price__label,.pr--m--md {
        padding-right: 1.6rem
    }

    .pb--m--md {
        padding-bottom: 1.6rem
    }

    .pl--m--md {
        padding-left: 1.6rem
    }

    .p--xm--md {
        padding: 2rem
    }

    .px--xm--md {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .py--xm--md {
        padding-bottom: 2rem
    }

    .pt--xm--md,.py--xm--md {
        padding-top: 2rem
    }

    .pr--xm--md {
        padding-right: 2rem
    }

    .pb--xm--md {
        padding-bottom: 2rem
    }

    .pl--xm--md {
        padding-left: 2rem
    }

    .p--l--md {
        padding: 2.4rem
    }

    .px--l--md {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }

    .py--l--md {
        padding-bottom: 2.4rem
    }

    .product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__failed-orders__data--items__options,.pt--l--md,.py--l--md {
        padding-top: 2.4rem
    }

    .care--appointments .content-section__details,.pr--l--md {
        padding-right: 2.4rem
    }

    .hardware-product--nav__items:last-child,.pb--l--md,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__items {
        padding-bottom: 2.4rem
    }

    .care--appointments .content-section__details,.pl--l--md {
        padding-left: 2.4rem
    }

    .online-payment__section,.p--xl--md,.privacy-form .content-section__details,.privacy-form .content-section__header {
        padding: 3.2rem
    }

    .px--xl--md {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }

    .py--xl--md {
        padding-bottom: 3.2rem
    }

    .hardware-product--info__content__promo,.home-networks .product-row-item__container,.pt--xl--md,.py--xl--md {
        padding-top: 3.2rem
    }

    .pr--xl--md {
        padding-right: 3.2rem
    }

    .pb--xl--md {
        padding-bottom: 3.2rem
    }

    .pl--xl--md {
        padding-left: 3.2rem
    }

    .p--xxl--md {
        padding: 4rem
    }

    .px--xxl--md {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .py--xxl--md {
        padding-bottom: 4rem
    }

    .pt--xxl--md,.py--xxl--md {
        padding-top: 4rem
    }

    .pr--xxl--md {
        padding-right: 4rem
    }

    .pb--xxl--md {
        padding-bottom: 4rem
    }

    .pl--xxl--md {
        padding-left: 4rem
    }

    .p--xxxl--md {
        padding: 4.8rem
    }

    .px--xxxl--md {
        padding-left: 4.8rem;
        padding-right: 4.8rem
    }

    .py--xxxl--md {
        padding-bottom: 4.8rem
    }

    .pt--xxxl--md,.py--xxxl--md {
        padding-top: 4.8rem
    }

    .pr--xxxl--md {
        padding-right: 4.8rem
    }

    .pb--xxxl--md {
        padding-bottom: 4.8rem
    }

    .pl--xxxl--md {
        padding-left: 4.8rem
    }

    .p--g--md {
        padding: 5.6rem
    }

    .px--g--md {
        padding-left: 5.6rem;
        padding-right: 5.6rem
    }

    .py--g--md {
        padding-bottom: 5.6rem
    }

    .pt--g--md,.py--g--md {
        padding-top: 5.6rem
    }

    .pr--g--md {
        padding-right: 5.6rem
    }

    .pb--g--md {
        padding-bottom: 5.6rem
    }

    .pl--g--md {
        padding-left: 5.6rem
    }

    .p--xg--md {
        padding: 6.8rem
    }

    .px--xg--md {
        padding-left: 6.8rem;
        padding-right: 6.8rem
    }

    .py--xg--md {
        padding-bottom: 6.8rem
    }

    .pt--xg--md,.py--xg--md {
        padding-top: 6.8rem
    }

    .pr--xg--md {
        padding-right: 6.8rem
    }

    .pb--xg--md {
        padding-bottom: 6.8rem
    }

    .pl--xg--md {
        padding-left: 6.8rem
    }

    .p--xxg--md {
        padding: 8rem
    }

    .px--xxg--md {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .py--xxg--md {
        padding-bottom: 8rem
    }

    .pt--xxg--md,.py--xxg--md {
        padding-top: 8rem
    }

    .pr--xxg--md {
        padding-right: 8rem
    }

    .pb--xxg--md {
        padding-bottom: 8rem
    }

    .pl--xxg--md {
        padding-left: 8rem
    }

    .p--xxxg--md {
        padding: 11rem
    }

    .px--xxxg--md {
        padding-left: 11rem;
        padding-right: 11rem
    }

    .py--xxxg--md {
        padding-bottom: 11rem
    }

    .pt--xxxg--md,.py--xxxg--md {
        padding-top: 11rem
    }

    .pr--xxxg--md {
        padding-right: 11rem
    }

    .pb--xxxg--md {
        padding-bottom: 11rem
    }

    .pl--xxxg--md {
        padding-left: 11rem
    }
}

@media only screen and (min-width: 74.5em) {
    .p--n--lg,.template-section .container--default.p--n,.template-section.p--n {
        padding:0
    }

    .px--n--lg {
        padding-left: 0;
        padding-right: 0
    }

    .py--n--lg {
        padding-bottom: 0
    }

    .pt--n--lg,.py--n--lg,.template-section.background--split .container--default.pt--n,.template-section.background__image--split .container--default.pt--n {
        padding-top: 0
    }

    .pr--n--lg {
        padding-right: 0
    }

    .pb--n--lg,.template-section.background--split .container--default.pb--n,.template-section.background__image--split .container--default.pb--n {
        padding-bottom: 0
    }

    .pl--n--lg {
        padding-left: 0
    }

    .p--t--lg {
        padding: .2rem
    }

    .px--t--lg {
        padding-left: .2rem;
        padding-right: .2rem
    }

    .py--t--lg {
        padding-bottom: .2rem
    }

    .pt--t--lg,.py--t--lg {
        padding-top: .2rem
    }

    .pr--t--lg {
        padding-right: .2rem
    }

    .pb--t--lg {
        padding-bottom: .2rem
    }

    .pl--t--lg {
        padding-left: .2rem
    }

    .p--xxxs--lg {
        padding: .4rem
    }

    .px--xxxs--lg {
        padding-left: .4rem;
        padding-right: .4rem
    }

    .py--xxxs--lg {
        padding-bottom: .4rem
    }

    .pt--xxxs--lg,.py--xxxs--lg {
        padding-top: .4rem
    }

    .pr--xxxs--lg {
        padding-right: .4rem
    }

    .pb--xxxs--lg {
        padding-bottom: .4rem
    }

    .pl--xxxs--lg {
        padding-left: .4rem
    }

    .p--xxs--lg {
        padding: .8rem
    }

    .px--xxs--lg {
        padding-left: .8rem;
        padding-right: .8rem
    }

    .py--xxs--lg {
        padding-bottom: .8rem
    }

    .pt--xxs--lg,.py--xxs--lg {
        padding-top: .8rem
    }

    .pr--xxs--lg {
        padding-right: .8rem
    }

    .pb--xxs--lg {
        padding-bottom: .8rem
    }

    .pl--xxs--lg {
        padding-left: .8rem
    }

    .p--default--lg {
        padding: 1rem
    }

    .px--default--lg {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .py--default--lg {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pt--default--lg {
        padding-top: 1rem
    }

    .pr--default--lg {
        padding-right: 1rem
    }

    .pb--default--lg {
        padding-bottom: 1rem
    }

    .pl--default--lg {
        padding-left: 1rem
    }

    .p--xs--lg {
        padding: 1.2rem
    }

    .px--xs--lg {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .py--xs--lg {
        padding-bottom: 1.2rem
    }

    .pt--xs--lg,.py--xs--lg {
        padding-top: 1.2rem
    }

    .pr--xs--lg {
        padding-right: 1.2rem
    }

    .pb--xs--lg {
        padding-bottom: 1.2rem
    }

    .pl--xs--lg {
        padding-left: 1.2rem
    }

    .p--s--lg {
        padding: 1.4rem
    }

    .px--s--lg {
        padding-left: 1.4rem;
        padding-right: 1.4rem
    }

    .py--s--lg {
        padding-bottom: 1.4rem
    }

    .pt--s--lg,.py--s--lg {
        padding-top: 1.4rem
    }

    .pr--s--lg {
        padding-right: 1.4rem
    }

    .pb--s--lg {
        padding-bottom: 1.4rem
    }

    .pl--s--lg {
        padding-left: 1.4rem
    }

    .p--m--lg {
        padding: 1.6rem
    }

    .px--m--lg {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .py--m--lg {
        padding-bottom: 1.6rem
    }

    .pt--m--lg,.py--m--lg {
        padding-top: 1.6rem
    }

    .pr--m--lg {
        padding-right: 1.6rem
    }

    .pb--m--lg {
        padding-bottom: 1.6rem
    }

    .pl--m--lg {
        padding-left: 1.6rem
    }

    .p--xm--lg {
        padding: 2rem
    }

    .px--xm--lg {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .py--xm--lg {
        padding-bottom: 2rem
    }

    .pt--xm--lg,.py--xm--lg {
        padding-top: 2rem
    }

    .pr--xm--lg {
        padding-right: 2rem
    }

    .pb--xm--lg {
        padding-bottom: 2rem
    }

    .pl--xm--lg {
        padding-left: 2rem
    }

    .p--l--lg {
        padding: 2.4rem
    }

    .px--l--lg {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }

    .py--l--lg {
        padding-bottom: 2.4rem
    }

    .pt--l--lg,.py--l--lg {
        padding-top: 2.4rem
    }

    .pr--l--lg {
        padding-right: 2.4rem
    }

    .pb--l--lg {
        padding-bottom: 2.4rem
    }

    .pl--l--lg {
        padding-left: 2.4rem
    }

    .p--xl--lg {
        padding: 3.2rem
    }

    .px--xl--lg {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }

    .py--xl--lg {
        padding-bottom: 3.2rem
    }

    .pt--xl--lg,.py--xl--lg {
        padding-top: 3.2rem
    }

    .pr--xl--lg {
        padding-right: 3.2rem
    }

    .pb--xl--lg {
        padding-bottom: 3.2rem
    }

    .pl--xl--lg {
        padding-left: 3.2rem
    }

    .p--xxl--lg {
        padding: 4rem
    }

    .px--xxl--lg {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .py--xxl--lg {
        padding-bottom: 4rem
    }

    .pt--xxl--lg,.py--xxl--lg {
        padding-top: 4rem
    }

    .pr--xxl--lg {
        padding-right: 4rem
    }

    .pb--xxl--lg {
        padding-bottom: 4rem
    }

    .pl--xxl--lg {
        padding-left: 4rem
    }

    .p--xxxl--lg {
        padding: 4.8rem
    }

    .px--xxxl--lg {
        padding-left: 4.8rem;
        padding-right: 4.8rem
    }

    .py--xxxl--lg {
        padding-bottom: 4.8rem
    }

    .pt--xxxl--lg,.py--xxxl--lg {
        padding-top: 4.8rem
    }

    .pr--xxxl--lg {
        padding-right: 4.8rem
    }

    .pb--xxxl--lg {
        padding-bottom: 4.8rem
    }

    .pl--xxxl--lg {
        padding-left: 4.8rem
    }

    .p--g--lg {
        padding: 5.6rem
    }

    .px--g--lg {
        padding-left: 5.6rem;
        padding-right: 5.6rem
    }

    .py--g--lg {
        padding-bottom: 5.6rem
    }

    .pt--g--lg,.py--g--lg {
        padding-top: 5.6rem
    }

    .pr--g--lg {
        padding-right: 5.6rem
    }

    .pb--g--lg {
        padding-bottom: 5.6rem
    }

    .pl--g--lg {
        padding-left: 5.6rem
    }

    .p--xg--lg {
        padding: 6.8rem
    }

    .px--xg--lg {
        padding-left: 6.8rem;
        padding-right: 6.8rem
    }

    .py--xg--lg {
        padding-bottom: 6.8rem
    }

    .pt--xg--lg,.py--xg--lg {
        padding-top: 6.8rem
    }

    .pr--xg--lg {
        padding-right: 6.8rem
    }

    .pb--xg--lg {
        padding-bottom: 6.8rem
    }

    .pl--xg--lg {
        padding-left: 6.8rem
    }

    .p--xxg--lg {
        padding: 8rem
    }

    .px--xxg--lg {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .py--xxg--lg {
        padding-bottom: 8rem
    }

    .pt--xxg--lg,.py--xxg--lg {
        padding-top: 8rem
    }

    .pr--xxg--lg {
        padding-right: 8rem
    }

    .pb--xxg--lg {
        padding-bottom: 8rem
    }

    .pl--xxg--lg {
        padding-left: 8rem
    }

    .p--xxxg--lg {
        padding: 11rem
    }

    .px--xxxg--lg {
        padding-left: 11rem;
        padding-right: 11rem
    }

    .py--xxxg--lg {
        padding-bottom: 11rem
    }

    .pt--xxxg--lg,.py--xxxg--lg {
        padding-top: 11rem
    }

    .pr--xxxg--lg {
        padding-right: 11rem
    }

    .pb--xxxg--lg {
        padding-bottom: 11rem
    }

    .pl--xxxg--lg {
        padding-left: 11rem
    }
}

@media only screen and (min-width: 90em) {
    .p--n--xl {
        padding:0
    }

    .px--n--xl {
        padding-left: 0;
        padding-right: 0
    }

    .py--n--xl {
        padding-bottom: 0
    }

    .pt--n--xl,.py--n--xl {
        padding-top: 0
    }

    .pr--n--xl {
        padding-right: 0
    }

    .pb--n--xl {
        padding-bottom: 0
    }

    .pl--n--xl {
        padding-left: 0
    }

    .p--t--xl {
        padding: .2rem
    }

    .px--t--xl {
        padding-left: .2rem;
        padding-right: .2rem
    }

    .py--t--xl {
        padding-bottom: .2rem
    }

    .pt--t--xl,.py--t--xl {
        padding-top: .2rem
    }

    .pr--t--xl {
        padding-right: .2rem
    }

    .pb--t--xl {
        padding-bottom: .2rem
    }

    .pl--t--xl {
        padding-left: .2rem
    }

    .p--xxxs--xl {
        padding: .4rem
    }

    .px--xxxs--xl {
        padding-left: .4rem;
        padding-right: .4rem
    }

    .py--xxxs--xl {
        padding-bottom: .4rem
    }

    .pt--xxxs--xl,.py--xxxs--xl {
        padding-top: .4rem
    }

    .pr--xxxs--xl {
        padding-right: .4rem
    }

    .pb--xxxs--xl {
        padding-bottom: .4rem
    }

    .pl--xxxs--xl {
        padding-left: .4rem
    }

    .p--xxs--xl {
        padding: .8rem
    }

    .px--xxs--xl {
        padding-left: .8rem;
        padding-right: .8rem
    }

    .py--xxs--xl {
        padding-bottom: .8rem
    }

    .pt--xxs--xl,.py--xxs--xl {
        padding-top: .8rem
    }

    .pr--xxs--xl {
        padding-right: .8rem
    }

    .pb--xxs--xl {
        padding-bottom: .8rem
    }

    .pl--xxs--xl {
        padding-left: .8rem
    }

    .p--default--xl {
        padding: 1rem
    }

    .px--default--xl {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .py--default--xl {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pt--default--xl {
        padding-top: 1rem
    }

    .pr--default--xl {
        padding-right: 1rem
    }

    .pb--default--xl {
        padding-bottom: 1rem
    }

    .pl--default--xl {
        padding-left: 1rem
    }

    .p--xs--xl {
        padding: 1.2rem
    }

    .px--xs--xl {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .py--xs--xl {
        padding-bottom: 1.2rem
    }

    .pt--xs--xl,.py--xs--xl {
        padding-top: 1.2rem
    }

    .pr--xs--xl {
        padding-right: 1.2rem
    }

    .pb--xs--xl {
        padding-bottom: 1.2rem
    }

    .pl--xs--xl {
        padding-left: 1.2rem
    }

    .p--s--xl {
        padding: 1.4rem
    }

    .px--s--xl {
        padding-left: 1.4rem;
        padding-right: 1.4rem
    }

    .py--s--xl {
        padding-bottom: 1.4rem
    }

    .pt--s--xl,.py--s--xl {
        padding-top: 1.4rem
    }

    .pr--s--xl {
        padding-right: 1.4rem
    }

    .pb--s--xl {
        padding-bottom: 1.4rem
    }

    .pl--s--xl {
        padding-left: 1.4rem
    }

    .p--m--xl {
        padding: 1.6rem
    }

    .px--m--xl {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .py--m--xl {
        padding-bottom: 1.6rem
    }

    .pt--m--xl,.py--m--xl {
        padding-top: 1.6rem
    }

    .pr--m--xl {
        padding-right: 1.6rem
    }

    .pb--m--xl {
        padding-bottom: 1.6rem
    }

    .pl--m--xl {
        padding-left: 1.6rem
    }

    .p--xm--xl {
        padding: 2rem
    }

    .px--xm--xl {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .py--xm--xl {
        padding-bottom: 2rem
    }

    .pt--xm--xl,.py--xm--xl {
        padding-top: 2rem
    }

    .pr--xm--xl {
        padding-right: 2rem
    }

    .pb--xm--xl {
        padding-bottom: 2rem
    }

    .pl--xm--xl {
        padding-left: 2rem
    }

    .p--l--xl {
        padding: 2.4rem
    }

    .px--l--xl {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }

    .py--l--xl {
        padding-bottom: 2.4rem
    }

    .pt--l--xl,.py--l--xl {
        padding-top: 2.4rem
    }

    .pr--l--xl {
        padding-right: 2.4rem
    }

    .pb--l--xl {
        padding-bottom: 2.4rem
    }

    .pl--l--xl {
        padding-left: 2.4rem
    }

    .p--xl--xl {
        padding: 3.2rem
    }

    .px--xl--xl {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }

    .py--xl--xl {
        padding-bottom: 3.2rem
    }

    .pt--xl--xl,.py--xl--xl {
        padding-top: 3.2rem
    }

    .pr--xl--xl {
        padding-right: 3.2rem
    }

    .pb--xl--xl {
        padding-bottom: 3.2rem
    }

    .pl--xl--xl {
        padding-left: 3.2rem
    }

    .p--xxl--xl {
        padding: 4rem
    }

    .px--xxl--xl {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .py--xxl--xl {
        padding-bottom: 4rem
    }

    .pt--xxl--xl,.py--xxl--xl {
        padding-top: 4rem
    }

    .pr--xxl--xl {
        padding-right: 4rem
    }

    .pb--xxl--xl {
        padding-bottom: 4rem
    }

    .pl--xxl--xl {
        padding-left: 4rem
    }

    .p--xxxl--xl {
        padding: 4.8rem
    }

    .px--xxxl--xl {
        padding-left: 4.8rem;
        padding-right: 4.8rem
    }

    .py--xxxl--xl {
        padding-bottom: 4.8rem
    }

    .pt--xxxl--xl,.py--xxxl--xl {
        padding-top: 4.8rem
    }

    .pr--xxxl--xl {
        padding-right: 4.8rem
    }

    .pb--xxxl--xl {
        padding-bottom: 4.8rem
    }

    .pl--xxxl--xl {
        padding-left: 4.8rem
    }

    .p--g--xl {
        padding: 5.6rem
    }

    .px--g--xl {
        padding-left: 5.6rem;
        padding-right: 5.6rem
    }

    .py--g--xl {
        padding-bottom: 5.6rem
    }

    .pt--g--xl,.py--g--xl {
        padding-top: 5.6rem
    }

    .pr--g--xl {
        padding-right: 5.6rem
    }

    .pb--g--xl {
        padding-bottom: 5.6rem
    }

    .pl--g--xl {
        padding-left: 5.6rem
    }

    .p--xg--xl {
        padding: 6.8rem
    }

    .px--xg--xl {
        padding-left: 6.8rem;
        padding-right: 6.8rem
    }

    .py--xg--xl {
        padding-bottom: 6.8rem
    }

    .pt--xg--xl,.py--xg--xl {
        padding-top: 6.8rem
    }

    .pr--xg--xl {
        padding-right: 6.8rem
    }

    .pb--xg--xl {
        padding-bottom: 6.8rem
    }

    .pl--xg--xl {
        padding-left: 6.8rem
    }

    .p--xxg--xl {
        padding: 8rem
    }

    .px--xxg--xl {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .py--xxg--xl {
        padding-bottom: 8rem
    }

    .pt--xxg--xl,.py--xxg--xl {
        padding-top: 8rem
    }

    .pr--xxg--xl {
        padding-right: 8rem
    }

    .pb--xxg--xl {
        padding-bottom: 8rem
    }

    .pl--xxg--xl {
        padding-left: 8rem
    }

    .p--xxxg--xl {
        padding: 11rem
    }

    .px--xxxg--xl {
        padding-left: 11rem;
        padding-right: 11rem
    }

    .py--xxxg--xl {
        padding-bottom: 11rem
    }

    .pt--xxxg--xl,.py--xxxg--xl {
        padding-top: 11rem
    }

    .pr--xxxg--xl {
        padding-right: 11rem
    }

    .pb--xxxg--xl {
        padding-bottom: 11rem
    }

    .pl--xxxg--xl {
        padding-left: 11rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .p--n--xxl {
        padding:0
    }

    .px--n--xxl {
        padding-left: 0;
        padding-right: 0
    }

    .py--n--xxl {
        padding-bottom: 0
    }

    .pt--n--xxl,.py--n--xxl {
        padding-top: 0
    }

    .pr--n--xxl {
        padding-right: 0
    }

    .pb--n--xxl {
        padding-bottom: 0
    }

    .pl--n--xxl {
        padding-left: 0
    }

    .p--t--xxl {
        padding: .2rem
    }

    .px--t--xxl {
        padding-left: .2rem;
        padding-right: .2rem
    }

    .py--t--xxl {
        padding-bottom: .2rem
    }

    .pt--t--xxl,.py--t--xxl {
        padding-top: .2rem
    }

    .pr--t--xxl {
        padding-right: .2rem
    }

    .pb--t--xxl {
        padding-bottom: .2rem
    }

    .pl--t--xxl {
        padding-left: .2rem
    }

    .p--xxxs--xxl {
        padding: .4rem
    }

    .px--xxxs--xxl {
        padding-left: .4rem;
        padding-right: .4rem
    }

    .py--xxxs--xxl {
        padding-bottom: .4rem
    }

    .pt--xxxs--xxl,.py--xxxs--xxl {
        padding-top: .4rem
    }

    .pr--xxxs--xxl {
        padding-right: .4rem
    }

    .pb--xxxs--xxl {
        padding-bottom: .4rem
    }

    .pl--xxxs--xxl {
        padding-left: .4rem
    }

    .p--xxs--xxl {
        padding: .8rem
    }

    .px--xxs--xxl {
        padding-left: .8rem;
        padding-right: .8rem
    }

    .py--xxs--xxl {
        padding-bottom: .8rem
    }

    .pt--xxs--xxl,.py--xxs--xxl {
        padding-top: .8rem
    }

    .pr--xxs--xxl {
        padding-right: .8rem
    }

    .pb--xxs--xxl {
        padding-bottom: .8rem
    }

    .pl--xxs--xxl {
        padding-left: .8rem
    }

    .p--default--xxl {
        padding: 1rem
    }

    .px--default--xxl {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .py--default--xxl {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pt--default--xxl {
        padding-top: 1rem
    }

    .pr--default--xxl {
        padding-right: 1rem
    }

    .pb--default--xxl {
        padding-bottom: 1rem
    }

    .pl--default--xxl {
        padding-left: 1rem
    }

    .p--xs--xxl {
        padding: 1.2rem
    }

    .px--xs--xxl {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .py--xs--xxl {
        padding-bottom: 1.2rem
    }

    .pt--xs--xxl,.py--xs--xxl {
        padding-top: 1.2rem
    }

    .pr--xs--xxl {
        padding-right: 1.2rem
    }

    .pb--xs--xxl {
        padding-bottom: 1.2rem
    }

    .pl--xs--xxl {
        padding-left: 1.2rem
    }

    .p--s--xxl {
        padding: 1.4rem
    }

    .px--s--xxl {
        padding-left: 1.4rem;
        padding-right: 1.4rem
    }

    .py--s--xxl {
        padding-bottom: 1.4rem
    }

    .pt--s--xxl,.py--s--xxl {
        padding-top: 1.4rem
    }

    .pr--s--xxl {
        padding-right: 1.4rem
    }

    .pb--s--xxl {
        padding-bottom: 1.4rem
    }

    .pl--s--xxl {
        padding-left: 1.4rem
    }

    .p--m--xxl {
        padding: 1.6rem
    }

    .px--m--xxl {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .py--m--xxl {
        padding-bottom: 1.6rem
    }

    .pt--m--xxl,.py--m--xxl {
        padding-top: 1.6rem
    }

    .pr--m--xxl {
        padding-right: 1.6rem
    }

    .pb--m--xxl {
        padding-bottom: 1.6rem
    }

    .pl--m--xxl {
        padding-left: 1.6rem
    }

    .p--xm--xxl {
        padding: 2rem
    }

    .px--xm--xxl {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .py--xm--xxl {
        padding-bottom: 2rem
    }

    .pt--xm--xxl,.py--xm--xxl {
        padding-top: 2rem
    }

    .pr--xm--xxl {
        padding-right: 2rem
    }

    .pb--xm--xxl {
        padding-bottom: 2rem
    }

    .pl--xm--xxl {
        padding-left: 2rem
    }

    .p--l--xxl {
        padding: 2.4rem
    }

    .px--l--xxl {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }

    .py--l--xxl {
        padding-bottom: 2.4rem
    }

    .pt--l--xxl,.py--l--xxl {
        padding-top: 2.4rem
    }

    .pr--l--xxl {
        padding-right: 2.4rem
    }

    .pb--l--xxl {
        padding-bottom: 2.4rem
    }

    .pl--l--xxl {
        padding-left: 2.4rem
    }

    .p--xl--xxl {
        padding: 3.2rem
    }

    .px--xl--xxl {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }

    .py--xl--xxl {
        padding-bottom: 3.2rem
    }

    .pt--xl--xxl,.py--xl--xxl {
        padding-top: 3.2rem
    }

    .pr--xl--xxl {
        padding-right: 3.2rem
    }

    .pb--xl--xxl {
        padding-bottom: 3.2rem
    }

    .pl--xl--xxl {
        padding-left: 3.2rem
    }

    .p--xxl--xxl {
        padding: 4rem
    }

    .px--xxl--xxl {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .py--xxl--xxl {
        padding-bottom: 4rem
    }

    .pt--xxl--xxl,.py--xxl--xxl {
        padding-top: 4rem
    }

    .pr--xxl--xxl {
        padding-right: 4rem
    }

    .pb--xxl--xxl {
        padding-bottom: 4rem
    }

    .pl--xxl--xxl {
        padding-left: 4rem
    }

    .p--xxxl--xxl {
        padding: 4.8rem
    }

    .px--xxxl--xxl {
        padding-left: 4.8rem;
        padding-right: 4.8rem
    }

    .py--xxxl--xxl {
        padding-bottom: 4.8rem
    }

    .pt--xxxl--xxl,.py--xxxl--xxl {
        padding-top: 4.8rem
    }

    .pr--xxxl--xxl {
        padding-right: 4.8rem
    }

    .pb--xxxl--xxl {
        padding-bottom: 4.8rem
    }

    .pl--xxxl--xxl {
        padding-left: 4.8rem
    }

    .p--g--xxl {
        padding: 5.6rem
    }

    .px--g--xxl {
        padding-left: 5.6rem;
        padding-right: 5.6rem
    }

    .py--g--xxl {
        padding-bottom: 5.6rem
    }

    .pt--g--xxl,.py--g--xxl {
        padding-top: 5.6rem
    }

    .pr--g--xxl {
        padding-right: 5.6rem
    }

    .pb--g--xxl {
        padding-bottom: 5.6rem
    }

    .pl--g--xxl {
        padding-left: 5.6rem
    }

    .p--xg--xxl {
        padding: 6.8rem
    }

    .px--xg--xxl {
        padding-left: 6.8rem;
        padding-right: 6.8rem
    }

    .py--xg--xxl {
        padding-bottom: 6.8rem
    }

    .pt--xg--xxl,.py--xg--xxl {
        padding-top: 6.8rem
    }

    .pr--xg--xxl {
        padding-right: 6.8rem
    }

    .pb--xg--xxl {
        padding-bottom: 6.8rem
    }

    .pl--xg--xxl {
        padding-left: 6.8rem
    }

    .p--xxg--xxl {
        padding: 8rem
    }

    .px--xxg--xxl {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .py--xxg--xxl {
        padding-bottom: 8rem
    }

    .pt--xxg--xxl,.py--xxg--xxl {
        padding-top: 8rem
    }

    .pr--xxg--xxl {
        padding-right: 8rem
    }

    .pb--xxg--xxl {
        padding-bottom: 8rem
    }

    .pl--xxg--xxl {
        padding-left: 8rem
    }

    .p--xxxg--xxl {
        padding: 11rem
    }

    .px--xxxg--xxl {
        padding-left: 11rem;
        padding-right: 11rem
    }

    .py--xxxg--xxl {
        padding-bottom: 11rem
    }

    .pt--xxxg--xxl,.py--xxxg--xxl {
        padding-top: 11rem
    }

    .pr--xxxg--xxl {
        padding-right: 11rem
    }

    .pb--xxxg--xxl {
        padding-bottom: 11rem
    }

    .pl--xxxg--xxl {
        padding-left: 11rem
    }
}

.card-content.m--n,.cmp-breadcrumb__list,.dashboard-account .dashboard-account__header.dashboard-account-container--without-credentials h1,.guardrail__price-overview .price-content .price .heading--2,.guardrail__price-overview .price-content .price .heading--4,.home-networks .add-firewall-rule__overlay__top-or-bottom .label-cards.cards .cards-slot,.m--n,.overlay__block-sim .overlay__section__content__title,.overlay__unblock-sim .overlay__section__content__title,.postpaid-registration.postpaid-registration__itsme .sim-home-activation,.sales-cart-row__content__section__desc p,.self-install__activated .cards,.table-of-rows__row--type-table-title .table-of-rows__row__values__value .cmp.cmp-title *,.table-of-rows__row__key .image-title-text-block--horizontal-align .cmp.cmp-title *,.table-of-rows__row__key .image-title-text-block--horizontal-align .cmp.cmp-title .card-content,.table-of-rows__row__key .image-title-text-block--horizontal-align .cmp.cmp-title .template-section .container--default,.template-section .container--default.m--n,.template-section .table-of-rows__row__key .image-title-text-block--horizontal-align .cmp.cmp-title .container--default {
    margin: 0
}

.mx--n {
    margin-left: 0;
    margin-right: 0
}

.my--n {
    margin-top: 0;
    margin-bottom: 0
}

.card-content.medium .notification--card,.hardware-product--offer-details__content__details div:first-child,.home-networks .add-firewall-rule__overlay .overlay__section__content__action .button,.manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-section,.manage-option__container.product-option__container,.mobile-overview-usage__cost-section,.mt--n,.overlay__block-sim .overlay__section__content__action .button:not(:first-child),.overlay__unblock-sim .overlay__section__content__action .button:not(:first-child),.self-install__activate-product .self-install__activate-product__header,.self-install__activated .self-install__product__list:first-child .self-install__product__list__name,.template-section.background--split .container--default.mt--n,.template-section.background__image--split .container--default.mt--n,.useful-links.useful-links--quicklinks .useful-links__title {
    margin-top: 0
}

.cards.cards--marketing .product-summary .product-summary__top>div,.hardware-details__image .slick-carousel__slider.slick-slider .slick-dots li:last-child,.hardware-product--descriptions__header,.hardware-product--icons li:last-child,.hardware-product--login .row .icon-text-block__text,.hardware-product--offer-details__header,.hardware-product--specifications__header,.manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-section>div:last-of-type,.mr--n,.navigation-list .nav-list .icon-file,.navigation-list.navigation-list--latest .nav-list .icon-file,.pagination .pagination__list__item.in-active,.slick-carousel__slider--thumbnail-image:last-child {
    margin-right: 0
}

.appointments--reserve .notification.notification--info,.appointments--reserve__datepicker .form-builder.form-group,.appointments--reserve__datepicker .form-builder.form-group .date-picker input,.appointments--reserve__datepicker .form-builder.form-group .form-helper,.appointments--reserve__datepicker .form-builder.form-group label,.appointments--reserve__datepicker input.form__input,.card-content--wave-data-card--group-view .group-view__footer-section-list>div:first-of-type,.card-content .notification,.care-page--version2 .secondary-header--care__container__component-name h1,.care-page-tln-bus--version-2 .secondary-header--care__container__component-name h1,.care-page .secondary-header--care__container__component-name h1,.contract-overview .form-builder.form-group:last-child,.contract-overview .manage-tip-contract--overlay .container--overlay .form-helper,.contract-overview .manage-tip-contract--overlay .container--overlay label,.contract-row-item.content-row .label-column .radio-checkbox .form-helper,.contract-row-item.content-row .label-column .radio-checkbox label,.employee-overview .form-builder.form-group:last-child,.employee-overview .manage-tip-contract--overlay .container--overlay .form-helper,.employee-overview .manage-tip-contract--overlay .container--overlay label,.employee-row-item.content-row .label-column .radio-checkbox .form-helper,.employee-row-item.content-row .label-column .radio-checkbox label,.form__radio input[type=radio].form__radio--checkmark+.form__radio__label.form-helper,.form__radio input[type=radio].form__radio--checkmark+label.form__radio__label,.hardware-product--nav__items-range .Form__input--placeholder.form__input-container--invalid:first-child,.hardware-product--nav__items-select:last-child,.header-search--fullwidth .searchBar--input.form__input,.historic-trials__overlay .overlay-page-header,.home-networks__content-section__details .notification,.installation-location__content:last-child .content-section,.installation-options__content .label-cards.cards.card-square--combi-with-icon-and-text .cards--container,.login-sales-journey__Container__section .button.button--secondary.button--fullwidth,.manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-button .label--large,.manage-option__container .manage-option__item .product-options__item:last-child,.manage-option__container.product-option__container .manage-option__item:last-child,.mb--n,.mobile-overview-usage__cost-section .cost-section__cost-field .cost-field__cost-value,.radio input[type=radio].form__radio--checkmark+.form__radio__label.form-helper,.radio input[type=radio].form__radio--checkmark+label.form__radio__label,.sales-flow__content__delivery__section .sales-display-info--delivery-address .sales-display-info__content__row__border:last-child,.sim-management-form .disclaimer-section,.sim-management .label--sim:last-of-type,.template-section.background--split .container--default.mb--n,.template-section.background__image--split .container--default.mb--n {
    margin-bottom: 0
}

.dtv-usage .navigation-list__label-name,.hardware-product--login .row .icon-text-block__text,.home-networks__content-section__details-filter__data .CheckboxSwitch,.ml--n,.overlay--column-reverse-mobile .overlay__section__content__action .button:not(:first-child) {
    margin-left: 0
}

.m--t {
    margin: .2rem
}

.mx--t {
    margin-left: .2rem;
    margin-right: .2rem
}

.my--t {
    margin-bottom: .2rem
}

.mt--t,.my--t {
    margin-top: .2rem
}

.mr--t {
    margin-right: .2rem
}

.mb--t {
    margin-bottom: .2rem
}

.ml--t {
    margin-left: .2rem
}

.m--xxxs {
    margin: .4rem
}

.mx--xxxs {
    margin-left: .4rem;
    margin-right: .4rem
}

.my--xxxs {
    margin-bottom: .4rem
}

.mt--xxxs,.my--xxxs,.self-install__terms__content .link {
    margin-top: .4rem
}

.mr--xxxs {
    margin-right: .4rem
}

.contract-overview .manage-tip-contract--overlay__header .page-title__icon,.employee-overview .manage-tip-contract--overlay__header .page-title__icon,.hardware-product--nav__items-range .Form__input--placeholder.form__input-container--invalid .icon-error-input:before,.hardware-product__content__header div :first-child,.mb--xxxs,.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container .available-options-container__section .section__content__first-section__label-name.ellipsis,.navigation-list .nav-list.nav-list__with-badge .navigation-list__label-name.ellipsis,.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge .navigation-list__label-name.ellipsis {
    margin-bottom: .4rem
}

.ml--xxxs {
    margin-left: .4rem
}

.card-content,.m--xxs {
    margin: .8rem
}

.mx--xxs {
    margin-left: .8rem;
    margin-right: .8rem
}

.my--xxs {
    margin-top: .8rem;
    margin-bottom: .8rem
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector-menu__list__item:nth-child(2),.hardware-product--nav__items-range .form__input__invalid-message,.mt--xxs,.sales-cart__order-info__list,.sales-cart__order-info__list li,.sim-activation__current-sim>.form-group .label--radio.form-helper,.sim-activation__current-sim>.form-group .radio,.sim-activation__current-sim>.form-group label.label--radio,.sim-home-activation__current-sim>.form-group .label--radio.form-helper,.sim-home-activation__current-sim>.form-group .radio,.sim-home-activation__current-sim>.form-group label.label--radio {
    margin-top: .8rem
}

.hardware-product__content__configurations-color,.image-title-text-block--horizontal-align>div:first-child,.mr--xxs,.pid-profile__form-container .otp-container .form__singleNumberInput,.slick-carousel__slider--thumbnail-image,.table-of-rows__row__key .image-title-text-block--horizontal-align .cmp-image {
    margin-right: .8rem
}

.card-content--wave-data-card--group-view .group-view__footer-section>div:first-of-type,.hardware-product--info__content-title,.mb--xxs,.pid-profile__form-container .otp-container .form__singleNumberInput,.sim-management__sim-block p {
    margin-bottom: .8rem
}

.hardware-product--nav__items .label--large.form-helper,.hardware-product--nav__items label.label--large,.hardware-product__content__configurations-color:first-child,.ml--xxs {
    margin-left: .8rem
}

.m--default {
    margin: 1rem
}

.mx--default {
    margin-left: 1rem;
    margin-right: 1rem
}

.my--default {
    margin-bottom: 1rem
}

.mt--default,.my--default {
    margin-top: 1rem
}

.mr--default {
    margin-right: 1rem
}

.mb--default {
    margin-bottom: 1rem
}

.ml--default {
    margin-left: 1rem
}

.m--xs {
    margin: 1.2rem
}

.mx--xs {
    margin-left: 1.2rem;
    margin-right: 1.2rem
}

.my--xs {
    margin-bottom: 1.2rem
}

.hardware-product--nav__items-range,.mt--xs,.my--xs {
    margin-top: 1.2rem
}

.cmp-text__listing--primary-ticks ul li:before,.form__radio input[type=radio].form__radio--checkmark+.form__radio__label.form-helper,.form__radio input[type=radio].form__radio--checkmark+label.form__radio__label,.mr--xs,.radio input[type=radio].form__radio--checkmark+.form__radio__label.form-helper,.radio input[type=radio].form__radio--checkmark+label.form__radio__label,.self-install__product__name,.useful-links .icon-chevron-right {
    margin-right: 1.2rem
}

.mb--xs {
    margin-bottom: 1.2rem
}

.dtv-usage .navigation-list .nav-list li .selection-bar,.ml--xs {
    margin-left: 1.2rem
}

.m--s {
    margin: 1.4rem
}

.mx--s {
    margin-left: 1.4rem;
    margin-right: 1.4rem
}

.my--s {
    margin-bottom: 1.4rem
}

.mt--s,.my--s {
    margin-top: 1.4rem
}

.mr--s {
    margin-right: 1.4rem
}

.mb--s,.sim-activation__current-sim>.form-group .form-group__field,.sim-home-activation__current-sim>.form-group .form-group__field {
    margin-bottom: 1.4rem
}

.ml--s {
    margin-left: 1.4rem
}

.m--m,.promo-highlight--mini {
    margin: 1.6rem
}

.mx--m,.self-install--no-products__description {
    margin-left: 1.6rem;
    margin-right: 1.6rem
}

.manage-option__container .notification,.my--m {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.accordion-wrapper .header-accordion,.hardware-product--login .row .icon-text-block__text,.home-networks.ipv6-firewall-settings .home-networks__content-section__details-filter__data,.home-networks__content-section__details .button__filter,.mt--m {
    margin-top: 1.6rem
}

.hardware-details__image .slick-carousel__slider.slick-slider .slick-dots li,.mr--m,.social-sharing__option {
    margin-right: 1.6rem
}

.Form__input-container--invalid .icon-error-input:before,.form__input-container--invalid .icon-error-input:before,.Form__input-container--invalid .icon-error:before,.form__input-container--invalid .icon-error:before,.hardware-product--info__content-desc div,.historic-trials__title,.home-networks .add-firewall-rule__overlay .overlay__section__content__action .button,.label-cards.cards.card-mini.card-mini--square-checkbox .cards-slot__stepper-spacing,.list-inline__list__item,.mb--m,.online-payment .notification,.overlay--column-reverse-mobile .overlay__section__content__action .button:not(:first-child),.overlay__block-sim .overlay__section__content__sub-title,.overlay__unblock-sim .overlay__section__content__sub-title,.radio-checkbox--horizontal .radio-checkbox,.self-install--no-products__action .button:first-child,.social-sharing__option {
    margin-bottom: 1.6rem
}

.ml--m {
    margin-left: 1.6rem
}

.m--xm {
    margin: 2rem
}

.mx--xm {
    margin-left: 2rem;
    margin-right: 2rem
}

.my--xm {
    margin-bottom: 2rem
}

.mt--xm,.my--xm {
    margin-top: 2rem
}

.mr--xm {
    margin-right: 2rem
}

.mb--xm {
    margin-bottom: 2rem
}

.ml--xm {
    margin-left: 2rem
}

.m--l,.product-row-item.product-row-item__failed-orders__data--items {
    margin: 2.4rem
}

.mx--l {
    margin-left: 2.4rem;
    margin-right: 2.4rem
}

.my--l,.pay-balance__hr-line {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

.hardware-product--nav__items-range__button,.hardware-product--nav__items-select:first-child,.hardware-product--nav__items .ngx-slider,.hardware-product--offer-details__content__details div,.hardware-recommendations .slick-track,.home-networks__content-section__details .button__filter,.mt--l,.self-install--no-products__description,.self-install__activated .self-install__label {
    margin-top: 2.4rem
}

.mr--l {
    margin-right: 2.4rem
}

.care--appointments .care--appointments__content .notification--info,.dtv-details .notification,.generate-return-label .notification,.grouping--mobile-margin .aem-Grid .cmp-responsivegrid,.home-networks__content-section__details-filter__data:last-child,.home-networks__submit-section button:not(:first-child),.manage-profile-details__details-content,.manage-profile-details__invite-label,.manage-profile-details__read-container,.mb--l,.migration-info .migration-info__title,.product-overview .notification,.third-party-services .notification,.yearly-payment .contract-row-item {
    margin-bottom: 2.4rem
}

.cmp-text__listing--primary-ticks ul li:before,.ml--l {
    margin-left: 2.4rem
}

.m--xl {
    margin: 3.2rem
}

.mx--xl {
    margin-left: 3.2rem;
    margin-right: 3.2rem
}

.my--xl {
    margin-bottom: 3.2rem
}

.appointments--reserve .notification.notification--info,.mt--xl,.my--xl,.overlay__block-sim .overlay__section__content__action,.overlay__unblock-sim .overlay__section__content__action,.self-install__activated__btn,.self-install__terms {
    margin-top: 3.2rem
}

.horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step:first-child,.mr--xl {
    margin-right: 3.2rem
}

.authentication--cards-wrapper .cards .body,.dtv-limits__content-section.content-section,.hardware-product--nav__items-range .Form__input--placeholder:first-child,.hardware-product--nav__items-range .form__msg--first-error,.home-networks .product-row-item__container .container-row .option,.mb--xl,.realspeed .content-section .row:last-child .form-group,.self-install .cards--body .address-section {
    margin-bottom: 3.2rem
}

.ml--xl {
    margin-left: 3.2rem
}

.m--xxl {
    margin: 4rem
}

.mx--xxl {
    margin-left: 4rem;
    margin-right: 4rem
}

.my--xxl {
    margin-bottom: 4rem
}

.content-section__details .communication-text,.mt--xxl,.my--xxl {
    margin-top: 4rem
}

.mr--xxl {
    margin-right: 4rem
}

.mb--xxl {
    margin-bottom: 4rem
}

.ml--xxl {
    margin-left: 4rem
}

.m--xxxl {
    margin: 4.8rem
}

.mx--xxxl {
    margin-left: 4.8rem;
    margin-right: 4.8rem
}

.my--xxxl {
    margin-bottom: 4.8rem
}

.mt--xxxl,.my--xxxl {
    margin-top: 4.8rem
}

.mr--xxxl {
    margin-right: 4.8rem
}

.hardware-recommendations .slick-track,.home-networks .add-firewall-rule__overlay__title,.installation-options__overlay .installation-options__overlay__description,.mb--xxxl,.self-install__activated .self-install__label {
    margin-bottom: 4.8rem
}

.ml--xxxl {
    margin-left: 4.8rem
}

.m--g {
    margin: 5.6rem
}

.mx--g {
    margin-left: 5.6rem;
    margin-right: 5.6rem
}

.my--g {
    margin-bottom: 5.6rem
}

.manage-mailbox--create-mailbox .overlay__section__content__description,.manage-profile-details--change-role .overlay__section__content__description,.mt--g,.my--g {
    margin-top: 5.6rem
}

.mr--g {
    margin-right: 5.6rem
}

.mb--g {
    margin-bottom: 5.6rem
}

.ml--g {
    margin-left: 5.6rem
}

.m--xg {
    margin: 6.8rem
}

.mx--xg {
    margin-left: 6.8rem;
    margin-right: 6.8rem
}

.my--xg {
    margin-bottom: 6.8rem
}

.mt--xg,.my--xg {
    margin-top: 6.8rem
}

.mr--xg {
    margin-right: 6.8rem
}

.mb--xg {
    margin-bottom: 6.8rem
}

.ml--xg {
    margin-left: 6.8rem
}

.m--xxg {
    margin: 8rem
}

.mx--xxg {
    margin-left: 8rem;
    margin-right: 8rem
}

.my--xxg {
    margin-bottom: 8rem
}

.invite-new-user--invite-overlay .overlay__section__content__description,.invite-new-user--pending-invite-overlay .overlay__section__content__description,.invite-new-user--success-invite-overlay .overlay__section__content__description,.mt--xxg,.my--xxg,.sim-management--sim-overlay .overlay__section__content__description {
    margin-top: 8rem
}

.mr--xxg {
    margin-right: 8rem
}

.mb--xxg {
    margin-bottom: 8rem
}

.ml--xxg {
    margin-left: 8rem
}

.m--xxxg {
    margin: 11rem
}

.mx--xxxg {
    margin-left: 11rem;
    margin-right: 11rem
}

.my--xxxg {
    margin-bottom: 11rem
}

.mt--xxxg,.my--xxxg {
    margin-top: 11rem
}

.mr--xxxg {
    margin-right: 11rem
}

.mb--xxxg {
    margin-bottom: 11rem
}

.ml--xxxg {
    margin-left: 11rem
}

@media only screen and (min-width: 20em) {
    .m--n--xs {
        margin:0
    }

    .mx--n--xs {
        margin-left: 0;
        margin-right: 0
    }

    .my--n--xs {
        margin-bottom: 0
    }

    .mt--n--xs,.my--n--xs {
        margin-top: 0
    }

    .mr--n--xs {
        margin-right: 0
    }

    .mb--n--xs {
        margin-bottom: 0
    }

    .ml--n--xs {
        margin-left: 0
    }

    .m--t--xs {
        margin: .2rem
    }

    .mx--t--xs {
        margin-left: .2rem;
        margin-right: .2rem
    }

    .my--t--xs {
        margin-bottom: .2rem
    }

    .mt--t--xs,.my--t--xs {
        margin-top: .2rem
    }

    .mr--t--xs {
        margin-right: .2rem
    }

    .mb--t--xs {
        margin-bottom: .2rem
    }

    .ml--t--xs {
        margin-left: .2rem
    }

    .m--xxxs--xs {
        margin: .4rem
    }

    .mx--xxxs--xs {
        margin-left: .4rem;
        margin-right: .4rem
    }

    .my--xxxs--xs {
        margin-bottom: .4rem
    }

    .mt--xxxs--xs,.my--xxxs--xs {
        margin-top: .4rem
    }

    .mr--xxxs--xs {
        margin-right: .4rem
    }

    .mb--xxxs--xs {
        margin-bottom: .4rem
    }

    .ml--xxxs--xs {
        margin-left: .4rem
    }

    .m--xxs--xs {
        margin: .8rem
    }

    .mx--xxs--xs {
        margin-left: .8rem;
        margin-right: .8rem
    }

    .my--xxs--xs {
        margin-bottom: .8rem
    }

    .mt--xxs--xs,.my--xxs--xs {
        margin-top: .8rem
    }

    .mr--xxs--xs {
        margin-right: .8rem
    }

    .mb--xxs--xs {
        margin-bottom: .8rem
    }

    .ml--xxs--xs {
        margin-left: .8rem
    }

    .m--default--xs {
        margin: 1rem
    }

    .mx--default--xs {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .my--default--xs {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mt--default--xs {
        margin-top: 1rem
    }

    .mr--default--xs {
        margin-right: 1rem
    }

    .mb--default--xs {
        margin-bottom: 1rem
    }

    .ml--default--xs {
        margin-left: 1rem
    }

    .m--xs--xs {
        margin: 1.2rem
    }

    .mx--xs--xs {
        margin-left: 1.2rem;
        margin-right: 1.2rem
    }

    .my--xs--xs {
        margin-bottom: 1.2rem
    }

    .mt--xs--xs,.my--xs--xs {
        margin-top: 1.2rem
    }

    .mr--xs--xs {
        margin-right: 1.2rem
    }

    .mb--xs--xs {
        margin-bottom: 1.2rem
    }

    .ml--xs--xs {
        margin-left: 1.2rem
    }

    .m--s--xs {
        margin: 1.4rem
    }

    .mx--s--xs {
        margin-left: 1.4rem;
        margin-right: 1.4rem
    }

    .my--s--xs {
        margin-bottom: 1.4rem
    }

    .mt--s--xs,.my--s--xs {
        margin-top: 1.4rem
    }

    .mr--s--xs {
        margin-right: 1.4rem
    }

    .mb--s--xs {
        margin-bottom: 1.4rem
    }

    .ml--s--xs {
        margin-left: 1.4rem
    }

    .m--m--xs {
        margin: 1.6rem
    }

    .mx--m--xs {
        margin-left: 1.6rem;
        margin-right: 1.6rem
    }

    .my--m--xs {
        margin-bottom: 1.6rem
    }

    .mt--m--xs,.my--m--xs {
        margin-top: 1.6rem
    }

    .mr--m--xs {
        margin-right: 1.6rem
    }

    .mb--m--xs {
        margin-bottom: 1.6rem
    }

    .ml--m--xs {
        margin-left: 1.6rem
    }

    .m--xm--xs {
        margin: 2rem
    }

    .mx--xm--xs {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .my--xm--xs {
        margin-bottom: 2rem
    }

    .mt--xm--xs,.my--xm--xs {
        margin-top: 2rem
    }

    .mr--xm--xs {
        margin-right: 2rem
    }

    .mb--xm--xs {
        margin-bottom: 2rem
    }

    .ml--xm--xs {
        margin-left: 2rem
    }

    .m--l--xs {
        margin: 2.4rem
    }

    .mx--l--xs {
        margin-left: 2.4rem;
        margin-right: 2.4rem
    }

    .my--l--xs {
        margin-bottom: 2.4rem
    }

    .mt--l--xs,.my--l--xs {
        margin-top: 2.4rem
    }

    .mr--l--xs {
        margin-right: 2.4rem
    }

    .mb--l--xs {
        margin-bottom: 2.4rem
    }

    .ml--l--xs {
        margin-left: 2.4rem
    }

    .m--xl--xs {
        margin: 3.2rem
    }

    .mx--xl--xs {
        margin-left: 3.2rem;
        margin-right: 3.2rem
    }

    .my--xl--xs {
        margin-bottom: 3.2rem
    }

    .mt--xl--xs,.my--xl--xs {
        margin-top: 3.2rem
    }

    .mr--xl--xs {
        margin-right: 3.2rem
    }

    .mb--xl--xs {
        margin-bottom: 3.2rem
    }

    .ml--xl--xs {
        margin-left: 3.2rem
    }

    .m--xxl--xs {
        margin: 4rem
    }

    .mx--xxl--xs {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .my--xxl--xs {
        margin-bottom: 4rem
    }

    .mt--xxl--xs,.my--xxl--xs {
        margin-top: 4rem
    }

    .mr--xxl--xs {
        margin-right: 4rem
    }

    .mb--xxl--xs {
        margin-bottom: 4rem
    }

    .ml--xxl--xs {
        margin-left: 4rem
    }

    .m--xxxl--xs {
        margin: 4.8rem
    }

    .mx--xxxl--xs {
        margin-left: 4.8rem;
        margin-right: 4.8rem
    }

    .my--xxxl--xs {
        margin-bottom: 4.8rem
    }

    .mt--xxxl--xs,.my--xxxl--xs {
        margin-top: 4.8rem
    }

    .mr--xxxl--xs {
        margin-right: 4.8rem
    }

    .mb--xxxl--xs {
        margin-bottom: 4.8rem
    }

    .ml--xxxl--xs {
        margin-left: 4.8rem
    }

    .m--g--xs {
        margin: 5.6rem
    }

    .mx--g--xs {
        margin-left: 5.6rem;
        margin-right: 5.6rem
    }

    .my--g--xs {
        margin-bottom: 5.6rem
    }

    .mt--g--xs,.my--g--xs {
        margin-top: 5.6rem
    }

    .mr--g--xs {
        margin-right: 5.6rem
    }

    .mb--g--xs {
        margin-bottom: 5.6rem
    }

    .ml--g--xs {
        margin-left: 5.6rem
    }

    .m--xg--xs {
        margin: 6.8rem
    }

    .mx--xg--xs {
        margin-left: 6.8rem;
        margin-right: 6.8rem
    }

    .my--xg--xs {
        margin-bottom: 6.8rem
    }

    .mt--xg--xs,.my--xg--xs {
        margin-top: 6.8rem
    }

    .mr--xg--xs {
        margin-right: 6.8rem
    }

    .mb--xg--xs {
        margin-bottom: 6.8rem
    }

    .ml--xg--xs {
        margin-left: 6.8rem
    }

    .m--xxg--xs {
        margin: 8rem
    }

    .mx--xxg--xs {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .my--xxg--xs {
        margin-bottom: 8rem
    }

    .mt--xxg--xs,.my--xxg--xs {
        margin-top: 8rem
    }

    .mr--xxg--xs {
        margin-right: 8rem
    }

    .mb--xxg--xs {
        margin-bottom: 8rem
    }

    .ml--xxg--xs {
        margin-left: 8rem
    }

    .m--xxxg--xs {
        margin: 11rem
    }

    .mx--xxxg--xs {
        margin-left: 11rem;
        margin-right: 11rem
    }

    .my--xxxg--xs {
        margin-bottom: 11rem
    }

    .mt--xxxg--xs,.my--xxxg--xs {
        margin-top: 11rem
    }

    .mr--xxxg--xs {
        margin-right: 11rem
    }

    .mb--xxxg--xs {
        margin-bottom: 11rem
    }

    .ml--xxxg--xs {
        margin-left: 11rem
    }
}

@media only screen and (min-width: 36em) {
    .m--n--sm {
        margin:0
    }

    .mx--n--sm {
        margin-left: 0;
        margin-right: 0
    }

    .my--n--sm {
        margin-bottom: 0
    }

    .home-networks.ipv6-firewall-settings .home-networks__content-section__details-filter__data,.mt--n--sm,.my--n--sm {
        margin-top: 0
    }

    .mr--n--sm {
        margin-right: 0
    }

    .grouping--mobile-margin .aem-Grid .cmp-responsivegrid,.mb--n--sm,.mobile-overview-usage__cost-section .cost-section__cost-field .cost-field__cost-value,.radio-checkbox--horizontal .radio-checkbox {
        margin-bottom: 0
    }

    .ml--n--sm {
        margin-left: 0
    }

    .m--t--sm {
        margin: .2rem
    }

    .mx--t--sm {
        margin-left: .2rem;
        margin-right: .2rem
    }

    .my--t--sm {
        margin-bottom: .2rem
    }

    .mt--t--sm,.my--t--sm {
        margin-top: .2rem
    }

    .mr--t--sm {
        margin-right: .2rem
    }

    .mb--t--sm {
        margin-bottom: .2rem
    }

    .ml--t--sm {
        margin-left: .2rem
    }

    .m--xxxs--sm {
        margin: .4rem
    }

    .mx--xxxs--sm {
        margin-left: .4rem;
        margin-right: .4rem
    }

    .my--xxxs--sm {
        margin-bottom: .4rem
    }

    .mt--xxxs--sm,.my--xxxs--sm {
        margin-top: .4rem
    }

    .cmp-text__listing--primary-ticks ul li:before,.mr--xxxs--sm {
        margin-right: .4rem
    }

    .mb--xxxs--sm {
        margin-bottom: .4rem
    }

    .ml--xxxs--sm {
        margin-left: .4rem
    }

    .m--xxs--sm {
        margin: .8rem
    }

    .mx--xxs--sm {
        margin-left: .8rem;
        margin-right: .8rem
    }

    .my--xxs--sm {
        margin-bottom: .8rem
    }

    .mt--xxs--sm,.my--xxs--sm {
        margin-top: .8rem
    }

    .mr--xxs--sm,.table-of-rows__row__key .image-title-text-block--horizontal-align .cmp-image {
        margin-right: .8rem
    }

    .mb--xxs--sm {
        margin-bottom: .8rem
    }

    .ml--xxs--sm {
        margin-left: .8rem
    }

    .m--default--sm {
        margin: 1rem
    }

    .mx--default--sm {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .my--default--sm {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mt--default--sm {
        margin-top: 1rem
    }

    .mr--default--sm {
        margin-right: 1rem
    }

    .mb--default--sm {
        margin-bottom: 1rem
    }

    .ml--default--sm {
        margin-left: 1rem
    }

    .m--xs--sm {
        margin: 1.2rem
    }

    .mx--xs--sm {
        margin-left: 1.2rem;
        margin-right: 1.2rem
    }

    .my--xs--sm {
        margin-bottom: 1.2rem
    }

    .mt--xs--sm,.my--xs--sm {
        margin-top: 1.2rem
    }

    .mr--xs--sm {
        margin-right: 1.2rem
    }

    .mb--xs--sm {
        margin-bottom: 1.2rem
    }

    .ml--xs--sm {
        margin-left: 1.2rem
    }

    .m--s--sm {
        margin: 1.4rem
    }

    .mx--s--sm {
        margin-left: 1.4rem;
        margin-right: 1.4rem
    }

    .my--s--sm {
        margin-bottom: 1.4rem
    }

    .mt--s--sm,.my--s--sm {
        margin-top: 1.4rem
    }

    .mr--s--sm {
        margin-right: 1.4rem
    }

    .mb--s--sm {
        margin-bottom: 1.4rem
    }

    .ml--s--sm {
        margin-left: 1.4rem
    }

    .m--m--sm {
        margin: 1.6rem
    }

    .mx--m--sm {
        margin-left: 1.6rem;
        margin-right: 1.6rem
    }

    .my--m--sm {
        margin-bottom: 1.6rem
    }

    .mt--m--sm,.my--m--sm {
        margin-top: 1.6rem
    }

    .mr--m--sm {
        margin-right: 1.6rem
    }

    .mb--m--sm {
        margin-bottom: 1.6rem
    }

    .ml--m--sm {
        margin-left: 1.6rem
    }

    .m--xm--sm {
        margin: 2rem
    }

    .mx--xm--sm {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .my--xm--sm {
        margin-bottom: 2rem
    }

    .mt--xm--sm,.my--xm--sm {
        margin-top: 2rem
    }

    .label-cards.cards.card-mini.card-mini--square-checkbox .cards-slot__stepper-spacing,.mr--xm--sm {
        margin-right: 2rem
    }

    .mb--xm--sm {
        margin-bottom: 2rem
    }

    .ml--xm--sm {
        margin-left: 2rem
    }

    .m--l--sm {
        margin: 2.4rem
    }

    .mx--l--sm {
        margin-left: 2.4rem;
        margin-right: 2.4rem
    }

    .my--l--sm {
        margin-bottom: 2.4rem
    }

    .mobile-overview-usage__cost-section,.mt--l--sm,.my--l--sm {
        margin-top: 2.4rem
    }

    .mr--l--sm {
        margin-right: 2.4rem
    }

    .mb--l--sm {
        margin-bottom: 2.4rem
    }

    .ml--l--sm {
        margin-left: 2.4rem
    }

    .m--xl--sm {
        margin: 3.2rem
    }

    .mx--xl--sm {
        margin-left: 3.2rem;
        margin-right: 3.2rem
    }

    .my--xl--sm {
        margin-bottom: 3.2rem
    }

    .mt--xl--sm,.my--xl--sm {
        margin-top: 3.2rem
    }

    .mr--xl--sm {
        margin-right: 3.2rem
    }

    .manage-profile-details__details-content,.manage-profile-details__invite-label,.manage-profile-details__read-container,.mb--xl--sm {
        margin-bottom: 3.2rem
    }

    .ml--xl--sm {
        margin-left: 3.2rem
    }

    .m--xxl--sm {
        margin: 4rem
    }

    .mx--xxl--sm {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .my--xxl--sm {
        margin-bottom: 4rem
    }

    .mt--xxl--sm,.my--xxl--sm {
        margin-top: 4rem
    }

    .mr--xxl--sm {
        margin-right: 4rem
    }

    .mb--xxl--sm {
        margin-bottom: 4rem
    }

    .ml--xxl--sm {
        margin-left: 4rem
    }

    .m--xxxl--sm {
        margin: 4.8rem
    }

    .mx--xxxl--sm {
        margin-left: 4.8rem;
        margin-right: 4.8rem
    }

    .my--xxxl--sm {
        margin-bottom: 4.8rem
    }

    .mt--xxxl--sm,.my--xxxl--sm {
        margin-top: 4.8rem
    }

    .mr--xxxl--sm {
        margin-right: 4.8rem
    }

    .mb--xxxl--sm {
        margin-bottom: 4.8rem
    }

    .ml--xxxl--sm {
        margin-left: 4.8rem
    }

    .m--g--sm {
        margin: 5.6rem
    }

    .mx--g--sm {
        margin-left: 5.6rem;
        margin-right: 5.6rem
    }

    .my--g--sm {
        margin-bottom: 5.6rem
    }

    .mt--g--sm,.my--g--sm {
        margin-top: 5.6rem
    }

    .mr--g--sm {
        margin-right: 5.6rem
    }

    .mb--g--sm {
        margin-bottom: 5.6rem
    }

    .ml--g--sm {
        margin-left: 5.6rem
    }

    .m--xg--sm {
        margin: 6.8rem
    }

    .mx--xg--sm {
        margin-left: 6.8rem;
        margin-right: 6.8rem
    }

    .my--xg--sm {
        margin-bottom: 6.8rem
    }

    .mt--xg--sm,.my--xg--sm {
        margin-top: 6.8rem
    }

    .mr--xg--sm {
        margin-right: 6.8rem
    }

    .mb--xg--sm {
        margin-bottom: 6.8rem
    }

    .ml--xg--sm {
        margin-left: 6.8rem
    }

    .m--xxg--sm {
        margin: 8rem
    }

    .mx--xxg--sm {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .my--xxg--sm {
        margin-bottom: 8rem
    }

    .mt--xxg--sm,.my--xxg--sm {
        margin-top: 8rem
    }

    .mr--xxg--sm {
        margin-right: 8rem
    }

    .mb--xxg--sm {
        margin-bottom: 8rem
    }

    .ml--xxg--sm {
        margin-left: 8rem
    }

    .m--xxxg--sm {
        margin: 11rem
    }

    .mx--xxxg--sm {
        margin-left: 11rem;
        margin-right: 11rem
    }

    .my--xxxg--sm {
        margin-bottom: 11rem
    }

    .mt--xxxg--sm,.my--xxxg--sm {
        margin-top: 11rem
    }

    .mr--xxxg--sm {
        margin-right: 11rem
    }

    .mb--xxxg--sm {
        margin-bottom: 11rem
    }

    .ml--xxxg--sm {
        margin-left: 11rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .m--n--md,.table-of-rows__row__key .image-title-text-block--horizontal-align .cmp.cmp-title .template-section .container--default,.template-section .container--default.m--n,.template-section .table-of-rows__row__key .image-title-text-block--horizontal-align .cmp.cmp-title .container--default {
        margin:0
    }

    .mx--n--md {
        margin-left: 0;
        margin-right: 0
    }

    .my--n--md {
        margin-bottom: 0
    }

    .hardware-product--login .row .icon-text-block__text,.mt--n--md,.my--n--md,.template-section.background--split .container--default.mt--n,.template-section.background__image--split .container--default.mt--n {
        margin-top: 0
    }

    .discount-use.slick-carousel__slider.slick-slider.discount-use__slider__min-items .slick-list .slick-track,.mr--n--md {
        margin-right: 0
    }

    .home-networks__content-section__details-filter__data:last-child,.home-networks__submit-section button:not(:first-child),.mb--n--md,.overlay--column-reverse-mobile .overlay__section__content__action .button:not(:first-child),.template-section.background--split .container--default.mb--n,.template-section.background__image--split .container--default.mb--n {
        margin-bottom: 0
    }

    .discount-use.slick-carousel__slider.slick-slider.discount-use__slider__min-items .slick-list .slick-track,.ml--n--md {
        margin-left: 0
    }

    .m--t--md {
        margin: .2rem
    }

    .mx--t--md {
        margin-left: .2rem;
        margin-right: .2rem
    }

    .my--t--md {
        margin-bottom: .2rem
    }

    .mt--t--md,.my--t--md {
        margin-top: .2rem
    }

    .mr--t--md {
        margin-right: .2rem
    }

    .mb--t--md {
        margin-bottom: .2rem
    }

    .ml--t--md {
        margin-left: .2rem
    }

    .m--xxxs--md {
        margin: .4rem
    }

    .mx--xxxs--md {
        margin-left: .4rem;
        margin-right: .4rem
    }

    .my--xxxs--md {
        margin-bottom: .4rem
    }

    .mt--xxxs--md,.my--xxxs--md {
        margin-top: .4rem
    }

    .mr--xxxs--md {
        margin-right: .4rem
    }

    .mb--xxxs--md {
        margin-bottom: .4rem
    }

    .ml--xxxs--md {
        margin-left: .4rem
    }

    .m--xxs--md {
        margin: .8rem
    }

    .mx--xxs--md {
        margin-left: .8rem;
        margin-right: .8rem
    }

    .my--xxs--md {
        margin-bottom: .8rem
    }

    .mt--xxs--md,.my--xxs--md {
        margin-top: .8rem
    }

    .mr--xxs--md {
        margin-right: .8rem
    }

    .mb--xxs--md {
        margin-bottom: .8rem
    }

    .ml--xxs--md,.overlay--column-reverse-mobile .overlay__section__content__action .button:not(:first-child) {
        margin-left: .8rem
    }

    .m--default--md {
        margin: 1rem
    }

    .mx--default--md {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .my--default--md {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mt--default--md {
        margin-top: 1rem
    }

    .mr--default--md {
        margin-right: 1rem
    }

    .mb--default--md {
        margin-bottom: 1rem
    }

    .ml--default--md {
        margin-left: 1rem
    }

    .m--xs--md {
        margin: 1.2rem
    }

    .mx--xs--md {
        margin-left: 1.2rem;
        margin-right: 1.2rem
    }

    .my--xs--md {
        margin-bottom: 1.2rem
    }

    .mt--xs--md,.my--xs--md {
        margin-top: 1.2rem
    }

    .mr--xs--md {
        margin-right: 1.2rem
    }

    .mb--xs--md,.yearly-payment .contract-row-item {
        margin-bottom: 1.2rem
    }

    .ml--xs--md {
        margin-left: 1.2rem
    }

    .m--s--md {
        margin: 1.4rem
    }

    .mx--s--md {
        margin-left: 1.4rem;
        margin-right: 1.4rem
    }

    .my--s--md {
        margin-bottom: 1.4rem
    }

    .mt--s--md,.my--s--md {
        margin-top: 1.4rem
    }

    .mr--s--md {
        margin-right: 1.4rem
    }

    .mb--s--md {
        margin-bottom: 1.4rem
    }

    .ml--s--md {
        margin-left: 1.4rem
    }

    .m--m--md {
        margin: 1.6rem
    }

    .mx--m--md {
        margin-left: 1.6rem;
        margin-right: 1.6rem
    }

    .my--m--md {
        margin-bottom: 1.6rem
    }

    .mt--m--md,.my--m--md {
        margin-top: 1.6rem
    }

    .mr--m--md {
        margin-right: 1.6rem
    }

    .mb--m--md {
        margin-bottom: 1.6rem
    }

    .ml--m--md {
        margin-left: 1.6rem
    }

    .m--xm--md {
        margin: 2rem
    }

    .mx--xm--md {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .my--xm--md {
        margin-bottom: 2rem
    }

    .mt--xm--md,.my--xm--md {
        margin-top: 2rem
    }

    .mr--xm--md {
        margin-right: 2rem
    }

    .mb--xm--md {
        margin-bottom: 2rem
    }

    .ml--xm--md {
        margin-left: 2rem
    }

    .m--l--md {
        margin: 2.4rem
    }

    .mx--l--md {
        margin-left: 2.4rem;
        margin-right: 2.4rem
    }

    .my--l--md {
        margin-bottom: 2.4rem
    }

    .mt--l--md,.my--l--md,.product-row-item.product-row-item__failed-orders__data--items {
        margin-top: 2.4rem
    }

    .hardware-product--login .row .icon-text-block__text,.mr--l--md {
        margin-right: 2.4rem
    }

    .mb--l--md {
        margin-bottom: 2.4rem
    }

    .hardware-product--login .row .icon-text-block__text,.ml--l--md {
        margin-left: 2.4rem
    }

    .m--xl--md {
        margin: 3.2rem
    }

    .mx--xl--md {
        margin-left: 3.2rem;
        margin-right: 3.2rem
    }

    .my--xl--md {
        margin-bottom: 3.2rem
    }

    .mt--xl--md,.my--xl--md {
        margin-top: 3.2rem
    }

    .mr--xl--md,.product-row-item.product-row-item__failed-orders__data--items {
        margin-right: 3.2rem
    }

    .mb--xl--md,.product-row-item.product-row-item__failed-orders__data--items {
        margin-bottom: 3.2rem
    }

    .ml--xl--md,.product-row-item.product-row-item__failed-orders__data--items {
        margin-left: 3.2rem
    }

    .m--xxl--md {
        margin: 4rem
    }

    .mx--xxl--md {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .my--xxl--md {
        margin-bottom: 4rem
    }

    .mt--xxl--md,.my--xxl--md {
        margin-top: 4rem
    }

    .mr--xxl--md {
        margin-right: 4rem
    }

    .care--appointments .care--appointments__content .notification--info,.mb--xxl--md {
        margin-bottom: 4rem
    }

    .ml--xxl--md {
        margin-left: 4rem
    }

    .m--xxxl--md {
        margin: 4.8rem
    }

    .mx--xxxl--md {
        margin-left: 4.8rem;
        margin-right: 4.8rem
    }

    .my--xxxl--md {
        margin-bottom: 4.8rem
    }

    .mt--xxxl--md,.my--xxxl--md {
        margin-top: 4.8rem
    }

    .mr--xxxl--md {
        margin-right: 4.8rem
    }

    .mb--xxxl--md {
        margin-bottom: 4.8rem
    }

    .ml--xxxl--md {
        margin-left: 4.8rem
    }

    .m--g--md {
        margin: 5.6rem
    }

    .mx--g--md {
        margin-left: 5.6rem;
        margin-right: 5.6rem
    }

    .my--g--md {
        margin-bottom: 5.6rem
    }

    .mt--g--md,.my--g--md {
        margin-top: 5.6rem
    }

    .mr--g--md {
        margin-right: 5.6rem
    }

    .mb--g--md {
        margin-bottom: 5.6rem
    }

    .ml--g--md {
        margin-left: 5.6rem
    }

    .m--xg--md {
        margin: 6.8rem
    }

    .mx--xg--md {
        margin-left: 6.8rem;
        margin-right: 6.8rem
    }

    .my--xg--md {
        margin-bottom: 6.8rem
    }

    .mt--xg--md,.my--xg--md {
        margin-top: 6.8rem
    }

    .mr--xg--md {
        margin-right: 6.8rem
    }

    .mb--xg--md {
        margin-bottom: 6.8rem
    }

    .ml--xg--md {
        margin-left: 6.8rem
    }

    .m--xxg--md {
        margin: 8rem
    }

    .mx--xxg--md {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .my--xxg--md {
        margin-bottom: 8rem
    }

    .mt--xxg--md,.my--xxg--md {
        margin-top: 8rem
    }

    .mr--xxg--md {
        margin-right: 8rem
    }

    .mb--xxg--md {
        margin-bottom: 8rem
    }

    .ml--xxg--md {
        margin-left: 8rem
    }

    .m--xxxg--md {
        margin: 11rem
    }

    .mx--xxxg--md {
        margin-left: 11rem;
        margin-right: 11rem
    }

    .my--xxxg--md {
        margin-bottom: 11rem
    }

    .mt--xxxg--md,.my--xxxg--md {
        margin-top: 11rem
    }

    .mr--xxxg--md {
        margin-right: 11rem
    }

    .mb--xxxg--md {
        margin-bottom: 11rem
    }

    .ml--xxxg--md {
        margin-left: 11rem
    }
}

@media only screen and (min-width: 74.5em) {
    .m--n--lg,.table-of-rows__row__key .image-title-text-block--horizontal-align .cmp.cmp-title .template-section .container--default,.template-section .container--default.m--n,.template-section .table-of-rows__row__key .image-title-text-block--horizontal-align .cmp.cmp-title .container--default {
        margin:0
    }

    .mx--n--lg {
        margin-left: 0;
        margin-right: 0
    }

    .my--n--lg {
        margin-bottom: 0
    }

    .mt--n--lg,.my--n--lg,.template-section.background--split .container--default.mt--n,.template-section.background__image--split .container--default.mt--n {
        margin-top: 0
    }

    .mr--n--lg {
        margin-right: 0
    }

    .mb--n--lg,.template-section.background--split .container--default.mb--n,.template-section.background__image--split .container--default.mb--n {
        margin-bottom: 0
    }

    .ml--n--lg {
        margin-left: 0
    }

    .m--t--lg {
        margin: .2rem
    }

    .mx--t--lg {
        margin-left: .2rem;
        margin-right: .2rem
    }

    .my--t--lg {
        margin-bottom: .2rem
    }

    .mt--t--lg,.my--t--lg {
        margin-top: .2rem
    }

    .mr--t--lg {
        margin-right: .2rem
    }

    .mb--t--lg {
        margin-bottom: .2rem
    }

    .ml--t--lg {
        margin-left: .2rem
    }

    .m--xxxs--lg {
        margin: .4rem
    }

    .mx--xxxs--lg {
        margin-left: .4rem;
        margin-right: .4rem
    }

    .my--xxxs--lg {
        margin-bottom: .4rem
    }

    .mt--xxxs--lg,.my--xxxs--lg {
        margin-top: .4rem
    }

    .mr--xxxs--lg {
        margin-right: .4rem
    }

    .mb--xxxs--lg {
        margin-bottom: .4rem
    }

    .ml--xxxs--lg {
        margin-left: .4rem
    }

    .m--xxs--lg {
        margin: .8rem
    }

    .mx--xxs--lg {
        margin-left: .8rem;
        margin-right: .8rem
    }

    .my--xxs--lg {
        margin-bottom: .8rem
    }

    .mt--xxs--lg,.my--xxs--lg {
        margin-top: .8rem
    }

    .mr--xxs--lg {
        margin-right: .8rem
    }

    .mb--xxs--lg {
        margin-bottom: .8rem
    }

    .ml--xxs--lg {
        margin-left: .8rem
    }

    .m--default--lg {
        margin: 1rem
    }

    .mx--default--lg {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .my--default--lg {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mt--default--lg {
        margin-top: 1rem
    }

    .mr--default--lg {
        margin-right: 1rem
    }

    .mb--default--lg {
        margin-bottom: 1rem
    }

    .ml--default--lg {
        margin-left: 1rem
    }

    .m--xs--lg {
        margin: 1.2rem
    }

    .mx--xs--lg {
        margin-left: 1.2rem;
        margin-right: 1.2rem
    }

    .my--xs--lg {
        margin-bottom: 1.2rem
    }

    .mt--xs--lg,.my--xs--lg {
        margin-top: 1.2rem
    }

    .mr--xs--lg {
        margin-right: 1.2rem
    }

    .mb--xs--lg {
        margin-bottom: 1.2rem
    }

    .ml--xs--lg {
        margin-left: 1.2rem
    }

    .m--s--lg {
        margin: 1.4rem
    }

    .mx--s--lg {
        margin-left: 1.4rem;
        margin-right: 1.4rem
    }

    .my--s--lg {
        margin-bottom: 1.4rem
    }

    .mt--s--lg,.my--s--lg {
        margin-top: 1.4rem
    }

    .mr--s--lg {
        margin-right: 1.4rem
    }

    .mb--s--lg {
        margin-bottom: 1.4rem
    }

    .ml--s--lg {
        margin-left: 1.4rem
    }

    .m--m--lg {
        margin: 1.6rem
    }

    .mx--m--lg {
        margin-left: 1.6rem;
        margin-right: 1.6rem
    }

    .my--m--lg {
        margin-bottom: 1.6rem
    }

    .mt--m--lg,.my--m--lg {
        margin-top: 1.6rem
    }

    .mr--m--lg {
        margin-right: 1.6rem
    }

    .mb--m--lg {
        margin-bottom: 1.6rem
    }

    .ml--m--lg {
        margin-left: 1.6rem
    }

    .m--xm--lg {
        margin: 2rem
    }

    .mx--xm--lg {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .my--xm--lg {
        margin-bottom: 2rem
    }

    .mt--xm--lg,.my--xm--lg {
        margin-top: 2rem
    }

    .mr--xm--lg {
        margin-right: 2rem
    }

    .mb--xm--lg {
        margin-bottom: 2rem
    }

    .ml--xm--lg {
        margin-left: 2rem
    }

    .m--l--lg {
        margin: 2.4rem
    }

    .mx--l--lg {
        margin-left: 2.4rem;
        margin-right: 2.4rem
    }

    .my--l--lg {
        margin-bottom: 2.4rem
    }

    .mt--l--lg,.my--l--lg {
        margin-top: 2.4rem
    }

    .mr--l--lg {
        margin-right: 2.4rem
    }

    .mb--l--lg {
        margin-bottom: 2.4rem
    }

    .ml--l--lg {
        margin-left: 2.4rem
    }

    .m--xl--lg {
        margin: 3.2rem
    }

    .mx--xl--lg {
        margin-left: 3.2rem;
        margin-right: 3.2rem
    }

    .my--xl--lg {
        margin-bottom: 3.2rem
    }

    .mt--xl--lg,.my--xl--lg {
        margin-top: 3.2rem
    }

    .mr--xl--lg {
        margin-right: 3.2rem
    }

    .mb--xl--lg {
        margin-bottom: 3.2rem
    }

    .ml--xl--lg {
        margin-left: 3.2rem
    }

    .m--xxl--lg {
        margin: 4rem
    }

    .mx--xxl--lg,.postpaid-registration.postpaid-registration__itsme,.postpaid-registration.postpaid-registration__itsme .sim-management-form {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .my--xxl--lg {
        margin-bottom: 4rem
    }

    .mt--xxl--lg,.my--xxl--lg {
        margin-top: 4rem
    }

    .mr--xxl--lg {
        margin-right: 4rem
    }

    .mb--xxl--lg {
        margin-bottom: 4rem
    }

    .ml--xxl--lg {
        margin-left: 4rem
    }

    .m--xxxl--lg {
        margin: 4.8rem
    }

    .mx--xxxl--lg {
        margin-left: 4.8rem;
        margin-right: 4.8rem
    }

    .my--xxxl--lg {
        margin-bottom: 4.8rem
    }

    .mt--xxxl--lg,.my--xxxl--lg {
        margin-top: 4.8rem
    }

    .mr--xxxl--lg {
        margin-right: 4.8rem
    }

    .mb--xxxl--lg {
        margin-bottom: 4.8rem
    }

    .ml--xxxl--lg {
        margin-left: 4.8rem
    }

    .m--g--lg {
        margin: 5.6rem
    }

    .mx--g--lg {
        margin-left: 5.6rem;
        margin-right: 5.6rem
    }

    .my--g--lg {
        margin-bottom: 5.6rem
    }

    .mt--g--lg,.my--g--lg {
        margin-top: 5.6rem
    }

    .mr--g--lg {
        margin-right: 5.6rem
    }

    .mb--g--lg {
        margin-bottom: 5.6rem
    }

    .ml--g--lg {
        margin-left: 5.6rem
    }

    .m--xg--lg {
        margin: 6.8rem
    }

    .mx--xg--lg {
        margin-left: 6.8rem;
        margin-right: 6.8rem
    }

    .my--xg--lg {
        margin-bottom: 6.8rem
    }

    .mt--xg--lg,.my--xg--lg {
        margin-top: 6.8rem
    }

    .mr--xg--lg {
        margin-right: 6.8rem
    }

    .mb--xg--lg {
        margin-bottom: 6.8rem
    }

    .ml--xg--lg {
        margin-left: 6.8rem
    }

    .m--xxg--lg {
        margin: 8rem
    }

    .mx--xxg--lg {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .my--xxg--lg {
        margin-bottom: 8rem
    }

    .mt--xxg--lg,.my--xxg--lg {
        margin-top: 8rem
    }

    .mr--xxg--lg {
        margin-right: 8rem
    }

    .mb--xxg--lg {
        margin-bottom: 8rem
    }

    .ml--xxg--lg {
        margin-left: 8rem
    }

    .m--xxxg--lg {
        margin: 11rem
    }

    .mx--xxxg--lg {
        margin-left: 11rem;
        margin-right: 11rem
    }

    .my--xxxg--lg {
        margin-bottom: 11rem
    }

    .mt--xxxg--lg,.my--xxxg--lg {
        margin-top: 11rem
    }

    .mr--xxxg--lg {
        margin-right: 11rem
    }

    .mb--xxxg--lg {
        margin-bottom: 11rem
    }

    .ml--xxxg--lg {
        margin-left: 11rem
    }
}

@media only screen and (min-width: 90em) {
    .m--n--xl {
        margin:0
    }

    .mx--n--xl {
        margin-left: 0;
        margin-right: 0
    }

    .my--n--xl {
        margin-bottom: 0
    }

    .mt--n--xl,.my--n--xl {
        margin-top: 0
    }

    .mr--n--xl {
        margin-right: 0
    }

    .mb--n--xl {
        margin-bottom: 0
    }

    .ml--n--xl {
        margin-left: 0
    }

    .m--t--xl {
        margin: .2rem
    }

    .mx--t--xl {
        margin-left: .2rem;
        margin-right: .2rem
    }

    .my--t--xl {
        margin-bottom: .2rem
    }

    .mt--t--xl,.my--t--xl {
        margin-top: .2rem
    }

    .mr--t--xl {
        margin-right: .2rem
    }

    .mb--t--xl {
        margin-bottom: .2rem
    }

    .ml--t--xl {
        margin-left: .2rem
    }

    .m--xxxs--xl {
        margin: .4rem
    }

    .mx--xxxs--xl {
        margin-left: .4rem;
        margin-right: .4rem
    }

    .my--xxxs--xl {
        margin-bottom: .4rem
    }

    .mt--xxxs--xl,.my--xxxs--xl {
        margin-top: .4rem
    }

    .mr--xxxs--xl {
        margin-right: .4rem
    }

    .mb--xxxs--xl {
        margin-bottom: .4rem
    }

    .ml--xxxs--xl {
        margin-left: .4rem
    }

    .m--xxs--xl {
        margin: .8rem
    }

    .mx--xxs--xl {
        margin-left: .8rem;
        margin-right: .8rem
    }

    .my--xxs--xl {
        margin-bottom: .8rem
    }

    .mt--xxs--xl,.my--xxs--xl {
        margin-top: .8rem
    }

    .mr--xxs--xl {
        margin-right: .8rem
    }

    .mb--xxs--xl {
        margin-bottom: .8rem
    }

    .ml--xxs--xl {
        margin-left: .8rem
    }

    .m--default--xl {
        margin: 1rem
    }

    .mx--default--xl {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .my--default--xl {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mt--default--xl {
        margin-top: 1rem
    }

    .mr--default--xl {
        margin-right: 1rem
    }

    .mb--default--xl {
        margin-bottom: 1rem
    }

    .ml--default--xl {
        margin-left: 1rem
    }

    .m--xs--xl {
        margin: 1.2rem
    }

    .mx--xs--xl {
        margin-left: 1.2rem;
        margin-right: 1.2rem
    }

    .my--xs--xl {
        margin-bottom: 1.2rem
    }

    .mt--xs--xl,.my--xs--xl {
        margin-top: 1.2rem
    }

    .mr--xs--xl {
        margin-right: 1.2rem
    }

    .mb--xs--xl {
        margin-bottom: 1.2rem
    }

    .ml--xs--xl {
        margin-left: 1.2rem
    }

    .m--s--xl {
        margin: 1.4rem
    }

    .mx--s--xl {
        margin-left: 1.4rem;
        margin-right: 1.4rem
    }

    .my--s--xl {
        margin-bottom: 1.4rem
    }

    .mt--s--xl,.my--s--xl {
        margin-top: 1.4rem
    }

    .mr--s--xl {
        margin-right: 1.4rem
    }

    .mb--s--xl {
        margin-bottom: 1.4rem
    }

    .ml--s--xl {
        margin-left: 1.4rem
    }

    .m--m--xl {
        margin: 1.6rem
    }

    .mx--m--xl {
        margin-left: 1.6rem;
        margin-right: 1.6rem
    }

    .my--m--xl {
        margin-bottom: 1.6rem
    }

    .mt--m--xl,.my--m--xl {
        margin-top: 1.6rem
    }

    .mr--m--xl {
        margin-right: 1.6rem
    }

    .mb--m--xl {
        margin-bottom: 1.6rem
    }

    .ml--m--xl {
        margin-left: 1.6rem
    }

    .m--xm--xl {
        margin: 2rem
    }

    .mx--xm--xl {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .my--xm--xl {
        margin-bottom: 2rem
    }

    .mt--xm--xl,.my--xm--xl {
        margin-top: 2rem
    }

    .mr--xm--xl {
        margin-right: 2rem
    }

    .mb--xm--xl {
        margin-bottom: 2rem
    }

    .ml--xm--xl {
        margin-left: 2rem
    }

    .m--l--xl {
        margin: 2.4rem
    }

    .mx--l--xl {
        margin-left: 2.4rem;
        margin-right: 2.4rem
    }

    .my--l--xl {
        margin-bottom: 2.4rem
    }

    .mt--l--xl,.my--l--xl {
        margin-top: 2.4rem
    }

    .mr--l--xl {
        margin-right: 2.4rem
    }

    .mb--l--xl {
        margin-bottom: 2.4rem
    }

    .ml--l--xl {
        margin-left: 2.4rem
    }

    .m--xl--xl {
        margin: 3.2rem
    }

    .mx--xl--xl {
        margin-left: 3.2rem;
        margin-right: 3.2rem
    }

    .my--xl--xl {
        margin-bottom: 3.2rem
    }

    .mt--xl--xl,.my--xl--xl {
        margin-top: 3.2rem
    }

    .mr--xl--xl {
        margin-right: 3.2rem
    }

    .mb--xl--xl {
        margin-bottom: 3.2rem
    }

    .ml--xl--xl {
        margin-left: 3.2rem
    }

    .m--xxl--xl {
        margin: 4rem
    }

    .mx--xxl--xl {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .my--xxl--xl {
        margin-bottom: 4rem
    }

    .mt--xxl--xl,.my--xxl--xl {
        margin-top: 4rem
    }

    .mr--xxl--xl {
        margin-right: 4rem
    }

    .mb--xxl--xl {
        margin-bottom: 4rem
    }

    .ml--xxl--xl {
        margin-left: 4rem
    }

    .m--xxxl--xl {
        margin: 4.8rem
    }

    .mx--xxxl--xl {
        margin-left: 4.8rem;
        margin-right: 4.8rem
    }

    .my--xxxl--xl {
        margin-bottom: 4.8rem
    }

    .mt--xxxl--xl,.my--xxxl--xl {
        margin-top: 4.8rem
    }

    .mr--xxxl--xl {
        margin-right: 4.8rem
    }

    .mb--xxxl--xl {
        margin-bottom: 4.8rem
    }

    .ml--xxxl--xl {
        margin-left: 4.8rem
    }

    .m--g--xl {
        margin: 5.6rem
    }

    .mx--g--xl {
        margin-left: 5.6rem;
        margin-right: 5.6rem
    }

    .my--g--xl {
        margin-bottom: 5.6rem
    }

    .mt--g--xl,.my--g--xl {
        margin-top: 5.6rem
    }

    .mr--g--xl {
        margin-right: 5.6rem
    }

    .mb--g--xl {
        margin-bottom: 5.6rem
    }

    .ml--g--xl {
        margin-left: 5.6rem
    }

    .m--xg--xl {
        margin: 6.8rem
    }

    .mx--xg--xl {
        margin-left: 6.8rem;
        margin-right: 6.8rem
    }

    .my--xg--xl {
        margin-bottom: 6.8rem
    }

    .mt--xg--xl,.my--xg--xl {
        margin-top: 6.8rem
    }

    .mr--xg--xl {
        margin-right: 6.8rem
    }

    .mb--xg--xl {
        margin-bottom: 6.8rem
    }

    .ml--xg--xl {
        margin-left: 6.8rem
    }

    .m--xxg--xl {
        margin: 8rem
    }

    .mx--xxg--xl {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .my--xxg--xl {
        margin-bottom: 8rem
    }

    .mt--xxg--xl,.my--xxg--xl {
        margin-top: 8rem
    }

    .mr--xxg--xl {
        margin-right: 8rem
    }

    .mb--xxg--xl {
        margin-bottom: 8rem
    }

    .ml--xxg--xl {
        margin-left: 8rem
    }

    .m--xxxg--xl {
        margin: 11rem
    }

    .mx--xxxg--xl {
        margin-left: 11rem;
        margin-right: 11rem
    }

    .my--xxxg--xl {
        margin-bottom: 11rem
    }

    .mt--xxxg--xl,.my--xxxg--xl {
        margin-top: 11rem
    }

    .mr--xxxg--xl {
        margin-right: 11rem
    }

    .mb--xxxg--xl {
        margin-bottom: 11rem
    }

    .ml--xxxg--xl {
        margin-left: 11rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .m--n--xxl {
        margin:0
    }

    .mx--n--xxl {
        margin-left: 0;
        margin-right: 0
    }

    .my--n--xxl {
        margin-bottom: 0
    }

    .mt--n--xxl,.my--n--xxl {
        margin-top: 0
    }

    .mr--n--xxl {
        margin-right: 0
    }

    .mb--n--xxl {
        margin-bottom: 0
    }

    .ml--n--xxl {
        margin-left: 0
    }

    .m--t--xxl {
        margin: .2rem
    }

    .mx--t--xxl {
        margin-left: .2rem;
        margin-right: .2rem
    }

    .my--t--xxl {
        margin-bottom: .2rem
    }

    .mt--t--xxl,.my--t--xxl {
        margin-top: .2rem
    }

    .mr--t--xxl {
        margin-right: .2rem
    }

    .mb--t--xxl {
        margin-bottom: .2rem
    }

    .ml--t--xxl {
        margin-left: .2rem
    }

    .m--xxxs--xxl {
        margin: .4rem
    }

    .mx--xxxs--xxl {
        margin-left: .4rem;
        margin-right: .4rem
    }

    .my--xxxs--xxl {
        margin-bottom: .4rem
    }

    .mt--xxxs--xxl,.my--xxxs--xxl {
        margin-top: .4rem
    }

    .mr--xxxs--xxl {
        margin-right: .4rem
    }

    .mb--xxxs--xxl {
        margin-bottom: .4rem
    }

    .ml--xxxs--xxl {
        margin-left: .4rem
    }

    .m--xxs--xxl {
        margin: .8rem
    }

    .mx--xxs--xxl {
        margin-left: .8rem;
        margin-right: .8rem
    }

    .my--xxs--xxl {
        margin-bottom: .8rem
    }

    .mt--xxs--xxl,.my--xxs--xxl {
        margin-top: .8rem
    }

    .mr--xxs--xxl {
        margin-right: .8rem
    }

    .mb--xxs--xxl {
        margin-bottom: .8rem
    }

    .ml--xxs--xxl {
        margin-left: .8rem
    }

    .m--default--xxl {
        margin: 1rem
    }

    .mx--default--xxl {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .my--default--xxl {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mt--default--xxl {
        margin-top: 1rem
    }

    .mr--default--xxl {
        margin-right: 1rem
    }

    .mb--default--xxl {
        margin-bottom: 1rem
    }

    .ml--default--xxl {
        margin-left: 1rem
    }

    .m--xs--xxl {
        margin: 1.2rem
    }

    .mx--xs--xxl {
        margin-left: 1.2rem;
        margin-right: 1.2rem
    }

    .my--xs--xxl {
        margin-bottom: 1.2rem
    }

    .mt--xs--xxl,.my--xs--xxl {
        margin-top: 1.2rem
    }

    .mr--xs--xxl {
        margin-right: 1.2rem
    }

    .mb--xs--xxl {
        margin-bottom: 1.2rem
    }

    .ml--xs--xxl {
        margin-left: 1.2rem
    }

    .m--s--xxl {
        margin: 1.4rem
    }

    .mx--s--xxl {
        margin-left: 1.4rem;
        margin-right: 1.4rem
    }

    .my--s--xxl {
        margin-bottom: 1.4rem
    }

    .mt--s--xxl,.my--s--xxl {
        margin-top: 1.4rem
    }

    .mr--s--xxl {
        margin-right: 1.4rem
    }

    .mb--s--xxl {
        margin-bottom: 1.4rem
    }

    .ml--s--xxl {
        margin-left: 1.4rem
    }

    .m--m--xxl {
        margin: 1.6rem
    }

    .mx--m--xxl {
        margin-left: 1.6rem;
        margin-right: 1.6rem
    }

    .my--m--xxl {
        margin-bottom: 1.6rem
    }

    .mt--m--xxl,.my--m--xxl {
        margin-top: 1.6rem
    }

    .mr--m--xxl {
        margin-right: 1.6rem
    }

    .mb--m--xxl {
        margin-bottom: 1.6rem
    }

    .ml--m--xxl {
        margin-left: 1.6rem
    }

    .m--xm--xxl {
        margin: 2rem
    }

    .mx--xm--xxl {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .my--xm--xxl {
        margin-bottom: 2rem
    }

    .mt--xm--xxl,.my--xm--xxl {
        margin-top: 2rem
    }

    .mr--xm--xxl {
        margin-right: 2rem
    }

    .mb--xm--xxl {
        margin-bottom: 2rem
    }

    .ml--xm--xxl {
        margin-left: 2rem
    }

    .m--l--xxl {
        margin: 2.4rem
    }

    .mx--l--xxl {
        margin-left: 2.4rem;
        margin-right: 2.4rem
    }

    .my--l--xxl {
        margin-bottom: 2.4rem
    }

    .mt--l--xxl,.my--l--xxl {
        margin-top: 2.4rem
    }

    .mr--l--xxl {
        margin-right: 2.4rem
    }

    .mb--l--xxl {
        margin-bottom: 2.4rem
    }

    .ml--l--xxl {
        margin-left: 2.4rem
    }

    .m--xl--xxl {
        margin: 3.2rem
    }

    .mx--xl--xxl {
        margin-left: 3.2rem;
        margin-right: 3.2rem
    }

    .my--xl--xxl {
        margin-bottom: 3.2rem
    }

    .mt--xl--xxl,.my--xl--xxl {
        margin-top: 3.2rem
    }

    .mr--xl--xxl {
        margin-right: 3.2rem
    }

    .mb--xl--xxl {
        margin-bottom: 3.2rem
    }

    .ml--xl--xxl {
        margin-left: 3.2rem
    }

    .m--xxl--xxl {
        margin: 4rem
    }

    .mx--xxl--xxl {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .my--xxl--xxl {
        margin-bottom: 4rem
    }

    .mt--xxl--xxl,.my--xxl--xxl {
        margin-top: 4rem
    }

    .mr--xxl--xxl {
        margin-right: 4rem
    }

    .mb--xxl--xxl {
        margin-bottom: 4rem
    }

    .ml--xxl--xxl {
        margin-left: 4rem
    }

    .m--xxxl--xxl {
        margin: 4.8rem
    }

    .mx--xxxl--xxl {
        margin-left: 4.8rem;
        margin-right: 4.8rem
    }

    .my--xxxl--xxl {
        margin-bottom: 4.8rem
    }

    .mt--xxxl--xxl,.my--xxxl--xxl {
        margin-top: 4.8rem
    }

    .mr--xxxl--xxl {
        margin-right: 4.8rem
    }

    .mb--xxxl--xxl {
        margin-bottom: 4.8rem
    }

    .ml--xxxl--xxl {
        margin-left: 4.8rem
    }

    .m--g--xxl {
        margin: 5.6rem
    }

    .mx--g--xxl {
        margin-left: 5.6rem;
        margin-right: 5.6rem
    }

    .my--g--xxl {
        margin-bottom: 5.6rem
    }

    .mt--g--xxl,.my--g--xxl {
        margin-top: 5.6rem
    }

    .mr--g--xxl {
        margin-right: 5.6rem
    }

    .mb--g--xxl {
        margin-bottom: 5.6rem
    }

    .ml--g--xxl {
        margin-left: 5.6rem
    }

    .m--xg--xxl {
        margin: 6.8rem
    }

    .mx--xg--xxl {
        margin-left: 6.8rem;
        margin-right: 6.8rem
    }

    .my--xg--xxl {
        margin-bottom: 6.8rem
    }

    .mt--xg--xxl,.my--xg--xxl {
        margin-top: 6.8rem
    }

    .mr--xg--xxl {
        margin-right: 6.8rem
    }

    .mb--xg--xxl {
        margin-bottom: 6.8rem
    }

    .ml--xg--xxl {
        margin-left: 6.8rem
    }

    .m--xxg--xxl {
        margin: 8rem
    }

    .mx--xxg--xxl {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .my--xxg--xxl {
        margin-bottom: 8rem
    }

    .mt--xxg--xxl,.my--xxg--xxl {
        margin-top: 8rem
    }

    .mr--xxg--xxl {
        margin-right: 8rem
    }

    .mb--xxg--xxl {
        margin-bottom: 8rem
    }

    .ml--xxg--xxl {
        margin-left: 8rem
    }

    .m--xxxg--xxl {
        margin: 11rem
    }

    .mx--xxxg--xxl {
        margin-left: 11rem;
        margin-right: 11rem
    }

    .my--xxxg--xxl {
        margin-bottom: 11rem
    }

    .mt--xxxg--xxl,.my--xxxg--xxl {
        margin-top: 11rem
    }

    .mr--xxxg--xxl {
        margin-right: 11rem
    }

    .mb--xxxg--xxl {
        margin-bottom: 11rem
    }

    .ml--xxxg--xxl {
        margin-left: 11rem
    }
}

.contract-overview__search-item.search-item-container,.employee-overview__search-item.search-item-container,.hardware-search button.sticky-footer--button--auto,.home-networks__home-overlay,.m--auto,.overlay--page .overlay__section__content,.promo-highlight__center,.sim-activation,.sim-home-activation,.sim-home-activation.sim-home-activation--home {
    margin: auto
}

.mr--auto {
    margin-right: auto
}

.ml--auto {
    margin-left: auto
}

.mt--auto {
    margin-top: auto
}

.invite-new-user--invite-overlay .overlay__section__content__description,.invite-new-user--pending-invite-overlay .overlay__section__content__description,.invite-new-user--success-invite-overlay .overlay__section__content__description,.manage-mailbox--create-mailbox .overlay__section__content__description,.manage-profile-details--change-role .overlay__section__content__description,.mb--auto,.sim-management--sim-overlay .overlay__section__content__description {
    margin-bottom: auto
}

@media only screen and (min-width: 20em) {
    .m--auto--xs {
        margin:auto
    }

    .mr--auto--xs {
        margin-right: auto
    }

    .ml--auto--xs {
        margin-left: auto
    }

    .mt--auto--xs {
        margin-top: auto
    }

    .mb--auto--xs {
        margin-bottom: auto
    }
}

@media only screen and (min-width: 36em) {
    .m--auto--sm {
        margin:auto
    }

    .mr--auto--sm {
        margin-right: auto
    }

    .ml--auto--sm {
        margin-left: auto
    }

    .mt--auto--sm,.sim-management--sim-overlay .overlay__section__content__description {
        margin-top: auto
    }

    .mb--auto--sm {
        margin-bottom: auto
    }
}

@media only screen and (min-width: 48.0625em) {
    .m--auto--md {
        margin:auto
    }

    .mr--auto--md {
        margin-right: auto
    }

    .ml--auto--md {
        margin-left: auto
    }

    .mt--auto--md {
        margin-top: auto
    }

    .mb--auto--md {
        margin-bottom: auto
    }
}

@media only screen and (min-width: 74.5em) {
    .m--auto--lg {
        margin:auto
    }

    .mr--auto--lg {
        margin-right: auto
    }

    .ml--auto--lg {
        margin-left: auto
    }

    .mt--auto--lg {
        margin-top: auto
    }

    .mb--auto--lg {
        margin-bottom: auto
    }
}

@media only screen and (min-width: 90em) {
    .m--auto--xl {
        margin:auto
    }

    .mr--auto--xl {
        margin-right: auto
    }

    .ml--auto--xl {
        margin-left: auto
    }

    .mt--auto--xl {
        margin-top: auto
    }

    .mb--auto--xl {
        margin-bottom: auto
    }
}

@media only screen and (min-width: 104.6875em) {
    .m--auto--xxl {
        margin:auto
    }

    .mr--auto--xxl {
        margin-right: auto
    }

    .ml--auto--xxl {
        margin-left: auto
    }

    .mt--auto--xxl {
        margin-top: auto
    }

    .mb--auto--xxl {
        margin-bottom: auto
    }
}

.whitespace {
    position: relative;
    white-space: nowrap;
    width: 100%
}

.whitespace--default {
    min-height: 3.2rem
}

.whitespace--tiny {
    min-height: .8rem
}

.whitespace--small {
    min-height: 1.6rem
}

.whitespace--medium {
    min-height: 3.2rem
}

.whitespace--large {
    min-height: 4.8rem
}

.whitespace--extra-large {
    min-height: 6.4rem
}

.whitespace--extra-extra-large {
    min-height: 9.6rem
}

.whitespace--huge {
    min-height: 12.8rem
}

.whitespace--author {
    border-radius: 1rem;
    background: repeating-linear-gradient(-55deg,#f7f6f6,#f7f6f6 1rem,#fff 0,#f7f6f6 2rem)
}

.whitespace--author:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    line-height: 1.4rem;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    margin: -.7rem 0 0;
    opacity: .75;
    text-transform: lowercase;
    content: "[Whitespace]"
}

.background-shape--none,.social-sharing__option {
    background-image: none
}

.background-shape--squarcle,.pagination .pagination__list__item__active:hover,.pagination .pagination__list__item__in-active:hover,.pagination .pagination__list__link--enabled:hover,.social-sharing__option:active,.social-sharing__option:focus,.vertical-step-tracker-centered .steps-tracker__step__content__icon,.vertical-step-tracker .tracker--step:after {
    background-image: var(--background-image--squarcle);
    background-size: cover
}

.background-shape--squarcle--secondary,.social-sharing__option:hover {
    background-image: var(--background-image--squarcle--secondary);
    background-size: cover
}

.background-shape--squarcle--active,.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step.steps-tracker__step--active .steps-tracker__step__content__icon,.vertical-step-tracker-centered .steps-tracker__step--active .steps-tracker__step__content__icon,.vertical-step-tracker .tracker--step.tracker--step--active:after {
    background-image: var(--background-image--squarcle--active);
    background-size: cover
}

.AEM--link--chevron-left i.icon.icon--shaped,.AEM--link--chevron i.icon.icon--shaped,.background-shape--squarcle--completed,.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step.steps-tracker__step--completed .steps-tracker__step__content__icon,.link i.icon.icon--shaped,.pagination .pagination__list__item.active,.pagination .pagination__list__item.active a:hover,.promo-highlight__with-squarcle,.useful-links .icon-chevron-right,.usp a.usp__item .usp__item__description i.icon.icon--shaped,.vertical-step-tracker-centered .steps-tracker__step--completed.icon-tick .steps-tracker__step__content__icon,.vertical-step-tracker-centered .steps-tracker__step--completed .steps-tracker__step__content__icon,.vertical-step-tracker .tracker--step.tracker--step--completed:after,a i.icon.icon--shaped {
    background-image: var(--background-image--squarcle--completed);
    background-size: cover
}

.background-shape--squarcle--error,.vertical-step-tracker-centered .steps-tracker__step--error.icon-error .steps-tracker__step__content__icon,.vertical-step-tracker-centered .steps-tracker__step--error .steps-tracker__step__content__icon,.vertical-step-tracker .tracker--step.tracker--step--active__errors:after,.vertical-step-tracker .tracker--step.tracker--step--delete:after {
    background-image: var(--background-image--squarcle--error);
    background-size: cover
}

.background-shape--squarcle--white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd' fill='%23fff'/%3E%3C/svg%3E");
    background-size: cover
}

.theme--light-ui,:root {
    --background-image--squarcle: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23eeeded' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--secondary: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f7f6f6' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--active: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 2c-2.4 0-4.6.1-6.6.3l-.8.1h-.8l-.6.1-.4.1c-1.4.1-2.5 1.2-2.7 2.6v.3l-.1.6-.1.7-.1.7v.4c-.1 1.7-.2 3.4-.3 5.2v1.4c0 2.2.1 4.4.3 6.4l.1.8.1.8v.6l.1.5c.2 1.4 1.2 2.5 2.6 2.8l.6.1h.4c.9.1 1.9.2 3 .3l1.1.1c1.3.1 2.7.1 4.2.1 2 0 3.9-.1 5.7-.2l1-.1.8-.1.7-.1h.4l.6-.1c1.4-.2 2.5-1.2 2.7-2.6v-.2l.2-1.5.1-.8v-.4c.2-2.1.3-4.3.3-6.4 0-2.2-.1-4.4-.3-6.4l-.1-.8-.1-1.2-.1-.7c-.2-1.4-1.2-2.5-2.6-2.8l-.3-.1h-.6l-.7-.1-.5-.1-.6-.1c-1.6-.1-3.4-.2-5.4-.3h-.8l-.4.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%23fff'/%3E%3Cpath fill='%23ffc421' d='M14.5 28.8c-3.9 0-6.9-.3-8.4-.5-.6-.1-.9-.1-.9-.1-1.1-.1-2.2-.6-3-1.5-.8-.8-1.3-1.9-1.5-3v-.2c-.1-.8-.5-4.5-.5-9 0-4.4.3-7.9.4-8.6v-.2c.4-1.6.9-2.6 1.7-3.4.8-.8 1.9-1.3 3-1.5.4-.1 4-.6 9.2-.6 5.4 0 8.8.5 9.2.6 1.1.1 2.2.6 3 1.5.8.8 1.3 1.9 1.5 3 .1.7.6 4.6.6 9.2 0 5-.6 9.1-.6 9.2-.1 1.2-.6 2.2-1.5 3-.8.8-1.9 1.3-3 1.5-.6.1-4.2.6-9.2.6zm0-26.5c-5.1 0-8.6.5-8.9.6-.8 0-1.4.3-1.9.8s-.8 1.2-1 2.3c-.1.7-.4 4.2-.4 8.5 0 4.4.4 8 .5 8.7v.2c.1.7.4 1.3.9 1.8s1.1.8 1.8.9c0 0 .3 0 .8.1 1.4.2 4.3.5 8.1.5 4.9 0 8.3-.5 9-.6.7-.1 1.3-.4 1.8-.9s.8-1.1.9-1.9c0-.1.6-4.1.6-8.9 0-4.4-.5-8.2-.5-8.9-.1-.7-.4-1.4-.9-1.9s-1.1-.8-1.8-.9c-.5.1-3.8-.4-9-.4z'/%3E%3C/svg%3E");
    --background-image--squarcle--completed: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffc421' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--error: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 2c-2.4 0-4.6.1-6.6.3l-.8.1h-.8l-.6.1-.4.1c-1.4.1-2.5 1.2-2.7 2.6v.3l-.1.6-.1.7-.1.7v.4c-.1 1.7-.2 3.4-.3 5.2v1.4c0 2.2.1 4.4.3 6.4l.1.8.1.8v.6l.1.5c.2 1.4 1.2 2.5 2.6 2.8l.6.1h.4c.9.1 1.9.2 3 .3l1.1.1c1.3.1 2.7.1 4.2.1 2 0 3.9-.1 5.7-.2l1-.1.8-.1.7-.1h.4l.6-.1c1.4-.2 2.5-1.2 2.7-2.6v-.2l.2-1.5.1-.8v-.4c.2-2.1.3-4.3.3-6.4 0-2.2-.1-4.4-.3-6.4l-.1-.8-.1-1.2-.1-.7c-.2-1.4-1.2-2.5-2.6-2.8l-.3-.1h-.6l-.7-.1-.5-.1-.6-.1c-1.6-.1-3.4-.2-5.4-.3h-.8l-.4.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%23fff'/%3E%3Cpath fill='%23DE350B' d='M14.5 28.8c-3.9 0-6.9-.3-8.4-.5-.6-.1-.9-.1-.9-.1-1.1-.1-2.2-.6-3-1.5-.8-.8-1.3-1.9-1.5-3v-.2c-.1-.8-.5-4.5-.5-9 0-4.4.3-7.9.4-8.6v-.2c.4-1.6.9-2.6 1.7-3.4.8-.8 1.9-1.3 3-1.5.4-.1 4-.6 9.2-.6 5.4 0 8.8.5 9.2.6 1.1.1 2.2.6 3 1.5.8.8 1.3 1.9 1.5 3 .1.7.6 4.6.6 9.2 0 5-.6 9.1-.6 9.2-.1 1.2-.6 2.2-1.5 3-.8.8-1.9 1.3-3 1.5-.6.1-4.2.6-9.2.6zm0-26.5c-5.1 0-8.6.5-8.9.6-.8 0-1.4.3-1.9.8s-.8 1.2-1 2.3c-.1.7-.4 4.2-.4 8.5 0 4.4.4 8 .5 8.7v.2c.1.7.4 1.3.9 1.8s1.1.8 1.8.9c0 0 .3 0 .8.1 1.4.2 4.3.5 8.1.5 4.9 0 8.3-.5 9-.6.7-.1 1.3-.4 1.8-.9s.8-1.1.9-1.9c0-.1.6-4.1.6-8.9 0-4.4-.5-8.2-.5-8.9-.1-.7-.4-1.4-.9-1.9s-1.1-.8-1.8-.9c-.5.1-3.8-.4-9-.4z'/%3E%3C/svg%3E")
}

.theme--dark-ui {
    --background-image--squarcle: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234b413d' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--secondary: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23423733' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--active: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 2c-2.4 0-4.6.1-6.6.3l-.8.1h-.8l-.6.1-.4.1c-1.4.1-2.5 1.2-2.7 2.6v.3l-.1.6-.1.7-.1.7v.4c-.1 1.7-.2 3.4-.3 5.2v1.4c0 2.2.1 4.4.3 6.4l.1.8.1.8v.6l.1.5c.2 1.4 1.2 2.5 2.6 2.8l.6.1h.4c.9.1 1.9.2 3 .3l1.1.1c1.3.1 2.7.1 4.2.1 2 0 3.9-.1 5.7-.2l1-.1.8-.1.7-.1h.4l.6-.1c1.4-.2 2.5-1.2 2.7-2.6v-.2l.2-1.5.1-.8v-.4c.2-2.1.3-4.3.3-6.4 0-2.2-.1-4.4-.3-6.4l-.1-.8-.1-1.2-.1-.7c-.2-1.4-1.2-2.5-2.6-2.8l-.3-.1h-.6l-.7-.1-.5-.1-.6-.1c-1.6-.1-3.4-.2-5.4-.3h-.8l-.4.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%23291d18'/%3E%3Cpath fill='%23ffc421' d='M14.5 28.8c-3.9 0-6.9-.3-8.4-.5-.6-.1-.9-.1-.9-.1-1.1-.1-2.2-.6-3-1.5-.8-.8-1.3-1.9-1.5-3v-.2c-.1-.8-.5-4.5-.5-9 0-4.4.3-7.9.4-8.6v-.2c.4-1.6.9-2.6 1.7-3.4.8-.8 1.9-1.3 3-1.5.4-.1 4-.6 9.2-.6 5.4 0 8.8.5 9.2.6 1.1.1 2.2.6 3 1.5.8.8 1.3 1.9 1.5 3 .1.7.6 4.6.6 9.2 0 5-.6 9.1-.6 9.2-.1 1.2-.6 2.2-1.5 3-.8.8-1.9 1.3-3 1.5-.6.1-4.2.6-9.2.6zm0-26.5c-5.1 0-8.6.5-8.9.6-.8 0-1.4.3-1.9.8s-.8 1.2-1 2.3c-.1.7-.4 4.2-.4 8.5 0 4.4.4 8 .5 8.7v.2c.1.7.4 1.3.9 1.8s1.1.8 1.8.9c0 0 .3 0 .8.1 1.4.2 4.3.5 8.1.5 4.9 0 8.3-.5 9-.6.7-.1 1.3-.4 1.8-.9s.8-1.1.9-1.9c0-.1.6-4.1.6-8.9 0-4.4-.5-8.2-.5-8.9-.1-.7-.4-1.4-.9-1.9s-1.1-.8-1.8-.9c-.5.1-3.8-.4-9-.4z'/%3E%3C/svg%3E");
    --background-image--squarcle--completed: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffc421' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--error: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 2c-2.4 0-4.6.1-6.6.3l-.8.1h-.8l-.6.1-.4.1c-1.4.1-2.5 1.2-2.7 2.6v.3l-.1.6-.1.7-.1.7v.4c-.1 1.7-.2 3.4-.3 5.2v1.4c0 2.2.1 4.4.3 6.4l.1.8.1.8v.6l.1.5c.2 1.4 1.2 2.5 2.6 2.8l.6.1h.4c.9.1 1.9.2 3 .3l1.1.1c1.3.1 2.7.1 4.2.1 2 0 3.9-.1 5.7-.2l1-.1.8-.1.7-.1h.4l.6-.1c1.4-.2 2.5-1.2 2.7-2.6v-.2l.2-1.5.1-.8v-.4c.2-2.1.3-4.3.3-6.4 0-2.2-.1-4.4-.3-6.4l-.1-.8-.1-1.2-.1-.7c-.2-1.4-1.2-2.5-2.6-2.8l-.3-.1h-.6l-.7-.1-.5-.1-.6-.1c-1.6-.1-3.4-.2-5.4-.3h-.8l-.4.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%23291d18'/%3E%3Cpath fill='%23FF5630' d='M14.5 28.8c-3.9 0-6.9-.3-8.4-.5-.6-.1-.9-.1-.9-.1-1.1-.1-2.2-.6-3-1.5-.8-.8-1.3-1.9-1.5-3v-.2c-.1-.8-.5-4.5-.5-9 0-4.4.3-7.9.4-8.6v-.2c.4-1.6.9-2.6 1.7-3.4.8-.8 1.9-1.3 3-1.5.4-.1 4-.6 9.2-.6 5.4 0 8.8.5 9.2.6 1.1.1 2.2.6 3 1.5.8.8 1.3 1.9 1.5 3 .1.7.6 4.6.6 9.2 0 5-.6 9.1-.6 9.2-.1 1.2-.6 2.2-1.5 3-.8.8-1.9 1.3-3 1.5-.6.1-4.2.6-9.2.6zm0-26.5c-5.1 0-8.6.5-8.9.6-.8 0-1.4.3-1.9.8s-.8 1.2-1 2.3c-.1.7-.4 4.2-.4 8.5 0 4.4.4 8 .5 8.7v.2c.1.7.4 1.3.9 1.8s1.1.8 1.8.9c0 0 .3 0 .8.1 1.4.2 4.3.5 8.1.5 4.9 0 8.3-.5 9-.6.7-.1 1.3-.4 1.8-.9s.8-1.1.9-1.9c0-.1.6-4.1.6-8.9 0-4.4-.5-8.2-.5-8.9-.1-.7-.4-1.4-.9-1.9s-1.1-.8-1.8-.9c-.5.1-3.8-.4-9-.4z'/%3E%3C/svg%3E")
}

.theme--streamz-ui {
    --background-image--squarcle: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23aeaeae' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--secondary: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23201f2e' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--active: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 2c-2.4 0-4.6.1-6.6.3l-.8.1h-.8l-.6.1-.4.1c-1.4.1-2.5 1.2-2.7 2.6v.3l-.1.6-.1.7-.1.7v.4c-.1 1.7-.2 3.4-.3 5.2v1.4c0 2.2.1 4.4.3 6.4l.1.8.1.8v.6l.1.5c.2 1.4 1.2 2.5 2.6 2.8l.6.1h.4c.9.1 1.9.2 3 .3l1.1.1c1.3.1 2.7.1 4.2.1 2 0 3.9-.1 5.7-.2l1-.1.8-.1.7-.1h.4l.6-.1c1.4-.2 2.5-1.2 2.7-2.6v-.2l.2-1.5.1-.8v-.4c.2-2.1.3-4.3.3-6.4 0-2.2-.1-4.4-.3-6.4l-.1-.8-.1-1.2-.1-.7c-.2-1.4-1.2-2.5-2.6-2.8l-.3-.1h-.6l-.7-.1-.5-.1-.6-.1c-1.6-.1-3.4-.2-5.4-.3h-.8l-.4.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%23020012'/%3E%3Cpath fill='%23e00034' d='M14.5 28.8c-3.9 0-6.9-.3-8.4-.5-.6-.1-.9-.1-.9-.1-1.1-.1-2.2-.6-3-1.5-.8-.8-1.3-1.9-1.5-3v-.2c-.1-.8-.5-4.5-.5-9 0-4.4.3-7.9.4-8.6v-.2c.4-1.6.9-2.6 1.7-3.4.8-.8 1.9-1.3 3-1.5.4-.1 4-.6 9.2-.6 5.4 0 8.8.5 9.2.6 1.1.1 2.2.6 3 1.5.8.8 1.3 1.9 1.5 3 .1.7.6 4.6.6 9.2 0 5-.6 9.1-.6 9.2-.1 1.2-.6 2.2-1.5 3-.8.8-1.9 1.3-3 1.5-.6.1-4.2.6-9.2.6zm0-26.5c-5.1 0-8.6.5-8.9.6-.8 0-1.4.3-1.9.8s-.8 1.2-1 2.3c-.1.7-.4 4.2-.4 8.5 0 4.4.4 8 .5 8.7v.2c.1.7.4 1.3.9 1.8s1.1.8 1.8.9c0 0 .3 0 .8.1 1.4.2 4.3.5 8.1.5 4.9 0 8.3-.5 9-.6.7-.1 1.3-.4 1.8-.9s.8-1.1.9-1.9c0-.1.6-4.1.6-8.9 0-4.4-.5-8.2-.5-8.9-.1-.7-.4-1.4-.9-1.9s-1.1-.8-1.8-.9c-.5.1-3.8-.4-9-.4z'/%3E%3C/svg%3E");
    --background-image--squarcle--completed: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f20d3a' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--error: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 2c-2.4 0-4.6.1-6.6.3l-.8.1h-.8l-.6.1-.4.1c-1.4.1-2.5 1.2-2.7 2.6v.3l-.1.6-.1.7-.1.7v.4c-.1 1.7-.2 3.4-.3 5.2v1.4c0 2.2.1 4.4.3 6.4l.1.8.1.8v.6l.1.5c.2 1.4 1.2 2.5 2.6 2.8l.6.1h.4c.9.1 1.9.2 3 .3l1.1.1c1.3.1 2.7.1 4.2.1 2 0 3.9-.1 5.7-.2l1-.1.8-.1.7-.1h.4l.6-.1c1.4-.2 2.5-1.2 2.7-2.6v-.2l.2-1.5.1-.8v-.4c.2-2.1.3-4.3.3-6.4 0-2.2-.1-4.4-.3-6.4l-.1-.8-.1-1.2-.1-.7c-.2-1.4-1.2-2.5-2.6-2.8l-.3-.1h-.6l-.7-.1-.5-.1-.6-.1c-1.6-.1-3.4-.2-5.4-.3h-.8l-.4.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%23020012'/%3E%3Cpath fill='%23FF5630' d='M14.5 28.8c-3.9 0-6.9-.3-8.4-.5-.6-.1-.9-.1-.9-.1-1.1-.1-2.2-.6-3-1.5-.8-.8-1.3-1.9-1.5-3v-.2c-.1-.8-.5-4.5-.5-9 0-4.4.3-7.9.4-8.6v-.2c.4-1.6.9-2.6 1.7-3.4.8-.8 1.9-1.3 3-1.5.4-.1 4-.6 9.2-.6 5.4 0 8.8.5 9.2.6 1.1.1 2.2.6 3 1.5.8.8 1.3 1.9 1.5 3 .1.7.6 4.6.6 9.2 0 5-.6 9.1-.6 9.2-.1 1.2-.6 2.2-1.5 3-.8.8-1.9 1.3-3 1.5-.6.1-4.2.6-9.2.6zm0-26.5c-5.1 0-8.6.5-8.9.6-.8 0-1.4.3-1.9.8s-.8 1.2-1 2.3c-.1.7-.4 4.2-.4 8.5 0 4.4.4 8 .5 8.7v.2c.1.7.4 1.3.9 1.8s1.1.8 1.8.9c0 0 .3 0 .8.1 1.4.2 4.3.5 8.1.5 4.9 0 8.3-.5 9-.6.7-.1 1.3-.4 1.8-.9s.8-1.1.9-1.9c0-.1.6-4.1.6-8.9 0-4.4-.5-8.2-.5-8.9-.1-.7-.4-1.4-.9-1.9s-1.1-.8-1.8-.9c-.5.1-3.8-.4-9-.4z'/%3E%3C/svg%3E")
}

.theme--play-sports-ui {
    --background-image--squarcle: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23545454' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--secondary: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23544f17' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--active: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 2c-2.4 0-4.6.1-6.6.3l-.8.1h-.8l-.6.1-.4.1c-1.4.1-2.5 1.2-2.7 2.6v.3l-.1.6-.1.7-.1.7v.4c-.1 1.7-.2 3.4-.3 5.2v1.4c0 2.2.1 4.4.3 6.4l.1.8.1.8v.6l.1.5c.2 1.4 1.2 2.5 2.6 2.8l.6.1h.4c.9.1 1.9.2 3 .3l1.1.1c1.3.1 2.7.1 4.2.1 2 0 3.9-.1 5.7-.2l1-.1.8-.1.7-.1h.4l.6-.1c1.4-.2 2.5-1.2 2.7-2.6v-.2l.2-1.5.1-.8v-.4c.2-2.1.3-4.3.3-6.4 0-2.2-.1-4.4-.3-6.4l-.1-.8-.1-1.2-.1-.7c-.2-1.4-1.2-2.5-2.6-2.8l-.3-.1h-.6l-.7-.1-.5-.1-.6-.1c-1.6-.1-3.4-.2-5.4-.3h-.8l-.4.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%2314191e'/%3E%3Cpath fill='%23ff0' d='M14.5 28.8c-3.9 0-6.9-.3-8.4-.5-.6-.1-.9-.1-.9-.1-1.1-.1-2.2-.6-3-1.5-.8-.8-1.3-1.9-1.5-3v-.2c-.1-.8-.5-4.5-.5-9 0-4.4.3-7.9.4-8.6v-.2c.4-1.6.9-2.6 1.7-3.4.8-.8 1.9-1.3 3-1.5.4-.1 4-.6 9.2-.6 5.4 0 8.8.5 9.2.6 1.1.1 2.2.6 3 1.5.8.8 1.3 1.9 1.5 3 .1.7.6 4.6.6 9.2 0 5-.6 9.1-.6 9.2-.1 1.2-.6 2.2-1.5 3-.8.8-1.9 1.3-3 1.5-.6.1-4.2.6-9.2.6zm0-26.5c-5.1 0-8.6.5-8.9.6-.8 0-1.4.3-1.9.8s-.8 1.2-1 2.3c-.1.7-.4 4.2-.4 8.5 0 4.4.4 8 .5 8.7v.2c.1.7.4 1.3.9 1.8s1.1.8 1.8.9c0 0 .3 0 .8.1 1.4.2 4.3.5 8.1.5 4.9 0 8.3-.5 9-.6.7-.1 1.3-.4 1.8-.9s.8-1.1.9-1.9c0-.1.6-4.1.6-8.9 0-4.4-.5-8.2-.5-8.9-.1-.7-.4-1.4-.9-1.9s-1.1-.8-1.8-.9c-.5.1-3.8-.4-9-.4z'/%3E%3C/svg%3E");
    --background-image--squarcle--completed: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ff0' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--error: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 2c-2.4 0-4.6.1-6.6.3l-.8.1h-.8l-.6.1-.4.1c-1.4.1-2.5 1.2-2.7 2.6v.3l-.1.6-.1.7-.1.7v.4c-.1 1.7-.2 3.4-.3 5.2v1.4c0 2.2.1 4.4.3 6.4l.1.8.1.8v.6l.1.5c.2 1.4 1.2 2.5 2.6 2.8l.6.1h.4c.9.1 1.9.2 3 .3l1.1.1c1.3.1 2.7.1 4.2.1 2 0 3.9-.1 5.7-.2l1-.1.8-.1.7-.1h.4l.6-.1c1.4-.2 2.5-1.2 2.7-2.6v-.2l.2-1.5.1-.8v-.4c.2-2.1.3-4.3.3-6.4 0-2.2-.1-4.4-.3-6.4l-.1-.8-.1-1.2-.1-.7c-.2-1.4-1.2-2.5-2.6-2.8l-.3-.1h-.6l-.7-.1-.5-.1-.6-.1c-1.6-.1-3.4-.2-5.4-.3h-.8l-.4.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%2314191e'/%3E%3Cpath fill='%23FF5630' d='M14.5 28.8c-3.9 0-6.9-.3-8.4-.5-.6-.1-.9-.1-.9-.1-1.1-.1-2.2-.6-3-1.5-.8-.8-1.3-1.9-1.5-3v-.2c-.1-.8-.5-4.5-.5-9 0-4.4.3-7.9.4-8.6v-.2c.4-1.6.9-2.6 1.7-3.4.8-.8 1.9-1.3 3-1.5.4-.1 4-.6 9.2-.6 5.4 0 8.8.5 9.2.6 1.1.1 2.2.6 3 1.5.8.8 1.3 1.9 1.5 3 .1.7.6 4.6.6 9.2 0 5-.6 9.1-.6 9.2-.1 1.2-.6 2.2-1.5 3-.8.8-1.9 1.3-3 1.5-.6.1-4.2.6-9.2.6zm0-26.5c-5.1 0-8.6.5-8.9.6-.8 0-1.4.3-1.9.8s-.8 1.2-1 2.3c-.1.7-.4 4.2-.4 8.5 0 4.4.4 8 .5 8.7v.2c.1.7.4 1.3.9 1.8s1.1.8 1.8.9c0 0 .3 0 .8.1 1.4.2 4.3.5 8.1.5 4.9 0 8.3-.5 9-.6.7-.1 1.3-.4 1.8-.9s.8-1.1.9-1.9c0-.1.6-4.1.6-8.9 0-4.4-.5-8.2-.5-8.9-.1-.7-.4-1.4-.9-1.9s-1.1-.8-1.8-.9c-.5.1-3.8-.4-9-.4z'/%3E%3C/svg%3E")
}

.theme--play-more-ui {
    --background-image--squarcle: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%233d6075' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--secondary: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23002e4a' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--active: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 2c-2.4 0-4.6.1-6.6.3l-.8.1h-.8l-.6.1-.4.1c-1.4.1-2.5 1.2-2.7 2.6v.3l-.1.6-.1.7-.1.7v.4c-.1 1.7-.2 3.4-.3 5.2v1.4c0 2.2.1 4.4.3 6.4l.1.8.1.8v.6l.1.5c.2 1.4 1.2 2.5 2.6 2.8l.6.1h.4c.9.1 1.9.2 3 .3l1.1.1c1.3.1 2.7.1 4.2.1 2 0 3.9-.1 5.7-.2l1-.1.8-.1.7-.1h.4l.6-.1c1.4-.2 2.5-1.2 2.7-2.6v-.2l.2-1.5.1-.8v-.4c.2-2.1.3-4.3.3-6.4 0-2.2-.1-4.4-.3-6.4l-.1-.8-.1-1.2-.1-.7c-.2-1.4-1.2-2.5-2.6-2.8l-.3-.1h-.6l-.7-.1-.5-.1-.6-.1c-1.6-.1-3.4-.2-5.4-.3h-.8l-.4.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%23001428'/%3E%3Cpath fill='%230082b4' d='M14.5 28.8c-3.9 0-6.9-.3-8.4-.5-.6-.1-.9-.1-.9-.1-1.1-.1-2.2-.6-3-1.5-.8-.8-1.3-1.9-1.5-3v-.2c-.1-.8-.5-4.5-.5-9 0-4.4.3-7.9.4-8.6v-.2c.4-1.6.9-2.6 1.7-3.4.8-.8 1.9-1.3 3-1.5.4-.1 4-.6 9.2-.6 5.4 0 8.8.5 9.2.6 1.1.1 2.2.6 3 1.5.8.8 1.3 1.9 1.5 3 .1.7.6 4.6.6 9.2 0 5-.6 9.1-.6 9.2-.1 1.2-.6 2.2-1.5 3-.8.8-1.9 1.3-3 1.5-.6.1-4.2.6-9.2.6zm0-26.5c-5.1 0-8.6.5-8.9.6-.8 0-1.4.3-1.9.8s-.8 1.2-1 2.3c-.1.7-.4 4.2-.4 8.5 0 4.4.4 8 .5 8.7v.2c.1.7.4 1.3.9 1.8s1.1.8 1.8.9c0 0 .3 0 .8.1 1.4.2 4.3.5 8.1.5 4.9 0 8.3-.5 9-.6.7-.1 1.3-.4 1.8-.9s.8-1.1.9-1.9c0-.1.6-4.1.6-8.9 0-4.4-.5-8.2-.5-8.9-.1-.7-.4-1.4-.9-1.9s-1.1-.8-1.8-.9c-.5.1-3.8-.4-9-.4z'/%3E%3C/svg%3E");
    --background-image--squarcle--completed: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='109' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230082b4' d='M105.9 20C104.8 11.2 98 4.2 89.2 3.2c0 0-14-2.2-34.7-2.2-20.6 0-34.7 2.2-34.7 2.2-8.8 1-15.6 8-16.7 16.8C3.1 20 1 35.8 1 54.5S3.1 89 3.1 89c1.1 8.8 7.9 15.8 16.7 16.8 0 0 14 2.2 34.7 2.2 20.6 0 34.7-2.2 34.7-2.2 8.8-1.1 15.6-8 16.7-16.8 0 0 2.1-15.8 2.1-34.5S105.9 20 105.9 20' fill-rule='evenodd'/%3E%3C/svg%3E");
    --background-image--squarcle--error: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 2c-2.4 0-4.6.1-6.6.3l-.8.1h-.8l-.6.1-.4.1c-1.4.1-2.5 1.2-2.7 2.6v.3l-.1.6-.1.7-.1.7v.4c-.1 1.7-.2 3.4-.3 5.2v1.4c0 2.2.1 4.4.3 6.4l.1.8.1.8v.6l.1.5c.2 1.4 1.2 2.5 2.6 2.8l.6.1h.4c.9.1 1.9.2 3 .3l1.1.1c1.3.1 2.7.1 4.2.1 2 0 3.9-.1 5.7-.2l1-.1.8-.1.7-.1h.4l.6-.1c1.4-.2 2.5-1.2 2.7-2.6v-.2l.2-1.5.1-.8v-.4c.2-2.1.3-4.3.3-6.4 0-2.2-.1-4.4-.3-6.4l-.1-.8-.1-1.2-.1-.7c-.2-1.4-1.2-2.5-2.6-2.8l-.3-.1h-.6l-.7-.1-.5-.1-.6-.1c-1.6-.1-3.4-.2-5.4-.3h-.8l-.4.1z' fill-rule='evenodd' clip-rule='evenodd' fill='%23001428'/%3E%3Cpath fill='%23FF5630' d='M14.5 28.8c-3.9 0-6.9-.3-8.4-.5-.6-.1-.9-.1-.9-.1-1.1-.1-2.2-.6-3-1.5-.8-.8-1.3-1.9-1.5-3v-.2c-.1-.8-.5-4.5-.5-9 0-4.4.3-7.9.4-8.6v-.2c.4-1.6.9-2.6 1.7-3.4.8-.8 1.9-1.3 3-1.5.4-.1 4-.6 9.2-.6 5.4 0 8.8.5 9.2.6 1.1.1 2.2.6 3 1.5.8.8 1.3 1.9 1.5 3 .1.7.6 4.6.6 9.2 0 5-.6 9.1-.6 9.2-.1 1.2-.6 2.2-1.5 3-.8.8-1.9 1.3-3 1.5-.6.1-4.2.6-9.2.6zm0-26.5c-5.1 0-8.6.5-8.9.6-.8 0-1.4.3-1.9.8s-.8 1.2-1 2.3c-.1.7-.4 4.2-.4 8.5 0 4.4.4 8 .5 8.7v.2c.1.7.4 1.3.9 1.8s1.1.8 1.8.9c0 0 .3 0 .8.1 1.4.2 4.3.5 8.1.5 4.9 0 8.3-.5 9-.6.7-.1 1.3-.4 1.8-.9s.8-1.1.9-1.9c0-.1.6-4.1.6-8.9 0-4.4-.5-8.2-.5-8.9-.1-.7-.4-1.4-.9-1.9s-1.1-.8-1.8-.9c-.5.1-3.8-.4-9-.4z'/%3E%3C/svg%3E")
}

@-webkit-keyframes animationShowSlideUp {
    0% {
        opacity: 0;
        transform: translateY(1rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes animationShowSlideUp {
    0% {
        opacity: 0;
        transform: translateY(1rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

:root {
    --animation-delay: 0
}

.animation-show-slide-up,.template-section.overlap-animation--show-up {
    opacity: 0;
    -webkit-animation: animationShowSlideUp cubic-bezier(.25,.46,.45,.94) 1;
    animation: animationShowSlideUp cubic-bezier(.25,.46,.45,.94) 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

@-webkit-keyframes slidein-up {
    0% {
        transform: translate3d(0,100%,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes slidein-up {
    0% {
        transform: translate3d(0,100%,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes slideout-down {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0,100%,0);
        opacity: 0
    }
}

@keyframes slideout-down {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0,100%,0);
        opacity: 0
    }
}

@-webkit-keyframes show-block {
    0% {
        transform: translate3d(0,1rem,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes show-block {
    0% {
        transform: translate3d(0,1rem,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animation {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animation--init {
    opacity: 0
}

.animation--slidein-up {
    -webkit-animation-name: slidein-up;
    animation-name: slidein-up
}

.animation--slideout-down {
    -webkit-animation-name: slideout-down;
    animation-name: slideout-down
}

.animation--show-block {
    -webkit-animation-name: show-block;
    animation-name: show-block
}

.animation--beat {
    -webkit-animation: beat .3s ease-in-out;
    animation: beat .3s ease-in-out
}

@-webkit-keyframes icon-loading-in {
    0% {
        top: 0
    }

    to {
        top: 25rem
    }
}

@keyframes icon-loading-in {
    0% {
        top: 0
    }

    to {
        top: 25rem
    }
}

@-webkit-keyframes icon-loading {
    0% {
        top: 25rem
    }

    23% {
        top: 20rem
    }

    46% {
        top: 26rem
    }

    69% {
        top: 23rem
    }

    86% {
        top: 26.5rem
    }

    to {
        top: 25rem
    }
}

@keyframes icon-loading {
    0% {
        top: 25rem
    }

    23% {
        top: 20rem
    }

    46% {
        top: 26rem
    }

    69% {
        top: 23rem
    }

    86% {
        top: 26.5rem
    }

    to {
        top: 25rem
    }
}

@-webkit-keyframes icon-loading-short {
    0% {
        top: 25rem
    }

    40% {
        top: 26rem
    }

    60% {
        top: 23rem
    }

    80% {
        top: 26.5rem
    }

    to {
        top: 25rem
    }
}

@keyframes icon-loading-short {
    0% {
        top: 25rem
    }

    40% {
        top: 26rem
    }

    60% {
        top: 23rem
    }

    80% {
        top: 26.5rem
    }

    to {
        top: 25rem
    }
}

@-webkit-keyframes icon-loading-out {
    0% {
        top: 25rem
    }

    30% {
        top: 25rem
    }

    to {
        top: 0
    }
}

@keyframes icon-loading-out {
    0% {
        top: 25rem
    }

    30% {
        top: 25rem
    }

    to {
        top: 0
    }
}

@-webkit-keyframes icon-loading-out-header {
    0% {
        top: 25rem;
        height: auto
    }

    60% {
        top: 25rem
    }

    to {
        top: -15rem;
        height: 0
    }
}

@keyframes icon-loading-out-header {
    0% {
        top: 25rem;
        height: auto
    }

    60% {
        top: 25rem
    }

    to {
        top: -15rem;
        height: 0
    }
}

@-webkit-keyframes articleContainerIn {
    0% {
        opacity: 0;
        top: 100vh
    }

    to {
        opacity: 1;
        top: 0
    }
}

@keyframes articleContainerIn {
    0% {
        opacity: 0;
        top: 100vh
    }

    to {
        opacity: 1;
        top: 0
    }
}

@-webkit-keyframes content-fade-in {
    0% {
        opacity: 0;
        margin-top: 20rem;
        height: 0
    }

    to {
        opacity: 1;
        margin-top: 0;
        height: auto
    }
}

@keyframes content-fade-in {
    0% {
        opacity: 0;
        margin-top: 20rem;
        height: 0
    }

    to {
        opacity: 1;
        margin-top: 0;
        height: auto
    }
}

@-webkit-keyframes content-fade-in-up {
    0% {
        opacity: 0;
        margin-top: 10rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes content-fade-in-up {
    0% {
        opacity: 0;
        margin-top: 10rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-webkit-keyframes content-fade-in--mobile {
    0% {
        opacity: 0;
        margin-top: 12rem;
        height: 0
    }

    to {
        opacity: 1;
        margin-top: 0;
        height: auto
    }
}

@keyframes content-fade-in--mobile {
    0% {
        opacity: 0;
        margin-top: 12rem;
        height: 0
    }

    to {
        opacity: 1;
        margin-top: 0;
        height: auto
    }
}

@-webkit-keyframes move-in-steps {
    0% {
        margin-top: 5rem
    }

    to {
        margin-top: 0
    }
}

@keyframes move-in-steps {
    0% {
        margin-top: 5rem
    }

    to {
        margin-top: 0
    }
}

@-webkit-keyframes size-popup {
    0% {
        transform: scale(1)
    }

    5% {
        transform: scale(1.6)
    }

    85% {
        transform: scale(1.6)
    }

    to {
        transform: scale(1)
    }
}

@keyframes size-popup {
    0% {
        transform: scale(1)
    }

    5% {
        transform: scale(1.6)
    }

    85% {
        transform: scale(1.6)
    }

    to {
        transform: scale(1)
    }
}

.animation-icon-loading {
    margin: 0 auto;
    -webkit-animation: icon-loading-in 1s,icon-loading 2s ease-in-out 1s,icon-loading-out .7s ease-in-out 3.2s;
    animation: icon-loading-in 1s,icon-loading 2s ease-in-out 1s,icon-loading-out .7s ease-in-out 3.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.animation-icon-loading--extended {
    margin: 0 auto;
    -webkit-animation: icon-loading-in 1s,icon-loading 2s ease-in-out 1s,icon-loading-out .7s ease-in-out 3s;
    animation: icon-loading-in 1s,icon-loading 2s ease-in-out 1s,icon-loading-out .7s ease-in-out 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    overflow: visible
}

.animation-icon-loading--extended img {
    -webkit-animation: size-popup 3.2s ease-out .2s;
    animation: size-popup 3.2s ease-out .2s
}

.animation-icon-loading--out-header {
    margin: 0 auto;
    -webkit-animation: icon-loading-out-header 1.8s ease-in-out .2s;
    animation: icon-loading-out-header 1.8s ease-in-out .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.animation-icon-loading--helper-in {
    opacity: 0;
    -webkit-animation: animationShowSlideUp .25s cubic-bezier(.25,.46,.45,.94) .8s 1;
    animation: animationShowSlideUp .25s cubic-bezier(.25,.46,.45,.94) .8s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes make-visible {
    0% {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@keyframes make-visible {
    0% {
        visibility: hidden
    }

    to {
        visibility: visible
    }
}

@-webkit-keyframes hide-content {
    0% {
        visibility: visible;
        height: auto;
        opacity: 1
    }

    to {
        visibility: hidden;
        height: 0;
        opacity: 0
    }
}

@keyframes hide-content {
    0% {
        visibility: visible;
        height: auto;
        opacity: 1
    }

    to {
        visibility: hidden;
        height: 0;
        opacity: 0
    }
}

@-webkit-keyframes beat {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes beat {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.AjaxLoader {
    top: 25%
}

.spinner {
    height: 8rem;
    width: 8rem;
    -webkit-animation: rotate .8s linear infinite;
    animation: rotate .8s linear infinite;
    box-sizing: border-box;
    border: .8rem solid #ffc421;
    border-right-color: transparent;
    border-radius: 50%
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spinnerAnimation-sm {
    to {
        height: auto;
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes spinnerAnimation-sm-hide {
    to {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes spinnerAnimation-lg {
    to {
        height: auto;
        visibility: visible
    }
}

@-webkit-keyframes spinnerAnimation-lg-hide {
    to {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes spinnerAnimation-xlg {
    to {
        height: auto;
        visibility: visible
    }
}

@-webkit-keyframes spinnerAnimation-xlg-hide {
    to {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
}

@keyframes spinnerAnimation-xlg-hide {
    to {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes spinnerAnimation-xxlg {
    to {
        height: auto;
        visibility: visible
    }
}

@keyframes spinnerAnimation-xxlg {
    to {
        height: auto;
        visibility: visible
    }
}

@-webkit-keyframes spinnerAnimation-xxlg-hide {
    to {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
}

@keyframes spinnerAnimation-xxlg-hide {
    to {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes spinnerAnimation-xxxlg {
    to {
        height: auto;
        visibility: visible
    }
}

@keyframes spinnerAnimation-xxxlg {
    to {
        height: auto;
        visibility: visible
    }
}

@-webkit-keyframes loader-mask-delay {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: .4;
        visibility: visible
    }
}

@keyframes loader-mask-delay {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: .4;
        visibility: visible
    }
}

@-webkit-keyframes loader-section-delay {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes loader-section-delay {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

.page-loader .AjaxLoader {
    width: 100%;
    padding: 0;
    z-index: 1006
}

.page-loader__mask--delay {
    -webkit-animation-name: loader-mask-delay;
    animation-name: loader-mask-delay;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.page-loader__mask--delay,.page-loader__section--delay {
    opacity: 0;
    visibility: hidden;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.page-loader__section--delay {
    -webkit-animation-name: loader-section-delay;
    animation-name: loader-section-delay;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.page-loader__section__svg svg {
    height: 18rem!important;
    margin: 0 auto
}

@media only screen and (min-width: 36em) {
    .page-loader__section__svg svg {
        margin:0 auto;
        height: 25rem!important
    }
}

.page-loader__section__msg {
    min-height: 2rem;
    width: 100%;
    color: #291d18;
    font-size: 1.8rem;
    font-weight: 700
}

.page-loader__section__msg .show-message-sm {
    height: 0;
    width: 100%;
    margin: 0;
    -webkit-animation: spinnerAnimation-sm 0s ease-out .1s forwards,spinnerAnimation-sm-hide 0s ease-out 5.01s forwards;
    animation: spinnerAnimation-sm 0s ease-out .1s forwards,spinnerAnimation-sm-hide 0s ease-out 5.01s forwards;
    opacity: 0;
    visibility: visible
}

.page-loader__section__msg .show-message-lg {
    height: 0;
    margin: 0;
    width: 100%;
    -webkit-animation: spinnerAnimation-lg 0s ease-out 5.03s forwards,spinnerAnimation-lg-hide 0s ease-out 10.01s forwards;
    animation: spinnerAnimation-lg 0s ease-out 5.03s forwards,spinnerAnimation-lg-hide 0s ease-out 10.01s forwards;
    opacity: 1;
    visibility: hidden
}

.page-loader__section__msg .show-message-xlg {
    height: 0;
    width: 100%;
    margin: 0;
    -webkit-animation: spinnerAnimation-xlg 0s ease-out 10.01s forwards;
    animation: spinnerAnimation-xlg 0s ease-out 10.01s forwards;
    opacity: 1;
    visibility: hidden
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .page-loader__section__msg .show-message-sm {
        display: block;
        -webkit-animation: spinnerAnimation-sm 0s ease-out 1s forwards!important;
        animation: spinnerAnimation-sm 0s ease-out 1s forwards!important
    }

    .page-loader__section__msg .show-message-lg,.page-loader__section__msg .show-message-xlg {
        display: none!important
    }
}

.animation--crescendo {
    -webkit-animation: animation--crescendo .1s ease-in;
    animation: animation--crescendo .1s ease-in
}

@-webkit-keyframes animation--crescendo {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes animation--crescendo {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.fade-in-async {
    opacity: 0;
    -webkit-animation: fade-in-async .5s ease;
    animation: fade-in-async .5s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fade-in-async:first-child {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.fade-in-async:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.fade-in-async:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.fade-in-async:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.fade-in-async:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.fade-in-async:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.fade-in-async:nth-child(7) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.fade-in-async:nth-child(8) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.fade-in-async:nth-child(9) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.fade-in-async:nth-child(10) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.fade-in-async:nth-child(11) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.fade-in-async:nth-child(12) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.fade-in-async:nth-child(13) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.fade-in-async:nth-child(14) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.fade-in-async:nth-child(15) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.fade-in-async:nth-child(16) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.fade-in-async:nth-child(17) {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

.fade-in-async:nth-child(18) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.fade-in-async:nth-child(19) {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

.fade-in-async:nth-child(20) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.fade-in-async:nth-child(21) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

.fade-in-async:nth-child(22) {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

.fade-in-async:nth-child(23) {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

.fade-in-async:nth-child(24) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

.fade-in-async:nth-child(25) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.fade-in-async:nth-child(26) {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

.fade-in-async:nth-child(27) {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s
}

.fade-in-async:nth-child(28) {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}

.fade-in-async:nth-child(29) {
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s
}

.fade-in-async:nth-child(30) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

@-webkit-keyframes fade-in-async {
    0% {
        opacity: 0;
        transform: translateY(50%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-in-async {
    0% {
        opacity: 0;
        transform: translateY(50%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.loading--circular {
    height: 8rem;
    max-height: 8rem;
    width: 8rem;
    -webkit-animation: loading--circular__rotate .8s linear infinite;
    animation: loading--circular__rotate .8s linear infinite;
    box-sizing: border-box;
    border: .8rem solid #ffc421;
    border-right-color: transparent;
    border-radius: 50%
}

@-webkit-keyframes loading--circular__rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading--circular__rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading--bar-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes loading--bar-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.loading--bar-spinner div {
    position: absolute;
    -webkit-animation: loading--bar-spinner 1s linear infinite;
    animation: loading--bar-spinner 1s linear infinite;
    background: #ffc421;
    width: .5rem;
    height: 1.5rem;
    border-radius: 20%;
    transform-origin: .3rem 3rem
}

@media only screen and (min-width: 36em) {
    .loading--bar-spinner div {
        width:1.2rem;
        height: 3.4rem;
        transform-origin: .6rem 7.7rem
    }
}

.loading--bar-spinner div:first-child {
    transform: rotate(0deg);
    -webkit-animation-delay: -.916666666666667s;
    animation-delay: -.916666666666667s
}

.loading--bar-spinner div:nth-child(2) {
    transform: rotate(30deg);
    -webkit-animation-delay: -.833333333333333s;
    animation-delay: -.833333333333333s
}

.loading--bar-spinner div:nth-child(3) {
    transform: rotate(60deg);
    -webkit-animation-delay: -.75s;
    animation-delay: -.75s
}

.loading--bar-spinner div:nth-child(4) {
    transform: rotate(90deg);
    -webkit-animation-delay: -.666666666666667s;
    animation-delay: -.666666666666667s
}

.loading--bar-spinner div:nth-child(5) {
    transform: rotate(120deg);
    -webkit-animation-delay: -.583333333333333s;
    animation-delay: -.583333333333333s
}

.loading--bar-spinner div:nth-child(6) {
    transform: rotate(150deg);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.loading--bar-spinner div:nth-child(7) {
    transform: rotate(180deg);
    -webkit-animation-delay: -.416666666666667s;
    animation-delay: -.416666666666667s
}

.loading--bar-spinner div:nth-child(8) {
    transform: rotate(210deg);
    -webkit-animation-delay: -.333333333333333s;
    animation-delay: -.333333333333333s
}

.loading--bar-spinner div:nth-child(9) {
    transform: rotate(240deg);
    -webkit-animation-delay: -.25s;
    animation-delay: -.25s
}

.loading--bar-spinner div:nth-child(10) {
    transform: rotate(270deg);
    -webkit-animation-delay: -.166666666666667s;
    animation-delay: -.166666666666667s
}

.loading--bar-spinner div:nth-child(11) {
    transform: rotate(300deg);
    -webkit-animation-delay: -.083333333333333s;
    animation-delay: -.083333333333333s
}

.loading--bar-spinner div:nth-child(12) {
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.loading--align-center {
    margin: auto
}

@-webkit-keyframes animationOffScreenBottom {
    to {
        transform: translateY(-100vw)
    }
}

@keyframes animationOffScreenBottom {
    to {
        transform: translateY(-100vw)
    }
}

.animation-off-screen-bottom {
    -webkit-animation: animationOffScreenBottom cubic-bezier(1,.06,1,1) 1;
    animation: animationOffScreenBottom cubic-bezier(1,.06,1,1) 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes animationOnScreenBottom {
    0% {
        transform: translateY(100vw)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes animationOnScreenBottom {
    0% {
        transform: translateY(100vw)
    }

    to {
        transform: translateY(0)
    }
}

.animation-on-screen-bottom {
    -webkit-animation: animationOnScreenBottom cubic-bezier(0,.945,1,1) 1;
    animation: animationOnScreenBottom cubic-bezier(0,.945,1,1) 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

@-webkit-keyframes animationOnScreenLeft {
    0% {
        transform: translateX(-100vw)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes animationOnScreenLeft {
    0% {
        transform: translateX(-100vw)
    }

    to {
        transform: translateX(0)
    }
}

.animation-on-screen-left {
    -webkit-animation: animationOnScreenLeft ease-out 1;
    animation: animationOnScreenLeft ease-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

@-webkit-keyframes animationOnScreenRight {
    0% {
        transform: translateX(100vw)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes animationOnScreenRight {
    0% {
        transform: translateX(100vw)
    }

    to {
        transform: translateX(0)
    }
}

.animation-on-screen-right {
    -webkit-animation: animationOnScreenRight ease-out 1;
    animation: animationOnScreenRight ease-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.page-loader .AjaxLoader {
    visibility: visible;
    z-index: 1008
}

.page-loader .AjaxLoader,.page-loader__mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.page-loader__mask {
    background: #fff;
    opacity: .4;
    z-index: 1010
}

.page-loader__section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 44.4rem;
    margin: auto;
    padding: 1rem;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 25%;
    bottom: unset;
    z-index: 1015
}

@media only screen and (min-width: 36em) {
    .page-loader__section {
        width:40rem;
        height: 30rem;
        top: 17%
    }
}

@media only screen and (min-width: 48.0625em) {
    .page-loader__section {
        width:44.4rem;
        height: 36rem;
        top: 24%
    }
}

.animated-content {
    display: flex;
    justify-content: center;
    position: relative
}

.animated-content--block {
    width: 30rem;
    height: 30rem
}

.animated-content--block:hover {
    box-shadow: .1rem .5rem 2rem 1.9rem #f2f2f2;
    transition: shadowAnimation 5s ease-in-out
}

.animated-content--block--primary {
    background-color: #ffc421;
    z-index: 2
}

.animated-content--block--secondary {
    right: -20rem;
    position: relative;
    background-color: #bab6b5;
    transform: scale(.9);
    z-index: 0
}

.animated-content--block--secondary--left {
    right: -20rem
}

.animated-content--block--secondary--right {
    left: -20rem
}

#div-animation-show-and-split .animated-content--block--secondary--left,#div-animation-show-and-split .animated-content--block--secondary--right,#div-animation-show-and-split .cards--conversational--secondary--card-left,#div-animation-show-and-split .cards--conversational--secondary--card-right,.animation-show-and-split {
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 2.5s
}

#div-animation-show-and-split .animated-content--block--secondary--left,#div-animation-show-and-split .cards--conversational--secondary--card-left,.animation-show-and-split--left {
    -webkit-animation-name: animationShowAndSplitLeft
}

#div-animation-show-and-split .animated-content--block--secondary--right,#div-animation-show-and-split .cards--conversational--secondary--card-right,.animation-show-and-split--right {
    -webkit-animation-name: animationShowAndSplitRight
}

@-webkit-keyframes animationShowAndSplitLeft {
    0% {
        right: -25rem
    }

    to {
        right: -2rem
    }
}

@keyframes animationShowAndSplitLeft {
    0% {
        right: -25rem
    }

    to {
        right: -2rem
    }
}

@-webkit-keyframes animationShowAndSplitRight {
    0% {
        left: -25rem
    }

    to {
        left: -2rem
    }
}

@keyframes animationShowAndSplitRight {
    0% {
        left: -25rem
    }

    to {
        left: -2rem
    }
}

.AjaxLoader {
    position: fixed;
    left: 50%;
    top: 20%;
    margin: auto;
    z-index: 1000
}

@keyframes bar-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes bar-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.bar-spinner div {
    position: absolute;
    -webkit-animation: bar-spinner 1s linear infinite;
    animation: bar-spinner 1s linear infinite;
    background: #ffc421;
    width: .5rem;
    height: 1.5rem;
    border-radius: 20%;
    transform-origin: .3rem 3rem
}

@media only screen and (min-width: 36em) {
    .bar-spinner div {
        width:1.2rem;
        height: 3.4rem;
        transform-origin: .6rem 7.7rem
    }
}

.bar-spinner div:first-child {
    transform: rotate(0deg);
    -webkit-animation-delay: -.91667s;
    animation-delay: -.91667s
}

.bar-spinner div:nth-child(2) {
    transform: rotate(30deg);
    -webkit-animation-delay: -.83333s;
    animation-delay: -.83333s
}

.bar-spinner div:nth-child(3) {
    transform: rotate(60deg);
    -webkit-animation-delay: -.75s;
    animation-delay: -.75s
}

.bar-spinner div:nth-child(4) {
    transform: rotate(90deg);
    -webkit-animation-delay: -.66667s;
    animation-delay: -.66667s
}

.bar-spinner div:nth-child(5) {
    transform: rotate(120deg);
    -webkit-animation-delay: -.58333s;
    animation-delay: -.58333s
}

.bar-spinner div:nth-child(6) {
    transform: rotate(150deg);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.bar-spinner div:nth-child(7) {
    transform: rotate(180deg);
    -webkit-animation-delay: -.41667s;
    animation-delay: -.41667s
}

.bar-spinner div:nth-child(8) {
    transform: rotate(210deg);
    -webkit-animation-delay: -.33333s;
    animation-delay: -.33333s
}

.bar-spinner div:nth-child(9) {
    transform: rotate(240deg);
    -webkit-animation-delay: -.25s;
    animation-delay: -.25s
}

.bar-spinner div:nth-child(10) {
    transform: rotate(270deg);
    -webkit-animation-delay: -.16667s;
    animation-delay: -.16667s
}

.bar-spinner div:nth-child(11) {
    transform: rotate(300deg);
    -webkit-animation-delay: -.08333s;
    animation-delay: -.08333s
}

.bar-spinner div:nth-child(12) {
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.anim-svg-spinner svg {
    height: 18rem!important;
    margin: 0 auto
}

@media only screen and (min-width: 36em) {
    .anim-svg-spinner svg {
        margin:0 auto;
        height: 25rem!important
    }
}

.msg-spinner {
    min-height: 2rem;
    width: 100%;
    color: #291d18;
    font-size: 1.8rem;
    font-weight: 700
}

@keyframes spinnerAnimation-sm {
    to {
        height: auto;
        opacity: 1;
        visibility: visible
    }
}

@keyframes spinnerAnimation-sm-hide {
    to {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
}

@keyframes spinnerAnimation-lg {
    to {
        height: auto;
        visibility: visible
    }
}

@keyframes spinnerAnimation-lg-hide {
    to {
        height: 0;
        opacity: 0;
        visibility: hidden
    }
}

@keyframes spinnerAnimation-xlg {
    to {
        height: auto;
        visibility: visible
    }
}

.msg-spinner .show-message-sm {
    height: 0;
    width: 100%;
    margin: 0;
    -webkit-animation: spinnerAnimation-sm 0s ease-out .1s forwards,spinnerAnimation-sm-hide 5s ease-out 5.01s forwards;
    animation: spinnerAnimation-sm 0s ease-out .1s forwards,spinnerAnimation-sm-hide 5s ease-out 5.01s forwards;
    opacity: 0;
    visibility: visible
}

.msg-spinner .show-message-lg {
    height: 0;
    margin: 0;
    width: 100%;
    -webkit-animation: spinnerAnimation-lg 5s ease-out 5.01s forwards,spinnerAnimation-lg-hide 9.8s ease-out 9.81s forwards;
    animation: spinnerAnimation-lg 5s ease-out 5.01s forwards,spinnerAnimation-lg-hide 9.8s ease-out 9.81s forwards;
    opacity: 1;
    visibility: hidden
}

.msg-spinner .show-message-xlg {
    height: 0;
    width: 100%;
    margin: 0;
    -webkit-animation: spinnerAnimation-xlg 10s ease-out 10.01s forwards;
    animation: spinnerAnimation-xlg 10s ease-out 10.01s forwards;
    opacity: 1;
    visibility: hidden
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .msg-spinner .show-message-sm {
        display: block;
        -webkit-animation: spinnerAnimation-sm 0s ease-out 1s forwards!important;
        animation: spinnerAnimation-sm 0s ease-out 1s forwards!important
    }

    .msg-spinner .show-message-lg,.msg-spinner .show-message-xlg {
        display: none!important
    }
}

:root {
    --color: #291d18;
    --backgroundcolor: #fff
}

.theme--dark-ui {
    --color: #fff;
    color: var(--color)
}

.theme--light-ui {
    --color: #291d18;
    color: var(--color)
}

.theme--play-more-ui,.theme--play-sports-ui,.theme--streamz-ui {
    --color: #fff;
    color: var(--color)
}

.theme--light-ui,:root {
    --theme__text___text-default: #291d18;
    --theme__text___text-reverted: #fff;
    --theme__error___error-default: #de350b;
    --theme__shade-04___elevation_white_m: #f7f6f6;
    --theme__shade_08___elevation_white_m: #eeeded;
    --theme__shade-12___elevation_white_l: #e5e3e3;
    --theme__shade-32___shade-04: #bab6b5;
    --theme__white___transparent: #fff;
    --theme__shade-08___white-16: #eeeded;
    --theme__shade-12___white-24: #e5e3e3;
    --theme__white_16___shade_16: #4b413d;
    --theme__elevation___n: #fff;
    --theme__elevation___xs: #fff;
    --theme__elevation___s: #fff;
    --theme__elevation___m: #fff;
    --theme__elevation___l: #fff;
    --box-shadow__xs___xs-transparent: 0 .4rem .8rem 0 rgba(41,29,24,0.08);
    --box-shadow__xs___xs-dark: 0 .4rem .8rem 0 rgba(41,29,24,0.08);
    --box-shadow__s___s-dark: 0 .8rem 1.6rem 0 rgba(41,29,24,0.08);
    --box-shadow__m___m-dark: 0 1.6rem 3.2rem 0 rgba(41,29,24,0.08);
    --box-shadow__l___l-dark: 0 2.4rem 6.4rem 0 rgba(41,29,24,0.08);
    --box-shadow__xs-inverse___xs-inverse-dark: 0 -.4rem .8rem 0 rgba(41,29,24,0.08);
    --box-shadow__default___default-dark: 0 .4rem .8rem 0 rgba(41,29,24,0.08)
}

.theme--dark-ui {
    --theme__text___text-default: #fff;
    --theme__text___text-reverted: #291d18;
    --theme__error___error-default: #ff5630;
    --theme__shade-04___elevation_white_m: hsla(0,0%,100%,0.12);
    --theme__shade_08___elevation_white_m: hsla(0,0%,100%,0.12);
    --theme__shade-12___elevation_white_l: hsla(0,0%,100%,0.16);
    --theme__shade-32___shade-04: #f7f6f6;
    --theme__white___transparent: transparent;
    --theme__shade-08___white-16: #4b413d;
    --theme__shade-12___white-24: #5c534f;
    --theme__white_16___shade_16: #dddbda;
    --theme__elevation___n: transparent;
    --theme__elevation___xs: hsla(0,0%,100%,0.04);
    --theme__elevation___s: hsla(0,0%,100%,0.08);
    --theme__elevation___m: hsla(0,0%,100%,0.12);
    --theme__elevation___l: hsla(0,0%,100%,0.16);
    --box-shadow__xs___xs-transparent: 0 .4rem .8rem 0 transparent;
    --box-shadow__xs___xs-dark: 0 .4rem .8rem 0 rgba(0,0,0,0.24);
    --box-shadow__s___s-dark: 0 .8rem 1.6rem 0 rgba(0,0,0,0.24);
    --box-shadow__m___m-dark: 0 1.6rem 3.2rem 0 rgba(0,0,0,0.24);
    --box-shadow__l___l-dark: 0 2.4rem 6.4rem 0 rgba(0,0,0,0.32);
    --box-shadow__xs-inverse___xs-inverse-dark: 0 -.4rem .8rem 0 rgba(0,0,0,0.24);
    --box-shadow__default___default-dark: 0 .4rem .8rem 0 rgba(0,0,0,0.24)
}

.fl-right {
    float: right
}

.fl-left {
    float: left
}

.fl-inherit,.manage-profile-details__image-section {
    float: inherit
}

.fl-none,.hardware-product--info__content-price {
    float: none
}

.clear-both,.discount-use__products div {
    clear: both
}

@media only screen and (min-width: 20em) {
    .fl-right--xs {
        float:right
    }

    .fl-left--xs {
        float: left
    }

    .fl-inherit--xs {
        float: inherit
    }

    .fl-none--xs {
        float: none
    }

    .width--full--xs {
        width: 100%
    }

    .width--auto--xs {
        width: auto
    }
}

@media only screen and (min-width: 36em) {
    .fl-right--sm {
        float:right
    }

    .fl-left--sm {
        float: left
    }

    .fl-inherit--sm {
        float: inherit
    }

    .fl-none--sm {
        float: none
    }

    .width--full--sm {
        width: 100%
    }

    .width--auto--sm {
        width: auto
    }
}

@media only screen and (min-width: 48.0625em) {
    .fl-right--md {
        float:right
    }

    .fl-left--md,.hardware-product--info__content-price {
        float: left
    }

    .fl-inherit--md {
        float: inherit
    }

    .fl-none--md {
        float: none
    }

    .width--full--md {
        width: 100%
    }

    .width--auto--md {
        width: auto
    }
}

@media only screen and (min-width: 74.5em) {
    .fl-right--lg {
        float:right
    }

    .fl-left--lg {
        float: left
    }

    .fl-inherit--lg {
        float: inherit
    }

    .fl-none--lg {
        float: none
    }

    .width--full--lg {
        width: 100%
    }

    .width--auto--lg {
        width: auto
    }
}

@media only screen and (min-width: 90em) {
    .fl-right--xl {
        float:right
    }

    .fl-left--xl {
        float: left
    }

    .fl-inherit--xl {
        float: inherit
    }

    .fl-none--xl {
        float: none
    }

    .width--full--xl {
        width: 100%
    }

    .width--auto--xl {
        width: auto
    }
}

@media only screen and (min-width: 104.6875em) {
    .fl-right--xxl {
        float:right
    }

    .fl-left--xxl {
        float: left
    }

    .fl-inherit--xxl {
        float: inherit
    }

    .fl-none--xxl {
        float: none
    }

    .width--full--xxl {
        width: 100%
    }

    .width--auto--xxl {
        width: auto
    }
}

.discount-use--conditions__content p,.home-networks .add-firewall-rule__overlay__top-or-bottom .label-cards.cards .cards-slot .cards--body--inner-container,.home-networks .add-firewall-rule__overlay__top-or-bottom .label-cards.cards .cards-slot .cards-content__body,.overlay.overlay--sales__cart .sales-cart-row-left,.return-devices ol>li,.text-align--left {
    text-align: left
}

.overlay.overlay--sales__cart .sales-cart-row-right,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__items .product-row-item__item:nth-child(2n),.text-align--right {
    text-align: right
}

#launcher,#launcherminimized,.cards--wave-card .cards--body,.cards--wave-data-card .cards--body,.installation-options__overlay .installation-options__overlay__description,.invite-new-user .cards--body,.manage-social-login--profile .cards--body,.overlay__block-sim .overlay__section__content__description p,.overlay__unblock-sim .overlay__section__content__description p,.text-align--center {
    text-align: center
}

.text-align--justify {
    text-align: justify
}

.text-align--unset {
    text-align: unset
}

@media only screen and (min-width: 20em) {
    .align-left,.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__right p,.text-align--left--xs {
        text-align:left
    }
}

@media only screen and (min-width: 36em) {
    .text-align--left--sm {
        text-align:left
    }
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__items .product-row-item__item:nth-child(2n),.text-align--left--md {
        text-align:left
    }
}

@media only screen and (min-width: 74.5em) {
    .text-align--left--lg {
        text-align:left
    }
}

@media only screen and (min-width: 90em) {
    .text-align--left--xl {
        text-align:left
    }
}

@media only screen and (min-width: 104.6875em) {
    .text-align--left--xxl {
        text-align:left
    }
}

@media only screen and (min-width: 20em) {
    .align-right,.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__left p,.text-align--right--xs {
        text-align:right
    }
}

@media only screen and (min-width: 36em) {
    .text-align--right--sm {
        text-align:right
    }
}

@media only screen and (min-width: 48.0625em) {
    .text-align--right--md {
        text-align:right
    }
}

@media only screen and (min-width: 74.5em) {
    .text-align--right--lg {
        text-align:right
    }
}

@media only screen and (min-width: 90em) {
    .text-align--right--xl {
        text-align:right
    }
}

@media only screen and (min-width: 104.6875em) {
    .text-align--right--xxl {
        text-align:right
    }
}

@media only screen and (min-width: 20em) {
    .align-center,.text-align--center--xs {
        text-align:center
    }
}

@media only screen and (min-width: 36em) {
    .text-align--center--sm {
        text-align:center
    }
}

@media only screen and (min-width: 48.0625em) {
    .text-align--center--md {
        text-align:center
    }
}

@media only screen and (min-width: 74.5em) {
    .text-align--center--lg {
        text-align:center
    }
}

@media only screen and (min-width: 90em) {
    .text-align--center--xl {
        text-align:center
    }
}

@media only screen and (min-width: 104.6875em) {
    .text-align--center--xxl {
        text-align:center
    }
}

@media only screen and (min-width: 20em) {
    .text-align--justify--xs {
        text-align:justify
    }
}

@media only screen and (min-width: 36em) {
    .text-align--justify--sm {
        text-align:justify
    }
}

@media only screen and (min-width: 48.0625em) {
    .text-align--justify--md {
        text-align:justify
    }
}

@media only screen and (min-width: 74.5em) {
    .text-align--justify--lg {
        text-align:justify
    }
}

@media only screen and (min-width: 90em) {
    .text-align--justify--xl {
        text-align:justify
    }
}

@media only screen and (min-width: 104.6875em) {
    .text-align--justify--xxl {
        text-align:justify
    }
}

@media only screen and (min-width: 20em) {
    .align-unset,.text-align--unset--xs {
        text-align:unset
    }
}

@media only screen and (min-width: 36em) {
    .text-align--unset--sm {
        text-align:unset
    }
}

@media only screen and (min-width: 48.0625em) {
    .text-align--unset--md {
        text-align:unset
    }
}

@media only screen and (min-width: 74.5em) {
    .text-align--unset--lg {
        text-align:unset
    }
}

@media only screen and (min-width: 90em) {
    .text-align--unset--xl {
        text-align:unset
    }
}

@media only screen and (min-width: 104.6875em) {
    .text-align--unset--xxl {
        text-align:unset
    }
}

.vertical-align--text-top {
    vertical-align: text-top
}

.vertical-align--top {
    vertical-align: top
}

.vertical-align--middle {
    vertical-align: middle
}

.vertical-align--bottom {
    vertical-align: bottom
}

.vertical-align--baseline {
    vertical-align: baseline
}

.border-radius__tl--n {
    border-top-left-radius: 0
}

@media only screen and (min-width: 20em) {
    .border-radius__tl--n--xs {
        border-top-left-radius:0
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tl--n--sm {
        border-top-left-radius:0
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tl--n--md {
        border-top-left-radius:0
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tl--n--lg {
        border-top-left-radius:0
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tl--n--xl {
        border-top-left-radius:0
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tl--n--xxl {
        border-top-left-radius:0
    }
}

.border-radius__tl--xxs {
    border-top-left-radius: .5rem
}

@media only screen and (min-width: 20em) {
    .border-radius__tl--xxs--xs {
        border-top-left-radius:.5rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tl--xxs--sm {
        border-top-left-radius:.5rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tl--xxs--md {
        border-top-left-radius:.5rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tl--xxs--lg {
        border-top-left-radius:.5rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tl--xxs--xl {
        border-top-left-radius:.5rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tl--xxs--xxl {
        border-top-left-radius:.5rem
    }
}

.border-radius__tl--xs,.contract-row-item.selected-row .contract-row-item__left,.contract-row-item.selected-row .employee-row-item__left,.employee-row-item.selected-row .contract-row-item__left,.employee-row-item.selected-row .employee-row-item__left {
    border-top-left-radius: .8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__tl--xs--xs {
        border-top-left-radius:.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tl--xs--sm {
        border-top-left-radius:.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tl--xs--md {
        border-top-left-radius:.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tl--xs--lg {
        border-top-left-radius:.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tl--xs--xl {
        border-top-left-radius:.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tl--xs--xxl {
        border-top-left-radius:.8rem
    }
}

.border-radius__tl--s {
    border-top-left-radius: 1rem
}

@media only screen and (min-width: 20em) {
    .border-radius__tl--s--xs {
        border-top-left-radius:1rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tl--s--sm {
        border-top-left-radius:1rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tl--s--md {
        border-top-left-radius:1rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tl--s--lg {
        border-top-left-radius:1rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tl--s--xl {
        border-top-left-radius:1rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tl--s--xxl {
        border-top-left-radius:1rem
    }
}

.border-radius__tl--m {
    border-top-left-radius: 1.8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__tl--m--xs {
        border-top-left-radius:1.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tl--m--sm {
        border-top-left-radius:1.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tl--m--md {
        border-top-left-radius:1.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tl--m--lg {
        border-top-left-radius:1.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tl--m--xl {
        border-top-left-radius:1.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tl--m--xxl {
        border-top-left-radius:1.8rem
    }
}

.border-radius__tl--l {
    border-top-left-radius: 2.4rem
}

@media only screen and (min-width: 20em) {
    .border-radius__tl--l--xs {
        border-top-left-radius:2.4rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tl--l--sm {
        border-top-left-radius:2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tl--l--md {
        border-top-left-radius:2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tl--l--lg {
        border-top-left-radius:2.4rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tl--l--xl {
        border-top-left-radius:2.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tl--l--xxl {
        border-top-left-radius:2.4rem
    }
}

.border-radius__tr--n {
    border-top-right-radius: 0
}

@media only screen and (min-width: 20em) {
    .border-radius__tr--n--xs {
        border-top-right-radius:0
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tr--n--sm {
        border-top-right-radius:0
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tr--n--md {
        border-top-right-radius:0
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tr--n--lg {
        border-top-right-radius:0
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tr--n--xl {
        border-top-right-radius:0
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tr--n--xxl {
        border-top-right-radius:0
    }
}

.border-radius__tr--xxs {
    border-top-right-radius: .5rem
}

@media only screen and (min-width: 20em) {
    .border-radius__tr--xxs--xs {
        border-top-right-radius:.5rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tr--xxs--sm {
        border-top-right-radius:.5rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tr--xxs--md {
        border-top-right-radius:.5rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tr--xxs--lg {
        border-top-right-radius:.5rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tr--xxs--xl {
        border-top-right-radius:.5rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tr--xxs--xxl {
        border-top-right-radius:.5rem
    }
}

.border-radius__tr--xs,.contract-row-item.selected-row .contract-row-item__right,.employee-row-item.selected-row .contract-row-item__right {
    border-top-right-radius: .8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__tr--xs--xs {
        border-top-right-radius:.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tr--xs--sm {
        border-top-right-radius:.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tr--xs--md {
        border-top-right-radius:.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tr--xs--lg {
        border-top-right-radius:.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tr--xs--xl {
        border-top-right-radius:.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tr--xs--xxl {
        border-top-right-radius:.8rem
    }
}

.border-radius__tr--s {
    border-top-right-radius: 1rem
}

@media only screen and (min-width: 20em) {
    .border-radius__tr--s--xs {
        border-top-right-radius:1rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tr--s--sm {
        border-top-right-radius:1rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tr--s--md {
        border-top-right-radius:1rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tr--s--lg {
        border-top-right-radius:1rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tr--s--xl {
        border-top-right-radius:1rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tr--s--xxl {
        border-top-right-radius:1rem
    }
}

.border-radius__tr--m {
    border-top-right-radius: 1.8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__tr--m--xs {
        border-top-right-radius:1.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tr--m--sm {
        border-top-right-radius:1.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tr--m--md {
        border-top-right-radius:1.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tr--m--lg {
        border-top-right-radius:1.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tr--m--xl {
        border-top-right-radius:1.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tr--m--xxl {
        border-top-right-radius:1.8rem
    }
}

.border-radius__tr--l {
    border-top-right-radius: 2.4rem
}

@media only screen and (min-width: 20em) {
    .border-radius__tr--l--xs {
        border-top-right-radius:2.4rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__tr--l--sm {
        border-top-right-radius:2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__tr--l--md {
        border-top-right-radius:2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__tr--l--lg {
        border-top-right-radius:2.4rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__tr--l--xl {
        border-top-right-radius:2.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__tr--l--xxl {
        border-top-right-radius:2.4rem
    }
}

.border-radius__bl--n {
    border-bottom-left-radius: 0
}

@media only screen and (min-width: 20em) {
    .border-radius__bl--n--xs {
        border-bottom-left-radius:0
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__bl--n--sm {
        border-bottom-left-radius:0
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__bl--n--md {
        border-bottom-left-radius:0
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__bl--n--lg {
        border-bottom-left-radius:0
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__bl--n--xl {
        border-bottom-left-radius:0
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__bl--n--xxl {
        border-bottom-left-radius:0
    }
}

.border-radius__bl--xxs {
    border-bottom-left-radius: .5rem
}

@media only screen and (min-width: 20em) {
    .border-radius__bl--xxs--xs {
        border-bottom-left-radius:.5rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__bl--xxs--sm {
        border-bottom-left-radius:.5rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__bl--xxs--md {
        border-bottom-left-radius:.5rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__bl--xxs--lg {
        border-bottom-left-radius:.5rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__bl--xxs--xl {
        border-bottom-left-radius:.5rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__bl--xxs--xxl {
        border-bottom-left-radius:.5rem
    }
}

.border-radius__bl--xs,.contract-row-item.selected-row .contract-row-item__left,.contract-row-item.selected-row .employee-row-item__left,.employee-row-item.selected-row .contract-row-item__left,.employee-row-item.selected-row .employee-row-item__left {
    border-bottom-left-radius: .8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__bl--xs--xs {
        border-bottom-left-radius:.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__bl--xs--sm {
        border-bottom-left-radius:.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__bl--xs--md {
        border-bottom-left-radius:.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__bl--xs--lg {
        border-bottom-left-radius:.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__bl--xs--xl {
        border-bottom-left-radius:.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__bl--xs--xxl {
        border-bottom-left-radius:.8rem
    }
}

.border-radius__bl--s {
    border-bottom-left-radius: 1rem
}

@media only screen and (min-width: 20em) {
    .border-radius__bl--s--xs {
        border-bottom-left-radius:1rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__bl--s--sm {
        border-bottom-left-radius:1rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__bl--s--md {
        border-bottom-left-radius:1rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__bl--s--lg {
        border-bottom-left-radius:1rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__bl--s--xl {
        border-bottom-left-radius:1rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__bl--s--xxl {
        border-bottom-left-radius:1rem
    }
}

.border-radius__bl--m {
    border-bottom-left-radius: 1.8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__bl--m--xs {
        border-bottom-left-radius:1.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__bl--m--sm {
        border-bottom-left-radius:1.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__bl--m--md {
        border-bottom-left-radius:1.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__bl--m--lg {
        border-bottom-left-radius:1.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__bl--m--xl {
        border-bottom-left-radius:1.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__bl--m--xxl {
        border-bottom-left-radius:1.8rem
    }
}

.border-radius__bl--l {
    border-bottom-left-radius: 2.4rem
}

@media only screen and (min-width: 20em) {
    .border-radius__bl--l--xs {
        border-bottom-left-radius:2.4rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__bl--l--sm {
        border-bottom-left-radius:2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__bl--l--md {
        border-bottom-left-radius:2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__bl--l--lg {
        border-bottom-left-radius:2.4rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__bl--l--xl {
        border-bottom-left-radius:2.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__bl--l--xxl {
        border-bottom-left-radius:2.4rem
    }
}

.border-radius__br--n {
    border-bottom-right-radius: 0
}

@media only screen and (min-width: 20em) {
    .border-radius__br--n--xs {
        border-bottom-right-radius:0
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__br--n--sm {
        border-bottom-right-radius:0
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__br--n--md {
        border-bottom-right-radius:0
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__br--n--lg {
        border-bottom-right-radius:0
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__br--n--xl {
        border-bottom-right-radius:0
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__br--n--xxl {
        border-bottom-right-radius:0
    }
}

.border-radius__br--xxs {
    border-bottom-right-radius: .5rem
}

@media only screen and (min-width: 20em) {
    .border-radius__br--xxs--xs {
        border-bottom-right-radius:.5rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__br--xxs--sm {
        border-bottom-right-radius:.5rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__br--xxs--md {
        border-bottom-right-radius:.5rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__br--xxs--lg {
        border-bottom-right-radius:.5rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__br--xxs--xl {
        border-bottom-right-radius:.5rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__br--xxs--xxl {
        border-bottom-right-radius:.5rem
    }
}

.border-radius__br--xs,.contract-row-item.selected-row .contract-row-item__right,.employee-row-item.selected-row .contract-row-item__right {
    border-bottom-right-radius: .8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__br--xs--xs {
        border-bottom-right-radius:.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__br--xs--sm {
        border-bottom-right-radius:.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__br--xs--md {
        border-bottom-right-radius:.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__br--xs--lg {
        border-bottom-right-radius:.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__br--xs--xl {
        border-bottom-right-radius:.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__br--xs--xxl {
        border-bottom-right-radius:.8rem
    }
}

.border-radius__br--s {
    border-bottom-right-radius: 1rem
}

@media only screen and (min-width: 20em) {
    .border-radius__br--s--xs {
        border-bottom-right-radius:1rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__br--s--sm {
        border-bottom-right-radius:1rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__br--s--md {
        border-bottom-right-radius:1rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__br--s--lg {
        border-bottom-right-radius:1rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__br--s--xl {
        border-bottom-right-radius:1rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__br--s--xxl {
        border-bottom-right-radius:1rem
    }
}

.border-radius__br--m {
    border-bottom-right-radius: 1.8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__br--m--xs {
        border-bottom-right-radius:1.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__br--m--sm {
        border-bottom-right-radius:1.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__br--m--md {
        border-bottom-right-radius:1.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__br--m--lg {
        border-bottom-right-radius:1.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__br--m--xl {
        border-bottom-right-radius:1.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__br--m--xxl {
        border-bottom-right-radius:1.8rem
    }
}

.border-radius__br--l {
    border-bottom-right-radius: 2.4rem
}

@media only screen and (min-width: 20em) {
    .border-radius__br--l--xs {
        border-bottom-right-radius:2.4rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__br--l--sm {
        border-bottom-right-radius:2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__br--l--md {
        border-bottom-right-radius:2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__br--l--lg {
        border-bottom-right-radius:2.4rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__br--l--xl {
        border-bottom-right-radius:2.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__br--l--xxl {
        border-bottom-right-radius:2.4rem
    }
}

.border-radius__t--n {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media only screen and (min-width: 20em) {
    .border-radius__t--n--xs {
        border-top-left-radius:0;
        border-top-right-radius: 0
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__t--n--sm {
        border-top-left-radius:0;
        border-top-right-radius: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__t--n--md {
        border-top-left-radius:0;
        border-top-right-radius: 0
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__t--n--lg {
        border-top-left-radius:0;
        border-top-right-radius: 0
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__t--n--xl {
        border-top-left-radius:0;
        border-top-right-radius: 0
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__t--n--xxl {
        border-top-left-radius:0;
        border-top-right-radius: 0
    }
}

.border-radius__t--xxs {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

@media only screen and (min-width: 20em) {
    .border-radius__t--xxs--xs {
        border-top-left-radius:.5rem;
        border-top-right-radius: .5rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__t--xxs--sm {
        border-top-left-radius:.5rem;
        border-top-right-radius: .5rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__t--xxs--md {
        border-top-left-radius:.5rem;
        border-top-right-radius: .5rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__t--xxs--lg {
        border-top-left-radius:.5rem;
        border-top-right-radius: .5rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__t--xxs--xl {
        border-top-left-radius:.5rem;
        border-top-right-radius: .5rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__t--xxs--xxl {
        border-top-left-radius:.5rem;
        border-top-right-radius: .5rem
    }
}

.border-radius__t--xs {
    border-top-left-radius: .8rem;
    border-top-right-radius: .8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__t--xs--xs {
        border-top-left-radius:.8rem;
        border-top-right-radius: .8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__t--xs--sm {
        border-top-left-radius:.8rem;
        border-top-right-radius: .8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__t--xs--md {
        border-top-left-radius:.8rem;
        border-top-right-radius: .8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__t--xs--lg {
        border-top-left-radius:.8rem;
        border-top-right-radius: .8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__t--xs--xl {
        border-top-left-radius:.8rem;
        border-top-right-radius: .8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__t--xs--xxl {
        border-top-left-radius:.8rem;
        border-top-right-radius: .8rem
    }
}

.border-radius__t--s {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

@media only screen and (min-width: 20em) {
    .border-radius__t--s--xs {
        border-top-left-radius:1rem;
        border-top-right-radius: 1rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__t--s--sm {
        border-top-left-radius:1rem;
        border-top-right-radius: 1rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__t--s--md {
        border-top-left-radius:1rem;
        border-top-right-radius: 1rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__t--s--lg {
        border-top-left-radius:1rem;
        border-top-right-radius: 1rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__t--s--xl {
        border-top-left-radius:1rem;
        border-top-right-radius: 1rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__t--s--xxl {
        border-top-left-radius:1rem;
        border-top-right-radius: 1rem
    }
}

.border-radius__t--m {
    border-top-left-radius: 1.8rem;
    border-top-right-radius: 1.8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__t--m--xs {
        border-top-left-radius:1.8rem;
        border-top-right-radius: 1.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__t--m--sm {
        border-top-left-radius:1.8rem;
        border-top-right-radius: 1.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__t--m--md {
        border-top-left-radius:1.8rem;
        border-top-right-radius: 1.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__t--m--lg {
        border-top-left-radius:1.8rem;
        border-top-right-radius: 1.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__t--m--xl {
        border-top-left-radius:1.8rem;
        border-top-right-radius: 1.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__t--m--xxl {
        border-top-left-radius:1.8rem;
        border-top-right-radius: 1.8rem
    }
}

.border-radius__t--l {
    border-top-left-radius: 2.4rem;
    border-top-right-radius: 2.4rem
}

@media only screen and (min-width: 20em) {
    .border-radius__t--l--xs {
        border-top-left-radius:2.4rem;
        border-top-right-radius: 2.4rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__t--l--sm {
        border-top-left-radius:2.4rem;
        border-top-right-radius: 2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__t--l--md {
        border-top-left-radius:2.4rem;
        border-top-right-radius: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__t--l--lg {
        border-top-left-radius:2.4rem;
        border-top-right-radius: 2.4rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__t--l--xl {
        border-top-left-radius:2.4rem;
        border-top-right-radius: 2.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__t--l--xxl {
        border-top-left-radius:2.4rem;
        border-top-right-radius: 2.4rem
    }
}

.border-radius__b--n {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media only screen and (min-width: 20em) {
    .border-radius__b--n--xs {
        border-bottom-left-radius:0;
        border-bottom-right-radius: 0
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__b--n--sm {
        border-bottom-left-radius:0;
        border-bottom-right-radius: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__b--n--md {
        border-bottom-left-radius:0;
        border-bottom-right-radius: 0
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__b--n--lg {
        border-bottom-left-radius:0;
        border-bottom-right-radius: 0
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__b--n--xl {
        border-bottom-left-radius:0;
        border-bottom-right-radius: 0
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__b--n--xxl {
        border-bottom-left-radius:0;
        border-bottom-right-radius: 0
    }
}

.border-radius__b--xxs,.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

@media only screen and (min-width: 20em) {
    .border-radius__b--xxs--xs {
        border-bottom-left-radius:.5rem;
        border-bottom-right-radius: .5rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__b--xxs--sm {
        border-bottom-left-radius:.5rem;
        border-bottom-right-radius: .5rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__b--xxs--md {
        border-bottom-left-radius:.5rem;
        border-bottom-right-radius: .5rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__b--xxs--lg {
        border-bottom-left-radius:.5rem;
        border-bottom-right-radius: .5rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__b--xxs--xl {
        border-bottom-left-radius:.5rem;
        border-bottom-right-radius: .5rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__b--xxs--xxl {
        border-bottom-left-radius:.5rem;
        border-bottom-right-radius: .5rem
    }
}

.border-radius__b--xs {
    border-bottom-left-radius: .8rem;
    border-bottom-right-radius: .8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__b--xs--xs {
        border-bottom-left-radius:.8rem;
        border-bottom-right-radius: .8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__b--xs--sm {
        border-bottom-left-radius:.8rem;
        border-bottom-right-radius: .8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__b--xs--md {
        border-bottom-left-radius:.8rem;
        border-bottom-right-radius: .8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__b--xs--lg {
        border-bottom-left-radius:.8rem;
        border-bottom-right-radius: .8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__b--xs--xl {
        border-bottom-left-radius:.8rem;
        border-bottom-right-radius: .8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__b--xs--xxl {
        border-bottom-left-radius:.8rem;
        border-bottom-right-radius: .8rem
    }
}

.border-radius__b--s {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

@media only screen and (min-width: 20em) {
    .border-radius__b--s--xs {
        border-bottom-left-radius:1rem;
        border-bottom-right-radius: 1rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__b--s--sm {
        border-bottom-left-radius:1rem;
        border-bottom-right-radius: 1rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__b--s--md {
        border-bottom-left-radius:1rem;
        border-bottom-right-radius: 1rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__b--s--lg {
        border-bottom-left-radius:1rem;
        border-bottom-right-radius: 1rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__b--s--xl {
        border-bottom-left-radius:1rem;
        border-bottom-right-radius: 1rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__b--s--xxl {
        border-bottom-left-radius:1rem;
        border-bottom-right-radius: 1rem
    }
}

.border-radius__b--m {
    border-bottom-left-radius: 1.8rem;
    border-bottom-right-radius: 1.8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__b--m--xs {
        border-bottom-left-radius:1.8rem;
        border-bottom-right-radius: 1.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__b--m--sm {
        border-bottom-left-radius:1.8rem;
        border-bottom-right-radius: 1.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__b--m--md {
        border-bottom-left-radius:1.8rem;
        border-bottom-right-radius: 1.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__b--m--lg {
        border-bottom-left-radius:1.8rem;
        border-bottom-right-radius: 1.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__b--m--xl {
        border-bottom-left-radius:1.8rem;
        border-bottom-right-radius: 1.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__b--m--xxl {
        border-bottom-left-radius:1.8rem;
        border-bottom-right-radius: 1.8rem
    }
}

.border-radius__b--l {
    border-bottom-left-radius: 2.4rem;
    border-bottom-right-radius: 2.4rem
}

@media only screen and (min-width: 20em) {
    .border-radius__b--l--xs {
        border-bottom-left-radius:2.4rem;
        border-bottom-right-radius: 2.4rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__b--l--sm {
        border-bottom-left-radius:2.4rem;
        border-bottom-right-radius: 2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__b--l--md {
        border-bottom-left-radius:2.4rem;
        border-bottom-right-radius: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__b--l--lg {
        border-bottom-left-radius:2.4rem;
        border-bottom-right-radius: 2.4rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__b--l--xl {
        border-bottom-left-radius:2.4rem;
        border-bottom-right-radius: 2.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__b--l--xxl {
        border-bottom-left-radius:2.4rem;
        border-bottom-right-radius: 2.4rem
    }
}

.border-radius__all--n,.hardware-product .cards--container,.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__header {
    border-radius: 0
}

@media only screen and (min-width: 20em) {
    .border-radius__all--n--xs {
        border-radius:0
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__all--n--sm {
        border-radius:0
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__all--n--md {
        border-radius:0
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__all--n--lg {
        border-radius:0
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__all--n--xl {
        border-radius:0
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__all--n--xxl {
        border-radius:0
    }
}

.border-radius__all--xxs,.home-networks .product-row-item__container {
    border-radius: .5rem
}

@media only screen and (min-width: 20em) {
    .border-radius__all--xxs--xs {
        border-radius:.5rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__all--xxs--sm {
        border-radius:.5rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__all--xxs--md {
        border-radius:.5rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__all--xxs--lg {
        border-radius:.5rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__all--xxs--xl {
        border-radius:.5rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__all--xxs--xxl {
        border-radius:.5rem
    }
}

.border-radius__all--xs,.gdpr-request__personal-details,.hardware-product--info__content__badges span,.hardware-product__badge span {
    border-radius: .8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__all--xs--xs {
        border-radius:.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__all--xs--sm {
        border-radius:.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__all--xs--md {
        border-radius:.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__all--xs--lg {
        border-radius:.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__all--xs--xl {
        border-radius:.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__all--xs--xxl {
        border-radius:.8rem
    }
}

.border-radius__all--s,.guardrail.guardrail__collapsed .guardrail__price-overview,.product-row-item.product-row-item__failed-orders.content-row .content-section {
    border-radius: 1rem
}

@media only screen and (min-width: 20em) {
    .border-radius__all--s--xs {
        border-radius:1rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__all--s--sm {
        border-radius:1rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__all--s--md {
        border-radius:1rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__all--s--lg {
        border-radius:1rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__all--s--xl {
        border-radius:1rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__all--s--xxl {
        border-radius:1rem
    }
}

.account-line-selector .account-selector__list__account-info__account-details .badge--icon,.appointment-step-trackers .appointment-tracker--steps,.appointment-step-trackers .appointment-tracker--steps-circle,.border-radius__all--m {
    border-radius: 1.8rem
}

@media only screen and (min-width: 20em) {
    .border-radius__all--m--xs {
        border-radius:1.8rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__all--m--sm {
        border-radius:1.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__all--m--md {
        border-radius:1.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__all--m--lg {
        border-radius:1.8rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__all--m--xl {
        border-radius:1.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__all--m--xxl {
        border-radius:1.8rem
    }
}

.border-radius__all--l,.select-row .icon-tick,.select-row .select-indicator:before {
    border-radius: 2.4rem
}

@media only screen and (min-width: 20em) {
    .border-radius__all--l--xs {
        border-radius:2.4rem
    }
}

@media only screen and (min-width: 36em) {
    .border-radius__all--l--sm {
        border-radius:2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .border-radius__all--l--md {
        border-radius:2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .border-radius__all--l--lg {
        border-radius:2.4rem
    }
}

@media only screen and (min-width: 90em) {
    .border-radius__all--l--xl {
        border-radius:2.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .border-radius__all--l--xxl {
        border-radius:2.4rem
    }
}

.border-radius--circle,.pagination .pagination__list__bullit a {
    border-radius: 50%
}

#launcher,#launcherminimized,.card-content:hover,.circle-container,.cmp-carousel__action,.cmp-text .ot-sdk-show-settings:hover,.cur-pointer,.hardware-details__image .slick-carousel__slider.slick-slider .slick-dots li button,.header-base__mobile .menu-icon,.mobile-usage-notifications .content-section__header .header-title,.options-button:hover,.pagination .pagination__list__bullit a.pagination__list__item__active,.social-sharing__option {
    cursor: pointer
}

@media only screen and (max-width: 35.99em) {
    .cur-pointer--xs {
        cursor:pointer
    }
}

.cmp-carousel__action__disabled,.cur-default,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+.form__checkbox__label.form-helper,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+.form__checkbox__label.form-helper:after,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+.form__checkbox__label.form-helper:before,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+label.form__checkbox__label,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+label.form__checkbox__label:after,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+label.form__checkbox__label:before,.form__checkbox input[type=checkbox].form__checkbox__input:disabled+.form__checkbox__label.form-helper,.form__checkbox input[type=checkbox].form__checkbox__input:disabled+label.form__checkbox__label,.form__checkbox input[type=checkbox].form__checkbox__input:not(:checked):disabled+.form__checkbox__label.form-helper:before,.form__checkbox input[type=checkbox].form__checkbox__input:not(:checked):disabled+label.form__checkbox__label:before,.pagination .pagination__list__bullit a.pagination__list__item__in-active,.pagination .pagination__list__item__active,.radio-checkbox--background--disabled,.radio-checkbox--background--disabled .form__radio__label,.sim-activation .form-group .fixed-label,.sim-home-activation .form-group .fixed-label {
    cursor: default
}

.cmp-carousel__action__disabled:hover,.cur-default:hover,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+.form__checkbox__label.form-helper:hover:after,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+.form__checkbox__label.form-helper:hover:before,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+label.form__checkbox__label:hover:after,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+label.form__checkbox__label:hover:before,.form__checkbox input[type=checkbox].form__checkbox__input:disabled+.form__checkbox__label.form-helper:hover,.form__checkbox input[type=checkbox].form__checkbox__input:disabled+label.form__checkbox__label:hover,.form__checkbox input[type=checkbox].form__checkbox__input:not(:checked):disabled+.form__checkbox__label.form-helper:hover:before,.form__checkbox input[type=checkbox].form__checkbox__input:not(:checked):disabled+label.form__checkbox__label:hover:before,.pagination .pagination__list__bullit a.pagination__list__item__in-active:hover,.pagination .pagination__list__item__active:hover,.radio-checkbox--background--disabled .form__radio__label:hover,.radio-checkbox--background--disabled:hover,.sim-activation .form-group .fixed-label:hover,.sim-home-activation .form-group .fixed-label:hover {
    cursor: default
}

.display-block,.grouping--full-height .aem-Grid,.hardware-details--no-result__content__data-image,.hardware-product--header__category,.hardware-product--info__content-desc .hardware-product--info__content-desc__link,.hardware-product--specifications__tooltip-icon:hover~.hardware-product--specifications__tooltip-data,.hardware-product__configurations__hidden,.hardware-sticky-header.sticky-header__divider,.hardware-sticky-header__divider,.header-accordion.header-accordion--bottom,.header-base .cmp-logo a,.header-base__mobile .menu-icon .nav-icon,.header-base__mobile .menu-icon .nav-icon:after,.header-base__mobile .menu-icon .nav-icon:before,.hide-base,.mobile-usage-notifications .content-section__header,.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container,.pagination .pagination__list__bullit a,.product-overview .product-overview__hide-base,.select-row .select-indicator:before,.self-install__product>div:last-child .self-install__product__block .self-install__bundle-product>div .self-install__product__border {
    display: block
}

.display-inline-block,.tooltip {
    display: inline-block
}

.display-inline,.home-networks__content-section__details-filter__data .hidden-icon,.navigation-list .nav-list .icon-file,.navigation-list.navigation-list--latest .nav-list .icon-file,.notification span a,.shopping-cart__credits span {
    display: inline
}

#launcher,#launcherminimized,.appointment-picker .section .cards,.card-content,.card-content.small .card-alignment,.card-content.small .notification--card,.circle-container,.cmp-countdown,.cmp-countdown__item--bottom,.cmp-countdown__item--medium,.cmp-countdown__item--top,.display-flex,.dropdown-menu.dropdown-menu--pagination,.group-bundles,.group-bundles .group-bundles-item,.hardware-accessories__content .cards--container,.hardware-recommendations .slick-track,.hardware-recommendations__content .cards--container,.hardware-search__content ol li .hardware-product .cards--container,.Header--minimal,.header-base .cmp-logo,.header-base .cmp-shopping-cart-icon,.header-base__mobile .top-section .top-up-link,.manage-option__container .manage-option__item .product-options__item .product-options__summary--packs-section,.manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-section,.notification.hidden-desktop,.overlay--column-reverse-mobile .overlay__section__content__action,.product-configuration-page .shopping-basket,.promo-highlight--mini,.sales-cart-row,.sales-cart-row__content,.sales-cart__title,.table__usage-v2 .Table .usage-info {
    display: flex
}

.cmp-breadcrumb__list,.cmp-breadcrumb__list .cmp-breadcrumb__item,.display-inline-flex,.hardware-product--nav__items-range .Form__input--placeholder.form__input-container--invalid,.header-base__mobile .menu-icon {
    display: inline-flex
}

.display-inherit,.grouping--full-height .aem-Grid .cmp-responsivegrid .aem-Grid {
    display: inherit
}

#unreadCounter,.card-content.invisible,.consult-options__sub-section,.cq-wcm-edit .cmp-carousel__action,.cq-wcm-edit .cmp-carousel__indicators,.display-none,.hardware-product--header__data,.hardware-product--info__content__choose-plan,.hardware-product__configurations__visible,.hardware-product__content__desc,.header-accordion.header-accordion--bottom .header-accordion--link,.header-base--sales .cart-icon__label,.header-base .menu-toggle:checked~.header-base__mobile .menu-icon .nav-text,.hide-telenet,.home-networks__network-content .network-content__option-method .option-method__option-fields input[type=password]::-ms-clear,.home-networks__network-content .network-content__option-method .option-method__option-fields input[type=password]::-ms-reveal,.manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-button,.manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-button .radio-input,.manage-option__container .manage-option__item .product-options__title .badge,.mobile-usage-notifications .bundle-section__notification:last-child .divider,.native-date-picker::-webkit-clear-button,.native-date-picker::-webkit-datetime-edit,.native-date-picker::-webkit-inner-spin-button,.ngx-slider span.ngx-slider-span.ngx-slider-bubble,.notification.hidden-mobile,.product-overview .product-overview__hide-telenet,.vertical-step-tracker.hideTracker .tracker--step.ready-0:after,.vertical-step-tracker.hideTracker .tracker--step.ready-1:after,.vertical-step-tracker.hideTracker .tracker--step.ready-2:after,.vertical-step-tracker.hideTracker .tracker--step.ready-3:after,.vertical-step-tracker.hideTracker .tracker--step.ready-4:after,.vertical-step-tracker.hideTracker .tracker--step.ready-5:after,.vertical-step-tracker.hideTracker .tracker--step.ready-6:after,.vertical-step-tracker.hideTracker .tracker--step.ready-7:after,.vertical-step-tracker.hideTracker .tracker--step.ready-8:after,.vertical-step-tracker.hideTracker .tracker--step.ready-9:after,.vertical-step-tracker.hideTracker .tracker--step.ready-10:after,.vertical-step-tracker.hideTracker .tracker--step.ready-11:after,.vertical-step-tracker.hideTracker .tracker--step.ready-12:after,.vertical-step-tracker.hideTracker .tracker--step.ready-13:after,.vertical-step-tracker.hideTracker .tracker--step.ready-14:after,.vertical-step-tracker.hideTracker .tracker--step.ready-15:after,.vertical-step-tracker.hideTracker .tracker--step.ready-16:after,.vertical-step-tracker.hideTracker .tracker--step.ready-17:after,.vertical-step-tracker.hideTracker .tracker--step.ready-18:after,.vertical-step-tracker.hideTracker .tracker--step.ready-19:after,.vertical-step-tracker.hideTracker .tracker--step.ready-20:after {
    display: none
}

.display-contents {
    display: contents
}

.display-inline-table {
    display: inline-table
}

.display-grid {
    display: grid
}

@media only screen and (min-width: 20em) {
    .display-block--xs {
        display:block
    }

    .display-inline-block--xs {
        display: inline-block
    }

    .display-inline--xs {
        display: inline
    }

    .display-flex--xs {
        display: flex
    }

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

    .display-inherit--xs {
        display: inherit
    }

    .display-none--xs,.mobile-usage-notifications .content-section__details:hover .tooltip__info-section.tooltip__info-section--hidden-mobile,.third-party-services:hover .tooltip__info-section.tooltip__info-section--hidden-mobile {
        display: none
    }

    .display-contents--xs {
        display: contents
    }

    .display-inline-table--xs {
        display: inline-table
    }

    .display-grid--xs {
        display: grid
    }
}

@media only screen and (min-width: 36em) {
    .display-block--sm {
        display:block
    }

    .display-inline-block--sm {
        display: inline-block
    }

    .display-inline--sm {
        display: inline
    }

    .content-list ul.content-list--cols-2 .teaser--title,.display-flex--sm,.grouping--full-height .aem-Grid,.hardware-categories__items.Container,.invite-new-user--invite-overlay .overlay__section__content,.invite-new-user--pending-invite-overlay .overlay__section__content,.invite-new-user--success-invite-overlay .overlay__section__content,.manage-mailbox--create-mailbox .overlay__section__content,.mobile-usage-notifications .content-section__details:hover .tooltip__info-section.tooltip__info-section--hidden-mobile,.notification.hidden-mobile,.sim-management--sim-overlay .overlay__section__content,.third-party-services:hover .tooltip__info-section.tooltip__info-section--hidden-mobile {
        display: flex
    }

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

    .display-inherit--sm {
        display: inherit
    }

    .display-none--sm,.notification.hidden-desktop {
        display: none
    }

    .display-contents--sm {
        display: contents
    }

    .display-inline-table--sm {
        display: inline-table
    }

    .display-grid--sm {
        display: grid
    }
}

@media only screen and (min-width: 48.0625em) {
    .display-block--md,.shopping-cart__credits span {
        display:block
    }

    .display-inline-block--md {
        display: inline-block
    }

    .display-inline--md,.home-networks .product-row-item__container .container-row .option span.hidden-mobile {
        display: inline
    }

    .discount-use.slick-carousel__slider.slick-slider.discount-use__slider__min-items .slick-list,.discount-use.slick-carousel__slider.slick-slider.discount-use__slider__min-items .slick-list .slick-track,.display-flex--md,.grouping--full-height .aem-Grid,.manage-option__container .manage-option__item .product-options__title .badge,.notification.hidden-mobile {
        display: flex
    }

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

    .display-inherit--md {
        display: inherit
    }

    .display-none--md,.home-networks__content-section__details-filter__data .form-helper,.home-networks__content-section__details-filter__data .hidden-icon,.home-networks__content-section__details-filter__data label,.notification.hidden-desktop,.table__usage-v2 .Table .usage-info {
        display: none
    }

    .display-contents--md {
        display: contents
    }

    .display-inline-table--md {
        display: inline-table
    }

    .display-grid--md {
        display: grid
    }
}

@media only screen and (min-width: 74.5em) {
    .display-block--lg {
        display:block
    }

    .display-inline-block--lg {
        display: inline-block
    }

    .display-inline--lg {
        display: inline
    }

    .display-flex--lg,.grouping--full-height .aem-Grid,.notification.hidden-mobile {
        display: flex
    }

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

    .display-inherit--lg {
        display: inherit
    }

    .display-none--lg,.notification.hidden-desktop {
        display: none
    }

    .display-contents--lg {
        display: contents
    }

    .display-inline-table--lg {
        display: inline-table
    }

    .display-grid--lg {
        display: grid
    }
}

@media only screen and (min-width: 90em) {
    .display-block--xl {
        display:block
    }

    .display-inline-block--xl {
        display: inline-block
    }

    .display-inline--xl {
        display: inline
    }

    .display-flex--xl {
        display: flex
    }

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

    .display-inherit--xl {
        display: inherit
    }

    .display-none--xl {
        display: none
    }

    .display-contents--xl {
        display: contents
    }

    .display-inline-table--xl {
        display: inline-table
    }

    .display-grid--xl {
        display: grid
    }
}

@media only screen and (min-width: 104.6875em) {
    .display-block--xxl {
        display:block
    }

    .display-inline-block--xxl {
        display: inline-block
    }

    .display-inline--xxl {
        display: inline
    }

    .display-flex--xxl {
        display: flex
    }

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

    .display-inherit--xxl {
        display: inherit
    }

    .display-none--xxl {
        display: none
    }

    .display-contents--xxl {
        display: contents
    }

    .display-inline-table--xxl {
        display: inline-table
    }

    .display-grid--xxl {
        display: grid
    }
}

.display-row-mobile {
    display: inline-flex
}

@media only screen and (min-width: 36em) {
    .display-row-mobile {
        display:block
    }
}

.display-column-mobile {
    display: block
}

@media only screen and (min-width: 36em) {
    .display-column-mobile {
        display:inline-flex
    }
}

.checkbox-container,.checkbox-container__label__tick,.display-flex-align-center,.header-site.header-site--conversational .header-site--conversational__container__back,.header-site.header-site--conversational .header-site--conversational__container__close,.intent-finder__container {
    display: flex;
    justify-content: center;
    align-items: center
}

.col,[class^=col-] {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem
}

.row--no-gutters>.col,.row--no-gutters>[class^=col-] {
    padding: 0
}

.row--full-gutters>.col,.row--full-gutters>[class^=col-] {
    padding: 1rem
}

.no-gutter-mobile {
    padding: 0
}

@media only screen and (min-width: 36em) {
    .no-gutter-mobile {
        padding-left:1rem;
        padding-right: 1rem
    }
}

[class^=col-] {
    flex: 0 0 100%;
    max-width: 100%
}

.col {
    flex: 0 0 auto;
    max-width: 100%
}

.col--grow {
    flex: 1 0 auto;
    max-width: 100%
}

.col-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex-basis: 25%;
    max-width: 25%
}

.col-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex-basis: 50%;
    max-width: 50%
}

.col-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex-basis: 75%;
    max-width: 75%
}

.col-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex-basis: 100%;
    max-width: 100%
}

.col-offset-0 {
    margin-left: 0
}

.col-pull-0,.col-push-0 {
    left: auto;
    right: auto
}

.col-offset-1 {
    margin-left: 8.33333%
}

.col-push-1 {
    left: 8.33333%;
    right: auto
}

.col-pull-1 {
    right: 8.33333%;
    left: auto
}

.col-offset-2 {
    margin-left: 16.66667%
}

.col-push-2 {
    left: 16.66667%;
    right: auto
}

.col-pull-2 {
    right: 16.66667%;
    left: auto
}

.col-offset-3 {
    margin-left: 25%
}

.col-push-3 {
    left: 25%;
    right: auto
}

.col-pull-3 {
    right: 25%;
    left: auto
}

.col-offset-4 {
    margin-left: 33.33333%
}

.col-push-4 {
    left: 33.33333%;
    right: auto
}

.col-pull-4 {
    right: 33.33333%;
    left: auto
}

.col-offset-5 {
    margin-left: 41.66667%
}

.col-push-5 {
    left: 41.66667%;
    right: auto
}

.col-pull-5 {
    right: 41.66667%;
    left: auto
}

.col-offset-6 {
    margin-left: 50%
}

.col-push-6 {
    left: 50%;
    right: auto
}

.col-pull-6 {
    right: 50%;
    left: auto
}

.col-offset-7 {
    margin-left: 58.33333%
}

.col-push-7 {
    left: 58.33333%;
    right: auto
}

.col-pull-7 {
    right: 58.33333%;
    left: auto
}

.col-offset-8 {
    margin-left: 66.66667%
}

.col-push-8 {
    left: 66.66667%;
    right: auto
}

.col-pull-8 {
    right: 66.66667%;
    left: auto
}

.col-offset-9 {
    margin-left: 75%
}

.col-push-9 {
    left: 75%;
    right: auto
}

.col-pull-9 {
    right: 75%;
    left: auto
}

.col-offset-10 {
    margin-left: 83.33333%
}

.col-push-10 {
    left: 83.33333%;
    right: auto
}

.col-pull-10 {
    right: 83.33333%;
    left: auto
}

.col-offset-11 {
    margin-left: 91.66667%
}

.col-push-11 {
    left: 91.66667%;
    right: auto
}

.col-pull-11 {
    right: 91.66667%;
    left: auto
}

.col-offset-12 {
    margin-left: 100%
}

.col-push-12 {
    left: 100%;
    right: auto
}

.col-pull-12 {
    right: 100%;
    left: auto
}

@media only screen and (min-width: 20em) {
    .col-xs-1 {
        flex-basis:8.33333%;
        max-width: 8.33333%
    }

    .col-xs-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .col-xs-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-xs-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .col-xs-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .col-xs-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-xs-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .col-xs-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .col-xs-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-xs-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .col-xs-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .col-xs-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-xs-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-offset-xs-0 {
        margin-left: 0
    }

    .col-pull-xs-0,.col-push-xs-0 {
        left: auto;
        right: auto
    }

    .col-offset-xs-1 {
        margin-left: 8.33333%
    }

    .col-push-xs-1 {
        left: 8.33333%;
        right: auto
    }

    .col-pull-xs-1 {
        right: 8.33333%;
        left: auto
    }

    .col-offset-xs-2 {
        margin-left: 16.66667%
    }

    .col-push-xs-2 {
        left: 16.66667%;
        right: auto
    }

    .col-pull-xs-2 {
        right: 16.66667%;
        left: auto
    }

    .col-offset-xs-3 {
        margin-left: 25%
    }

    .col-push-xs-3 {
        left: 25%;
        right: auto
    }

    .col-pull-xs-3 {
        right: 25%;
        left: auto
    }

    .col-offset-xs-4 {
        margin-left: 33.33333%
    }

    .col-push-xs-4 {
        left: 33.33333%;
        right: auto
    }

    .col-pull-xs-4 {
        right: 33.33333%;
        left: auto
    }

    .col-offset-xs-5 {
        margin-left: 41.66667%
    }

    .col-push-xs-5 {
        left: 41.66667%;
        right: auto
    }

    .col-pull-xs-5 {
        right: 41.66667%;
        left: auto
    }

    .col-offset-xs-6 {
        margin-left: 50%
    }

    .col-push-xs-6 {
        left: 50%;
        right: auto
    }

    .col-pull-xs-6 {
        right: 50%;
        left: auto
    }

    .col-offset-xs-7 {
        margin-left: 58.33333%
    }

    .col-push-xs-7 {
        left: 58.33333%;
        right: auto
    }

    .col-pull-xs-7 {
        right: 58.33333%;
        left: auto
    }

    .col-offset-xs-8 {
        margin-left: 66.66667%
    }

    .col-push-xs-8 {
        left: 66.66667%;
        right: auto
    }

    .col-pull-xs-8 {
        right: 66.66667%;
        left: auto
    }

    .col-offset-xs-9 {
        margin-left: 75%
    }

    .col-push-xs-9 {
        left: 75%;
        right: auto
    }

    .col-pull-xs-9 {
        right: 75%;
        left: auto
    }

    .col-offset-xs-10 {
        margin-left: 83.33333%
    }

    .col-push-xs-10 {
        left: 83.33333%;
        right: auto
    }

    .col-pull-xs-10 {
        right: 83.33333%;
        left: auto
    }

    .col-offset-xs-11 {
        margin-left: 91.66667%
    }

    .col-push-xs-11 {
        left: 91.66667%;
        right: auto
    }

    .col-pull-xs-11 {
        right: 91.66667%;
        left: auto
    }

    .col-offset-xs-12 {
        margin-left: 100%
    }

    .col-push-xs-12 {
        left: 100%;
        right: auto
    }

    .col-pull-xs-12 {
        right: 100%;
        left: auto
    }
}

@media only screen and (min-width: 36em) {
    .col-sm-1 {
        flex-basis:8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6,.hero-banner .hero-banner__inner-container--image,.hero-banner .hero-banner__inner-container--text {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-offset-sm-0 {
        margin-left: 0
    }

    .col-pull-sm-0,.col-push-sm-0 {
        left: auto;
        right: auto
    }

    .col-offset-sm-1 {
        margin-left: 8.33333%
    }

    .col-push-sm-1 {
        left: 8.33333%;
        right: auto
    }

    .col-pull-sm-1 {
        right: 8.33333%;
        left: auto
    }

    .col-offset-sm-2 {
        margin-left: 16.66667%
    }

    .col-push-sm-2 {
        left: 16.66667%;
        right: auto
    }

    .col-pull-sm-2 {
        right: 16.66667%;
        left: auto
    }

    .col-offset-sm-3 {
        margin-left: 25%
    }

    .col-push-sm-3 {
        left: 25%;
        right: auto
    }

    .col-pull-sm-3 {
        right: 25%;
        left: auto
    }

    .col-offset-sm-4 {
        margin-left: 33.33333%
    }

    .col-push-sm-4 {
        left: 33.33333%;
        right: auto
    }

    .col-pull-sm-4 {
        right: 33.33333%;
        left: auto
    }

    .col-offset-sm-5 {
        margin-left: 41.66667%
    }

    .col-push-sm-5 {
        left: 41.66667%;
        right: auto
    }

    .col-pull-sm-5 {
        right: 41.66667%;
        left: auto
    }

    .col-offset-sm-6 {
        margin-left: 50%
    }

    .col-push-sm-6 {
        left: 50%;
        right: auto
    }

    .col-pull-sm-6 {
        right: 50%;
        left: auto
    }

    .col-offset-sm-7 {
        margin-left: 58.33333%
    }

    .col-push-sm-7 {
        left: 58.33333%;
        right: auto
    }

    .col-pull-sm-7 {
        right: 58.33333%;
        left: auto
    }

    .col-offset-sm-8 {
        margin-left: 66.66667%
    }

    .col-push-sm-8 {
        left: 66.66667%;
        right: auto
    }

    .col-pull-sm-8 {
        right: 66.66667%;
        left: auto
    }

    .col-offset-sm-9 {
        margin-left: 75%
    }

    .col-push-sm-9 {
        left: 75%;
        right: auto
    }

    .col-pull-sm-9 {
        right: 75%;
        left: auto
    }

    .col-offset-sm-10 {
        margin-left: 83.33333%
    }

    .col-push-sm-10 {
        left: 83.33333%;
        right: auto
    }

    .col-pull-sm-10 {
        right: 83.33333%;
        left: auto
    }

    .col-offset-sm-11 {
        margin-left: 91.66667%
    }

    .col-push-sm-11 {
        left: 91.66667%;
        right: auto
    }

    .col-pull-sm-11 {
        right: 91.66667%;
        left: auto
    }

    .col-offset-sm-12 {
        margin-left: 100%
    }

    .col-push-sm-12 {
        left: 100%;
        right: auto
    }

    .col-pull-sm-12 {
        right: 100%;
        left: auto
    }
}

@media only screen and (min-width: 48.0625em) {
    .col-md-1 {
        flex-basis:8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10,.hardware-details--no-result {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12,.hardware-details--no-result__content__data {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-offset-md-0 {
        margin-left: 0
    }

    .col-pull-md-0,.col-push-md-0 {
        left: auto;
        right: auto
    }

    .col-offset-md-1 {
        margin-left: 8.33333%
    }

    .col-push-md-1 {
        left: 8.33333%;
        right: auto
    }

    .col-pull-md-1 {
        right: 8.33333%;
        left: auto
    }

    .col-offset-md-2 {
        margin-left: 16.66667%
    }

    .col-push-md-2 {
        left: 16.66667%;
        right: auto
    }

    .col-pull-md-2 {
        right: 16.66667%;
        left: auto
    }

    .col-offset-md-3 {
        margin-left: 25%
    }

    .col-push-md-3 {
        left: 25%;
        right: auto
    }

    .col-pull-md-3 {
        right: 25%;
        left: auto
    }

    .col-offset-md-4 {
        margin-left: 33.33333%
    }

    .col-push-md-4 {
        left: 33.33333%;
        right: auto
    }

    .col-pull-md-4 {
        right: 33.33333%;
        left: auto
    }

    .col-offset-md-5 {
        margin-left: 41.66667%
    }

    .col-push-md-5 {
        left: 41.66667%;
        right: auto
    }

    .col-pull-md-5 {
        right: 41.66667%;
        left: auto
    }

    .col-offset-md-6 {
        margin-left: 50%
    }

    .col-push-md-6 {
        left: 50%;
        right: auto
    }

    .col-pull-md-6 {
        right: 50%;
        left: auto
    }

    .col-offset-md-7 {
        margin-left: 58.33333%
    }

    .col-push-md-7 {
        left: 58.33333%;
        right: auto
    }

    .col-pull-md-7 {
        right: 58.33333%;
        left: auto
    }

    .col-offset-md-8 {
        margin-left: 66.66667%
    }

    .col-push-md-8 {
        left: 66.66667%;
        right: auto
    }

    .col-pull-md-8 {
        right: 66.66667%;
        left: auto
    }

    .col-offset-md-9 {
        margin-left: 75%
    }

    .col-push-md-9 {
        left: 75%;
        right: auto
    }

    .col-pull-md-9 {
        right: 75%;
        left: auto
    }

    .col-offset-md-10 {
        margin-left: 83.33333%
    }

    .col-push-md-10 {
        left: 83.33333%;
        right: auto
    }

    .col-pull-md-10 {
        right: 83.33333%;
        left: auto
    }

    .col-offset-md-11 {
        margin-left: 91.66667%
    }

    .col-push-md-11 {
        left: 91.66667%;
        right: auto
    }

    .col-pull-md-11 {
        right: 91.66667%;
        left: auto
    }

    .col-offset-md-12 {
        margin-left: 100%
    }

    .col-push-md-12 {
        left: 100%;
        right: auto
    }

    .col-pull-md-12 {
        right: 100%;
        left: auto
    }
}

@media only screen and (min-width: 74.5em) {
    .col-lg-1 {
        flex-basis:8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-offset-lg-0 {
        margin-left: 0
    }

    .col-pull-lg-0,.col-push-lg-0 {
        left: auto;
        right: auto
    }

    .col-offset-lg-1 {
        margin-left: 8.33333%
    }

    .col-push-lg-1 {
        left: 8.33333%;
        right: auto
    }

    .col-pull-lg-1 {
        right: 8.33333%;
        left: auto
    }

    .col-offset-lg-2 {
        margin-left: 16.66667%
    }

    .col-push-lg-2 {
        left: 16.66667%;
        right: auto
    }

    .col-pull-lg-2 {
        right: 16.66667%;
        left: auto
    }

    .col-offset-lg-3 {
        margin-left: 25%
    }

    .col-push-lg-3 {
        left: 25%;
        right: auto
    }

    .col-pull-lg-3 {
        right: 25%;
        left: auto
    }

    .col-offset-lg-4 {
        margin-left: 33.33333%
    }

    .col-push-lg-4 {
        left: 33.33333%;
        right: auto
    }

    .col-pull-lg-4 {
        right: 33.33333%;
        left: auto
    }

    .col-offset-lg-5 {
        margin-left: 41.66667%
    }

    .col-push-lg-5 {
        left: 41.66667%;
        right: auto
    }

    .col-pull-lg-5 {
        right: 41.66667%;
        left: auto
    }

    .col-offset-lg-6 {
        margin-left: 50%
    }

    .col-push-lg-6 {
        left: 50%;
        right: auto
    }

    .col-pull-lg-6 {
        right: 50%;
        left: auto
    }

    .col-offset-lg-7 {
        margin-left: 58.33333%
    }

    .col-push-lg-7 {
        left: 58.33333%;
        right: auto
    }

    .col-pull-lg-7 {
        right: 58.33333%;
        left: auto
    }

    .col-offset-lg-8 {
        margin-left: 66.66667%
    }

    .col-push-lg-8 {
        left: 66.66667%;
        right: auto
    }

    .col-pull-lg-8 {
        right: 66.66667%;
        left: auto
    }

    .col-offset-lg-9 {
        margin-left: 75%
    }

    .col-push-lg-9 {
        left: 75%;
        right: auto
    }

    .col-pull-lg-9 {
        right: 75%;
        left: auto
    }

    .col-offset-lg-10 {
        margin-left: 83.33333%
    }

    .col-push-lg-10 {
        left: 83.33333%;
        right: auto
    }

    .col-pull-lg-10 {
        right: 83.33333%;
        left: auto
    }

    .col-offset-lg-11 {
        margin-left: 91.66667%
    }

    .col-push-lg-11 {
        left: 91.66667%;
        right: auto
    }

    .col-pull-lg-11 {
        right: 91.66667%;
        left: auto
    }

    .col-offset-lg-12 {
        margin-left: 100%
    }

    .col-push-lg-12 {
        left: 100%;
        right: auto
    }

    .col-pull-lg-12 {
        right: 100%;
        left: auto
    }
}

@media only screen and (min-width: 90em) {
    .col-xl-1 {
        flex-basis:8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-offset-xl-0 {
        margin-left: 0
    }

    .col-pull-xl-0,.col-push-xl-0 {
        left: auto;
        right: auto
    }

    .col-offset-xl-1 {
        margin-left: 8.33333%
    }

    .col-push-xl-1 {
        left: 8.33333%;
        right: auto
    }

    .col-pull-xl-1 {
        right: 8.33333%;
        left: auto
    }

    .col-offset-xl-2 {
        margin-left: 16.66667%
    }

    .col-push-xl-2 {
        left: 16.66667%;
        right: auto
    }

    .col-pull-xl-2 {
        right: 16.66667%;
        left: auto
    }

    .col-offset-xl-3 {
        margin-left: 25%
    }

    .col-push-xl-3 {
        left: 25%;
        right: auto
    }

    .col-pull-xl-3 {
        right: 25%;
        left: auto
    }

    .col-offset-xl-4 {
        margin-left: 33.33333%
    }

    .col-push-xl-4 {
        left: 33.33333%;
        right: auto
    }

    .col-pull-xl-4 {
        right: 33.33333%;
        left: auto
    }

    .col-offset-xl-5 {
        margin-left: 41.66667%
    }

    .col-push-xl-5 {
        left: 41.66667%;
        right: auto
    }

    .col-pull-xl-5 {
        right: 41.66667%;
        left: auto
    }

    .col-offset-xl-6 {
        margin-left: 50%
    }

    .col-push-xl-6 {
        left: 50%;
        right: auto
    }

    .col-pull-xl-6 {
        right: 50%;
        left: auto
    }

    .col-offset-xl-7 {
        margin-left: 58.33333%
    }

    .col-push-xl-7 {
        left: 58.33333%;
        right: auto
    }

    .col-pull-xl-7 {
        right: 58.33333%;
        left: auto
    }

    .col-offset-xl-8 {
        margin-left: 66.66667%
    }

    .col-push-xl-8 {
        left: 66.66667%;
        right: auto
    }

    .col-pull-xl-8 {
        right: 66.66667%;
        left: auto
    }

    .col-offset-xl-9 {
        margin-left: 75%
    }

    .col-push-xl-9 {
        left: 75%;
        right: auto
    }

    .col-pull-xl-9 {
        right: 75%;
        left: auto
    }

    .col-offset-xl-10 {
        margin-left: 83.33333%
    }

    .col-push-xl-10 {
        left: 83.33333%;
        right: auto
    }

    .col-pull-xl-10 {
        right: 83.33333%;
        left: auto
    }

    .col-offset-xl-11 {
        margin-left: 91.66667%
    }

    .col-push-xl-11 {
        left: 91.66667%;
        right: auto
    }

    .col-pull-xl-11 {
        right: 91.66667%;
        left: auto
    }

    .col-offset-xl-12 {
        margin-left: 100%
    }

    .col-push-xl-12 {
        left: 100%;
        right: auto
    }

    .col-pull-xl-12 {
        right: 100%;
        left: auto
    }
}

@media only screen and (min-width: 104.6875em) {
    .col-xxl-1 {
        flex-basis:8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-offset-xxl-0 {
        margin-left: 0
    }

    .col-pull-xxl-0,.col-push-xxl-0 {
        left: auto;
        right: auto
    }

    .col-offset-xxl-1 {
        margin-left: 8.33333%
    }

    .col-push-xxl-1 {
        left: 8.33333%;
        right: auto
    }

    .col-pull-xxl-1 {
        right: 8.33333%;
        left: auto
    }

    .col-offset-xxl-2 {
        margin-left: 16.66667%
    }

    .col-push-xxl-2 {
        left: 16.66667%;
        right: auto
    }

    .col-pull-xxl-2 {
        right: 16.66667%;
        left: auto
    }

    .col-offset-xxl-3 {
        margin-left: 25%
    }

    .col-push-xxl-3 {
        left: 25%;
        right: auto
    }

    .col-pull-xxl-3 {
        right: 25%;
        left: auto
    }

    .col-offset-xxl-4 {
        margin-left: 33.33333%
    }

    .col-push-xxl-4 {
        left: 33.33333%;
        right: auto
    }

    .col-pull-xxl-4 {
        right: 33.33333%;
        left: auto
    }

    .col-offset-xxl-5 {
        margin-left: 41.66667%
    }

    .col-push-xxl-5 {
        left: 41.66667%;
        right: auto
    }

    .col-pull-xxl-5 {
        right: 41.66667%;
        left: auto
    }

    .col-offset-xxl-6 {
        margin-left: 50%
    }

    .col-push-xxl-6 {
        left: 50%;
        right: auto
    }

    .col-pull-xxl-6 {
        right: 50%;
        left: auto
    }

    .col-offset-xxl-7 {
        margin-left: 58.33333%
    }

    .col-push-xxl-7 {
        left: 58.33333%;
        right: auto
    }

    .col-pull-xxl-7 {
        right: 58.33333%;
        left: auto
    }

    .col-offset-xxl-8 {
        margin-left: 66.66667%
    }

    .col-push-xxl-8 {
        left: 66.66667%;
        right: auto
    }

    .col-pull-xxl-8 {
        right: 66.66667%;
        left: auto
    }

    .col-offset-xxl-9 {
        margin-left: 75%
    }

    .col-push-xxl-9 {
        left: 75%;
        right: auto
    }

    .col-pull-xxl-9 {
        right: 75%;
        left: auto
    }

    .col-offset-xxl-10 {
        margin-left: 83.33333%
    }

    .col-push-xxl-10 {
        left: 83.33333%;
        right: auto
    }

    .col-pull-xxl-10 {
        right: 83.33333%;
        left: auto
    }

    .col-offset-xxl-11 {
        margin-left: 91.66667%
    }

    .col-push-xxl-11 {
        left: 91.66667%;
        right: auto
    }

    .col-pull-xxl-11 {
        right: 91.66667%;
        left: auto
    }

    .col-offset-xxl-12 {
        margin-left: 100%
    }

    .col-push-xxl-12 {
        left: 100%;
        right: auto
    }

    .col-pull-xxl-12 {
        right: 100%;
        left: auto
    }
}

.row {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem
}

.row--no-gutters {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 20em) {
    .hardware-product--header .overlay--page .overlay__section,.hardware-search .overlay--page .overlay__section,.justify-content-start,.justify-content-start--xs {
        justify-content:flex-start
    }

    #unreadCounter,.card-content,.Header--minimal,.header-accordion--vertical .header-accordion--title,.header-base__mobile .menu-icon,.justify-content-center,.justify-content-center--xs,.label-cards.cards.card-mini.card-mini--square-checkbox.center--cards__sm,.overlay--column-reverse-mobile .overlay__section__content__action,.promo-highlight--mini,.sticky-footer__container--small.justify-content-center,.table-of-rows__row__key .image-title-text-block--horizontal-align {
        justify-content: center
    }

    .justify-content-end,.justify-content-end--xs,.sales-cart__action.sales-cart__action__contract {
        justify-content: flex-end
    }

    .justify-content-unset,.justify-content-unset--xs {
        justify-content: unset
    }

    .header-base__mobile .menu-nav__content .site-navigation .top-nav-links,.justify-content-around,.justify-content-around--xs {
        justify-content: space-around
    }

    .justify-content-between,.justify-content-between--xs,.left-cart-overlay .overlay__section,.sales-cart__title {
        justify-content: space-between
    }

    .justify-content-evenly,.justify-content-evenly--xs {
        justify-content: space-evenly
    }

    .justify-content-stretch,.justify-content-stretch--xs {
        justify-content: stretch
    }

    .align-content-start,.align-content-start--xs {
        align-content: flex-start
    }

    .align-content-center,.align-content-center--xs {
        align-content: center
    }

    .align-content-end,.align-content-end--xs {
        align-content: flex-end
    }

    .align-content-around,.align-content-around--xs {
        align-content: space-around
    }

    .align-content-between,.align-content-between--xs {
        align-content: space-between
    }

    .align-content-stretch,.align-content-stretch--xs {
        align-content: stretch
    }

    .align-items-start,.align-items-start--xs {
        align-items: flex-start
    }

    #launcher,#launcherminimized,#unreadCounter,.align-items-center,.align-items-center--xs,.appointment-picker .section .cards,.card-content.small .card-alignment,.card-content.small .notification--card,.hardware-product--info__content__configurations-type__checkbox .radio-checkbox,.Header--minimal,.header-base .cmp-logo,.header-base .cmp-shopping-cart-icon,.header-base__mobile .menu-icon,.manage-option__container .manage-option__item .product-options__item .product-options__summary-item:first-child,.promo-highlight--mini {
        align-items: center
    }

    .align-items-end,.align-items-end--xs,.left-cart-overlay .overlay__section {
        align-items: flex-end
    }

    .align-items-baseline,.align-items-baseline--xs,.baseline {
        align-items: baseline
    }

    .align-items-stretch,.align-items-stretch--xs {
        align-items: stretch
    }

    .card-content.small .notification--card,.cmp-countdown__item--bottom,.flex-direction-row,.flex-direction-row--xs,.overlay__block-sim .overlay__section__content__action,.overlay__unblock-sim .overlay__section__content__action {
        flex-direction: row
    }

    .flex-direction-row-reverse,.flex-direction-row-reverse--xs {
        flex-direction: row-reverse
    }

    .card-content,.cmp-countdown__item--top,.flex-direction-column,.flex-direction-column--xs,.header-accordion--vertical,.header-base__mobile .menu-icon,.header-base__mobile .top-section .top-up-link,.home-networks .product-row-item__container .container-row .option,.pay-balance__info-section .info-section__bill-info>div .bill-info__bill-type,.sales-cart-row,.sales-cart-row__content,.sales-cart-row__content__section.right,.sim-management--sim-overlay .overlay__section__content__contact-option {
        flex-direction: column
    }

    .flex-direction-column-reverse,.flex-direction-column-reverse--xs,.manage-profile-details--change-role .overlay__section__content__description__contact-save-option,.overlay--column-reverse-mobile .overlay__section__content__action {
        flex-direction: column-reverse
    }

    .flex-grow,.flex-grow--xs,.product-summary .product-summary__top>div {
        flex-grow: 1
    }

    .cards.cards--marketing .product-summary .product-summary__top>div,.cmp-countdown__item--bottom,.flex-grow--0,.flex-grow--0--xs,.grouping--full-height .aem-Grid .cmp-responsivegrid,.product-summary .product-summary__top>div~div {
        flex-grow: 0
    }

    .order-first,.order-first--xs {
        order: -1
    }

    .order-reset,.order-reset--xs {
        order: 0
    }

    .order-last,.order-last--xs {
        order: 1
    }

    .align-self-start,.align-self-start--xs {
        align-self: flex-start
    }

    .align-self-center,.align-self-center--xs {
        align-self: center
    }

    .align-self-end,.align-self-end--xs {
        align-self: flex-end
    }

    .align-self-baseline,.align-self-baseline--xs {
        align-self: baseline
    }

    .align-self-stretch,.align-self-stretch--xs,.cmp-countdown__item--bottom {
        align-self: stretch
    }

    .cmp-countdown,.flex-wrap-wrap,.flex-wrap-wrap--xs,.manage-option--panel {
        flex-wrap: wrap
    }

    .flex-wrap-nowrap,.flex-wrap-nowrap--xs {
        flex-wrap: nowrap
    }

    .flex-wrap-wrap-reverse,.flex-wrap-wrap-reverse--xs {
        flex-wrap: wrap-reverse
    }

    .flex-wrap-initial,.flex-wrap-initial--xs {
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 36em) {
    .justify-content-start--sm,.table-of-rows__row__key .image-title-text-block--horizontal-align {
        justify-content:flex-start
    }

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

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

    .justify-content-unset--sm {
        justify-content: unset
    }

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

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

    .justify-content-evenly--sm {
        justify-content: space-evenly
    }

    .justify-content-stretch--sm {
        justify-content: stretch
    }

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

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

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

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

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

    .align-content-stretch--sm {
        align-content: stretch
    }

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

    .align-items-center--sm,.hardware-categories__items.Container {
        align-items: center
    }

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

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

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

    .flex-direction-row--sm,.sim-management--sim-overlay .overlay__section__content__contact-option {
        flex-direction: row
    }

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

    .flex-direction-column--sm {
        flex-direction: column
    }

    .flex-direction-column-reverse--sm {
        flex-direction: column-reverse
    }

    .flex-grow--sm {
        flex-grow: 1
    }

    .flex-grow--0--sm {
        flex-grow: 0
    }

    .order-first--sm {
        order: -1
    }

    .order-reset--sm {
        order: 0
    }

    .order-last--sm {
        order: 1
    }

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

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

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

    .align-self-baseline--sm {
        align-self: baseline
    }

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

    .flex-wrap-wrap--sm {
        flex-wrap: wrap
    }

    .flex-wrap-nowrap--sm {
        flex-wrap: nowrap
    }

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

    .flex-wrap-initial--sm {
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 48.0625em) {
    .justify-content-start--md {
        justify-content:flex-start
    }

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

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

    .justify-content-unset--md {
        justify-content: unset
    }

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

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

    .justify-content-evenly--md {
        justify-content: space-evenly
    }

    .justify-content-stretch--md {
        justify-content: stretch
    }

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

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

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

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

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

    .align-content-stretch--md {
        align-content: stretch
    }

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

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

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

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

    .align-items-stretch--md,.discount-use.slick-carousel__slider.slick-slider.discount-use__slider__min-items .slick-list .slick-track {
        align-items: stretch
    }

    .flex-direction-row--md,.home-networks .product-row-item__container .container-row .option,.manage-profile-details--change-role .overlay__section__content__description__contact-save-option,.overlay--column-reverse-mobile .overlay__section__content__action {
        flex-direction: row
    }

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

    .flex-direction-column--md,.pay-balance__info-section .info-section__bill-info>div .bill-info__bill-type {
        flex-direction: column
    }

    .flex-direction-column-reverse--md {
        flex-direction: column-reverse
    }

    .flex-grow--md,.grouping--full-height .aem-Grid .cmp-responsivegrid {
        flex-grow: 1
    }

    .flex-grow--0--md {
        flex-grow: 0
    }

    .order-first--md {
        order: -1
    }

    .order-reset--md {
        order: 0
    }

    .order-last--md {
        order: 1
    }

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

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

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

    .align-self-baseline--md {
        align-self: baseline
    }

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

    .flex-wrap-wrap--md {
        flex-wrap: wrap
    }

    .flex-wrap-nowrap--md,.manage-option--panel {
        flex-wrap: nowrap
    }

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

    .flex-wrap-initial--md {
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 74.5em) {
    .justify-content-start--lg {
        justify-content:flex-start
    }

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

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

    .justify-content-unset--lg {
        justify-content: unset
    }

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

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

    .justify-content-evenly--lg {
        justify-content: space-evenly
    }

    .justify-content-stretch--lg {
        justify-content: stretch
    }

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

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

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

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

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

    .align-content-stretch--lg {
        align-content: stretch
    }

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

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

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

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

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

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

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

    .flex-direction-column--lg {
        flex-direction: column
    }

    .flex-direction-column-reverse--lg {
        flex-direction: column-reverse
    }

    .flex-grow--lg,.grouping--full-height .aem-Grid .cmp-responsivegrid {
        flex-grow: 1
    }

    .flex-grow--0--lg {
        flex-grow: 0
    }

    .order-first--lg {
        order: -1
    }

    .order-reset--lg {
        order: 0
    }

    .order-last--lg {
        order: 1
    }

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

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

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

    .align-self-baseline--lg {
        align-self: baseline
    }

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

    .flex-wrap-wrap--lg {
        flex-wrap: wrap
    }

    .flex-wrap-nowrap--lg {
        flex-wrap: nowrap
    }

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

    .flex-wrap-initial--lg {
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 90em) {
    .justify-content-start--xl {
        justify-content:flex-start
    }

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

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

    .justify-content-unset--xl {
        justify-content: unset
    }

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

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

    .justify-content-evenly--xl {
        justify-content: space-evenly
    }

    .justify-content-stretch--xl {
        justify-content: stretch
    }

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

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

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

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

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

    .align-content-stretch--xl {
        align-content: stretch
    }

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

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

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

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

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

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

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

    .flex-direction-column--xl {
        flex-direction: column
    }

    .flex-direction-column-reverse--xl {
        flex-direction: column-reverse
    }

    .flex-grow--xl {
        flex-grow: 1
    }

    .flex-grow--0--xl {
        flex-grow: 0
    }

    .order-first--xl {
        order: -1
    }

    .order-reset--xl {
        order: 0
    }

    .order-last--xl {
        order: 1
    }

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

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

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

    .align-self-baseline--xl {
        align-self: baseline
    }

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

    .flex-wrap-wrap--xl {
        flex-wrap: wrap
    }

    .flex-wrap-nowrap--xl {
        flex-wrap: nowrap
    }

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

    .flex-wrap-initial--xl {
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 104.6875em) {
    .justify-content-start--xxl {
        justify-content:flex-start
    }

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

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

    .justify-content-unset--xxl {
        justify-content: unset
    }

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

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

    .justify-content-evenly--xxl {
        justify-content: space-evenly
    }

    .justify-content-stretch--xxl {
        justify-content: stretch
    }

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

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

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

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

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

    .align-content-stretch--xxl {
        align-content: stretch
    }

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

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

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

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

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

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

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

    .flex-direction-column--xxl {
        flex-direction: column
    }

    .flex-direction-column-reverse--xxl {
        flex-direction: column-reverse
    }

    .flex-grow--xxl {
        flex-grow: 1
    }

    .flex-grow--0--xxl {
        flex-grow: 0
    }

    .order-first--xxl {
        order: -1
    }

    .order-reset--xxl {
        order: 0
    }

    .order-last--xxl {
        order: 1
    }

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

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

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

    .align-self-baseline--xxl {
        align-self: baseline
    }

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

    .flex-wrap-wrap--xxl {
        flex-wrap: wrap
    }

    .flex-wrap-nowrap--xxl {
        flex-wrap: nowrap
    }

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

    .flex-wrap-initial--xxl {
        flex-wrap: nowrap
    }
}

.center-align,.hardware-details__slider-thumbnails--minimum .slick-list,.hardware-details__slider-thumbnails--minimum .slick-list .slick-track,.self-install__product__list__name {
    display: flex;
    align-items: center
}

.center-align__column,.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section {
    flex-direction: column
}

.center-align__row {
    flex-direction: row
}

.hardware-details__slider-thumbnails--minimum .slick-list,.hardware-details__slider-thumbnails--minimum .slick-list .slick-track,.horizontal-center-align {
    display: flex;
    justify-content: center
}

.horizontal-center-align__flex-end {
    align-items: flex-end
}

.grid-auto-flow-row {
    grid-auto-flow: row
}

@media only screen and (min-width: 20em) {
    .grid-auto-flow-row--xs {
        grid-auto-flow:row
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-flow-row--sm {
        grid-auto-flow:row
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-flow-row--md {
        grid-auto-flow:row
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-flow-row--lg {
        grid-auto-flow:row
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-flow-row--xl {
        grid-auto-flow:row
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-flow-row--xxl {
        grid-auto-flow:row
    }
}

.grid-auto-flow-column {
    grid-auto-flow: column
}

@media only screen and (min-width: 20em) {
    .grid-auto-flow-column--xs {
        grid-auto-flow:column
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-flow-column--sm {
        grid-auto-flow:column
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-flow-column--md {
        grid-auto-flow:column
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-flow-column--lg {
        grid-auto-flow:column
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-flow-column--xl {
        grid-auto-flow:column
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-flow-column--xxl {
        grid-auto-flow:column
    }
}

.grid-auto-flow-dense {
    grid-auto-flow: dense
}

@media only screen and (min-width: 20em) {
    .grid-auto-flow-dense--xs {
        grid-auto-flow:dense
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-flow-dense--sm {
        grid-auto-flow:dense
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-flow-dense--md {
        grid-auto-flow:dense
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-flow-dense--lg {
        grid-auto-flow:dense
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-flow-dense--xl {
        grid-auto-flow:dense
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-flow-dense--xxl {
        grid-auto-flow:dense
    }
}

.grid-auto-flow-denserow {
    grid-auto-flow: row dense
}

@media only screen and (min-width: 20em) {
    .grid-auto-flow-denserow--xs {
        grid-auto-flow:row dense
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-flow-denserow--sm {
        grid-auto-flow:row dense
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-flow-denserow--md {
        grid-auto-flow:row dense
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-flow-denserow--lg {
        grid-auto-flow:row dense
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-flow-denserow--xl {
        grid-auto-flow:row dense
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-flow-denserow--xxl {
        grid-auto-flow:row dense
    }
}

.grid-auto-flow-densecolumn {
    grid-auto-flow: column dense
}

@media only screen and (min-width: 20em) {
    .grid-auto-flow-densecolumn--xs {
        grid-auto-flow:column dense
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-flow-densecolumn--sm {
        grid-auto-flow:column dense
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-flow-densecolumn--md {
        grid-auto-flow:column dense
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-flow-densecolumn--lg {
        grid-auto-flow:column dense
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-flow-densecolumn--xl {
        grid-auto-flow:column dense
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-flow-densecolumn--xxl {
        grid-auto-flow:column dense
    }
}

.grid-auto-columns-1 {
    grid-auto-columns: 8.3333%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-1--xs {
        grid-auto-columns:8.3333%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-1--sm {
        grid-auto-columns:8.3333%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-1--md {
        grid-auto-columns:8.3333%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-1--lg {
        grid-auto-columns:8.3333%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-1--xl {
        grid-auto-columns:8.3333%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-1--xxl {
        grid-auto-columns:8.3333%
    }
}

.grid-auto-columns-2 {
    grid-auto-columns: 16.6667%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-2--xs {
        grid-auto-columns:16.6667%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-2--sm {
        grid-auto-columns:16.6667%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-2--md {
        grid-auto-columns:16.6667%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-2--lg {
        grid-auto-columns:16.6667%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-2--xl {
        grid-auto-columns:16.6667%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-2--xxl {
        grid-auto-columns:16.6667%
    }
}

.grid-auto-columns-3 {
    grid-auto-columns: 25%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-3--xs {
        grid-auto-columns:25%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-3--sm {
        grid-auto-columns:25%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-3--md {
        grid-auto-columns:25%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-3--lg {
        grid-auto-columns:25%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-3--xl {
        grid-auto-columns:25%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-3--xxl {
        grid-auto-columns:25%
    }
}

.grid-auto-columns-4 {
    grid-auto-columns: 33.3333%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-4--xs {
        grid-auto-columns:33.3333%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-4--sm {
        grid-auto-columns:33.3333%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-4--md {
        grid-auto-columns:33.3333%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-4--lg {
        grid-auto-columns:33.3333%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-4--xl {
        grid-auto-columns:33.3333%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-4--xxl {
        grid-auto-columns:33.3333%
    }
}

.grid-auto-columns-5 {
    grid-auto-columns: 41.6667%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-5--xs {
        grid-auto-columns:41.6667%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-5--sm {
        grid-auto-columns:41.6667%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-5--md {
        grid-auto-columns:41.6667%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-5--lg {
        grid-auto-columns:41.6667%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-5--xl {
        grid-auto-columns:41.6667%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-5--xxl {
        grid-auto-columns:41.6667%
    }
}

.grid-auto-columns-6 {
    grid-auto-columns: 50%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-6--xs {
        grid-auto-columns:50%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-6--sm {
        grid-auto-columns:50%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-6--md {
        grid-auto-columns:50%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-6--lg {
        grid-auto-columns:50%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-6--xl {
        grid-auto-columns:50%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-6--xxl {
        grid-auto-columns:50%
    }
}

.grid-auto-columns-7 {
    grid-auto-columns: 58.3333%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-7--xs {
        grid-auto-columns:58.3333%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-7--sm {
        grid-auto-columns:58.3333%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-7--md {
        grid-auto-columns:58.3333%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-7--lg {
        grid-auto-columns:58.3333%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-7--xl {
        grid-auto-columns:58.3333%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-7--xxl {
        grid-auto-columns:58.3333%
    }
}

.grid-auto-columns-8 {
    grid-auto-columns: 66.6667%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-8--xs {
        grid-auto-columns:66.6667%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-8--sm {
        grid-auto-columns:66.6667%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-8--md {
        grid-auto-columns:66.6667%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-8--lg {
        grid-auto-columns:66.6667%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-8--xl {
        grid-auto-columns:66.6667%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-8--xxl {
        grid-auto-columns:66.6667%
    }
}

.grid-auto-columns-9 {
    grid-auto-columns: 75%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-9--xs {
        grid-auto-columns:75%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-9--sm {
        grid-auto-columns:75%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-9--md {
        grid-auto-columns:75%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-9--lg {
        grid-auto-columns:75%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-9--xl {
        grid-auto-columns:75%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-9--xxl {
        grid-auto-columns:75%
    }
}

.grid-auto-columns-10 {
    grid-auto-columns: 83.3333%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-10--xs {
        grid-auto-columns:83.3333%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-10--sm {
        grid-auto-columns:83.3333%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-10--md {
        grid-auto-columns:83.3333%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-10--lg {
        grid-auto-columns:83.3333%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-10--xl {
        grid-auto-columns:83.3333%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-10--xxl {
        grid-auto-columns:83.3333%
    }
}

.grid-auto-columns-11 {
    grid-auto-columns: 91.6667%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-11--xs {
        grid-auto-columns:91.6667%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-11--sm {
        grid-auto-columns:91.6667%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-11--md {
        grid-auto-columns:91.6667%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-11--lg {
        grid-auto-columns:91.6667%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-11--xl {
        grid-auto-columns:91.6667%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-11--xxl {
        grid-auto-columns:91.6667%
    }
}

.grid-auto-columns-12 {
    grid-auto-columns: 100%
}

@media only screen and (min-width: 20em) {
    .grid-auto-columns-12--xs {
        grid-auto-columns:100%
    }
}

@media only screen and (min-width: 36em) {
    .grid-auto-columns-12--sm {
        grid-auto-columns:100%
    }
}

@media only screen and (min-width: 48.0625em) {
    .grid-auto-columns-12--md {
        grid-auto-columns:100%
    }
}

@media only screen and (min-width: 74.5em) {
    .grid-auto-columns-12--lg {
        grid-auto-columns:100%
    }
}

@media only screen and (min-width: 90em) {
    .grid-auto-columns-12--xl {
        grid-auto-columns:100%
    }
}

@media only screen and (min-width: 104.6875em) {
    .grid-auto-columns-12--xxl {
        grid-auto-columns:100%
    }
}

.grid-auto-columns--default--1 {
    grid-auto-columns: 8.3333%
}

.grid-auto-columns--default--2 {
    grid-auto-columns: 16.6667%
}

.grid-auto-columns--default--3 {
    grid-auto-columns: 25%
}

.grid-auto-columns--default--4 {
    grid-auto-columns: 33.3333%
}

.grid-auto-columns--default--5 {
    grid-auto-columns: 41.6667%
}

.grid-auto-columns--default--6 {
    grid-auto-columns: 50%
}

.grid-auto-columns--default--7 {
    grid-auto-columns: 58.3333%
}

.grid-auto-columns--default--8 {
    grid-auto-columns: 66.6667%
}

.grid-auto-columns--default--9 {
    grid-auto-columns: 75%
}

.grid-auto-columns--default--10 {
    grid-auto-columns: 83.3333%
}

.grid-auto-columns--default--11 {
    grid-auto-columns: 91.6667%
}

.grid-auto-columns--default--12 {
    grid-auto-columns: 100%
}

@media (max-width: 650px) {
    .grid-auto-columns--phone--1 {
        grid-auto-columns:8.3333%
    }

    .grid-auto-columns--phone--2 {
        grid-auto-columns: 16.6667%
    }

    .grid-auto-columns--phone--3 {
        grid-auto-columns: 25%
    }

    .grid-auto-columns--phone--4 {
        grid-auto-columns: 33.3333%
    }

    .grid-auto-columns--phone--5 {
        grid-auto-columns: 41.6667%
    }

    .grid-auto-columns--phone--6 {
        grid-auto-columns: 50%
    }

    .grid-auto-columns--phone--7 {
        grid-auto-columns: 58.3333%
    }

    .grid-auto-columns--phone--8 {
        grid-auto-columns: 66.6667%
    }

    .grid-auto-columns--phone--9 {
        grid-auto-columns: 75%
    }

    .grid-auto-columns--phone--10 {
        grid-auto-columns: 83.3333%
    }

    .grid-auto-columns--phone--11 {
        grid-auto-columns: 91.6667%
    }

    .grid-auto-columns--phone--12 {
        grid-auto-columns: 100%
    }
}

@media (min-width: 651px) and (max-width:1200px) {
    .grid-auto-columns--tablet--1 {
        grid-auto-columns:8.3333%
    }

    .grid-auto-columns--tablet--2 {
        grid-auto-columns: 16.6667%
    }

    .grid-auto-columns--tablet--3 {
        grid-auto-columns: 25%
    }

    .grid-auto-columns--tablet--4 {
        grid-auto-columns: 33.3333%
    }

    .grid-auto-columns--tablet--5 {
        grid-auto-columns: 41.6667%
    }

    .grid-auto-columns--tablet--6 {
        grid-auto-columns: 50%
    }

    .grid-auto-columns--tablet--7 {
        grid-auto-columns: 58.3333%
    }

    .grid-auto-columns--tablet--8 {
        grid-auto-columns: 66.6667%
    }

    .grid-auto-columns--tablet--9 {
        grid-auto-columns: 75%
    }

    .grid-auto-columns--tablet--10 {
        grid-auto-columns: 83.3333%
    }

    .grid-auto-columns--tablet--11 {
        grid-auto-columns: 91.6667%
    }

    .grid-auto-columns--tablet--12 {
        grid-auto-columns: 100%
    }
}

@media only screen and (max-width: 35.99em) {
    .cmp-breadcrumb__list .cmp-breadcrumb__item:not(:nth-last-child(2)),.hide-until-sm {
        display:none!important
    }
}

.cq-wcm-edit .hide-until-sm {
    display: block!important
}

@media only screen and (max-width: 35.99em) {
    .flex-hide-until-sm {
        display:none!important
    }
}

.cq-wcm-edit .flex-hide-until-sm {
    display: flex!important
}

@media only screen and (max-width: 48.0525em) {
    .contract-overview .sticky-action-item .message,.employee-overview .sticky-action-item .message,.hide-until-md {
        display:none!important
    }
}

.cq-wcm-edit .hide-until-md {
    display: block!important
}

@media only screen and (max-width: 48.0525em) {
    .flex-hide-until-md {
        display:none!important
    }
}

.cq-wcm-edit .flex-hide-until-md {
    display: flex!important
}

@media only screen and (max-width: 74.49em) {
    .hide-until-lg {
        display:none!important
    }
}

.cq-wcm-edit .hide-until-lg {
    display: block!important
}

@media only screen and (max-width: 74.49em) {
    .flex-hide-until-lg {
        display:none!important
    }
}

.cq-wcm-edit .flex-hide-until-lg {
    display: flex!important
}

@media only screen and (max-width: 89.99em) {
    .hide-until-xl {
        display:none!important
    }
}

.cq-wcm-edit .hide-until-xl {
    display: block!important
}

@media only screen and (max-width: 89.99em) {
    .flex-hide-until-xl {
        display:none!important
    }
}

.cq-wcm-edit .flex-hide-until-xl {
    display: flex!important
}

@media only screen and (max-width: 104.6775em) {
    .hide-until-xxl {
        display:none!important
    }
}

.cq-wcm-edit .hide-until-xxl {
    display: block!important
}

@media only screen and (max-width: 104.6775em) {
    .flex-hide-until-xxl {
        display:none!important
    }
}

.cq-wcm-edit .flex-hide-until-xxl {
    display: flex!important
}

@media only screen and (min-width: 20em) {
    .hide-from-xs {
        display:none!important
    }
}

.cq-wcm-edit .hide-from-xs {
    display: block!important
}

@media only screen and (min-width: 20em) {
    .flex-hide-from-xs {
        display:none!important
    }
}

.cq-wcm-edit .flex-hide-from-xs {
    display: flex!important
}

@media only screen and (min-width: 36em) {
    .hide-from-sm {
        display:none!important
    }
}

.cq-wcm-edit .hide-from-sm {
    display: block!important
}

@media only screen and (min-width: 36em) {
    .flex-hide-from-sm {
        display:none!important
    }
}

.cq-wcm-edit .flex-hide-from-sm {
    display: flex!important
}

@media only screen and (min-width: 48.0625em) {
    .hide-from-md {
        display:none!important
    }
}

.cq-wcm-edit .hide-from-md {
    display: block!important
}

@media only screen and (min-width: 48.0625em) {
    .flex-hide-from-md {
        display:none!important
    }
}

.cq-wcm-edit .flex-hide-from-md {
    display: flex!important
}

@media only screen and (min-width: 74.5em) {
    .hide-from-lg {
        display:none!important
    }
}

.cq-wcm-edit .hide-from-lg {
    display: block!important
}

@media only screen and (min-width: 74.5em) {
    .flex-hide-from-lg {
        display:none!important
    }
}

.cq-wcm-edit .flex-hide-from-lg {
    display: flex!important
}

@media only screen and (min-width: 90em) {
    .hide-from-xl {
        display:none!important
    }
}

.cq-wcm-edit .hide-from-xl {
    display: block!important
}

@media only screen and (min-width: 90em) {
    .flex-hide-from-xl {
        display:none!important
    }
}

.cq-wcm-edit .flex-hide-from-xl {
    display: flex!important
}

@media only screen and (min-width: 104.6875em) {
    .hide-from-xxl {
        display:none!important
    }
}

.cq-wcm-edit .hide-from-xxl {
    display: block!important
}

@media only screen and (min-width: 104.6875em) {
    .flex-hide-from-xxl {
        display:none!important
    }
}

.cq-wcm-edit .flex-hide-from-xxl {
    display: flex!important
}

.guardrail.guardrail__collapsed .guardrail__category,.hide-all,.self-install__activated .self-install__bundle-product__border:first-child,.self-install__product>div:last-child .self-install__product__block .self-install__bundle-product>div:last-child .self-install__product__border,.sim-management .sim-management__border:last-of-type,.sim-management__title .sim-management__sim-block__info span:before {
    display: none!important
}

.hidden-mobile {
    display: none
}

@media only screen and (min-width: 40.625em) {
    .hidden-mobile {
        display:block
    }
}

.hidden-desktop {
    display: block
}

@media only screen and (min-width: 40.625em) {
    .hidden-desktop {
        display:none
    }
}

.hidden-tablet-desktop {
    display: none
}

@media (max-width: 650px) {
    .hidden-tablet-desktop {
        display:block
    }
}

.hidden-mobile-desktop {
    display: none
}

@media (min-width: 651px) and (max-width:1200px) {
    .hidden-mobile-desktop {
        display:block
    }
}

.hidden-mobile-tablet {
    display: none
}

@media (min-width: 1201px) {
    .hidden-mobile-tablet {
        display:block
    }
}

.hide-text {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

.svg-hide {
    display: none
}

.hide-svg .nvd3-svg {
    visibility: hidden
}

.cmp-carousel__action:hover,.date-picker input::placeholder,.Form__input::placeholder,.form__input::placeholder,.hardware-details__slider-thumbnails .slick-slider-button__highlight.slick-next:before,.hardware-details__slider-thumbnails .slick-slider-button__highlight.slick-prev:before,.hardware-product--nav__items-range .Form__input--placeholder .form__input::placeholder,.hardware-search .button.button--secondary.hardware-search__load-more:not([class*=section]):hover,.native-date-picker::-webkit-calendar-picker-indicator,.opacity--no-transparency,.slick-carousel__slider.slick-slider .slick-slider-button__highlight.slick-next:before,.slick-carousel__slider.slick-slider .slick-slider-button__highlight.slick-prev:before {
    opacity: 1
}

.opacity--mini-transparency {
    opacity: .9
}

.cmp-carousel__action,.opacity--small-transparency {
    opacity: .72
}

.opacity--mid-transparency,.radio-checkbox--background--disabled,.radio-checkbox--background--disabled .form__radio {
    opacity: .5
}

.opacity--semi-transparency {
    opacity: .2
}

.opacity--full-transparency {
    opacity: 0
}

.overflow-visible,.tip-invitation--help-overlay .overlay__section__content {
    overflow: visible
}

@media only screen and (min-width: 20em) {
    .overflow-visible--xs {
        overflow:visible
    }
}

@media only screen and (min-width: 36em) {
    .overflow-visible--sm {
        overflow:visible
    }
}

@media only screen and (min-width: 48.0625em) {
    .overflow-visible--md {
        overflow:visible
    }
}

@media only screen and (min-width: 74.5em) {
    .overflow-visible--lg {
        overflow:visible
    }
}

@media only screen and (min-width: 90em) {
    .overflow-visible--xl {
        overflow:visible
    }
}

@media only screen and (min-width: 104.6875em) {
    .overflow-visible--xxl {
        overflow:visible
    }
}

.card-content,.overflow-hidden {
    overflow: hidden
}

@media only screen and (min-width: 20em) {
    .overflow-hidden--xs {
        overflow:hidden
    }
}

@media only screen and (min-width: 36em) {
    .overflow-hidden--sm {
        overflow:hidden
    }
}

@media only screen and (min-width: 48.0625em) {
    .overflow-hidden--md {
        overflow:hidden
    }
}

@media only screen and (min-width: 74.5em) {
    .overflow-hidden--lg {
        overflow:hidden
    }
}

@media only screen and (min-width: 90em) {
    .overflow-hidden--xl {
        overflow:hidden
    }
}

@media only screen and (min-width: 104.6875em) {
    .overflow-hidden--xxl {
        overflow:hidden
    }
}

.overflow-scroll {
    overflow: scroll
}

@media only screen and (min-width: 20em) {
    .overflow-scroll--xs {
        overflow:scroll
    }
}

@media only screen and (min-width: 36em) {
    .overflow-scroll--sm {
        overflow:scroll
    }
}

@media only screen and (min-width: 48.0625em) {
    .overflow-scroll--md {
        overflow:scroll
    }
}

@media only screen and (min-width: 74.5em) {
    .overflow-scroll--lg {
        overflow:scroll
    }
}

@media only screen and (min-width: 90em) {
    .overflow-scroll--xl {
        overflow:scroll
    }
}

@media only screen and (min-width: 104.6875em) {
    .overflow-scroll--xxl {
        overflow:scroll
    }
}

.overflow-auto {
    overflow: auto
}

@media only screen and (min-width: 20em) {
    .overflow-auto--xs {
        overflow:auto
    }
}

@media only screen and (min-width: 36em) {
    .overflow-auto--sm {
        overflow:auto
    }
}

@media only screen and (min-width: 48.0625em) {
    .overflow-auto--md {
        overflow:auto
    }
}

@media only screen and (min-width: 74.5em) {
    .overflow-auto--lg {
        overflow:auto
    }
}

@media only screen and (min-width: 90em) {
    .overflow-auto--xl {
        overflow:auto
    }
}

@media only screen and (min-width: 104.6875em) {
    .overflow-auto--xxl {
        overflow:auto
    }
}

.overflow-initial {
    overflow: initial
}

@media only screen and (min-width: 20em) {
    .overflow-initial--xs {
        overflow:initial
    }
}

@media only screen and (min-width: 36em) {
    .overflow-initial--sm {
        overflow:initial
    }
}

@media only screen and (min-width: 48.0625em) {
    .overflow-initial--md {
        overflow:initial
    }
}

@media only screen and (min-width: 74.5em) {
    .overflow-initial--lg {
        overflow:initial
    }
}

@media only screen and (min-width: 90em) {
    .overflow-initial--xl {
        overflow:initial
    }
}

@media only screen and (min-width: 104.6875em) {
    .overflow-initial--xxl {
        overflow:initial
    }
}

.overflow-inherit {
    overflow: inherit
}

@media only screen and (min-width: 20em) {
    .overflow-inherit--xs {
        overflow:inherit
    }
}

@media only screen and (min-width: 36em) {
    .overflow-inherit--sm {
        overflow:inherit
    }
}

@media only screen and (min-width: 48.0625em) {
    .overflow-inherit--md {
        overflow:inherit
    }
}

@media only screen and (min-width: 74.5em) {
    .overflow-inherit--lg {
        overflow:inherit
    }
}

@media only screen and (min-width: 90em) {
    .overflow-inherit--xl {
        overflow:inherit
    }
}

@media only screen and (min-width: 104.6875em) {
    .overflow-inherit--xxl {
        overflow:inherit
    }
}

#unreadCounter,.appointment-step-trackers.appointment-step-trackers--repair .appointment-tracker--steps:before,.card-content--wave-data-card--usage .border-line--height:before,.care--dtv-consult-eos-box .border-line--height:before,.chat-bubble__reply--left-top:after,.chat-bubble__sent--right-top:after,.discount-overview__contract-details.overlay-page .overlay-page-header .icon-close,.discount-use.slick-carousel__slider.slick-slider .slick-slider-button__highlight,.header-base__mobile .menu-icon,.header-base__mobile .menu-icon .nav-icon:after,.header-base__mobile .menu-icon .nav-icon:before,.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__header,.native-date-picker::-webkit-calendar-picker-indicator,.native-date-picker:before,.navigation-content__details .footer-btn .link-actions .button--tertiary--chevron:before,.position--absolute {
    position: absolute
}

.appointment-step-trackers .appointment-tracker--steps-circle,.appointment-step-trackers .appointment-tracker--steps:before,.card-content,.form-builder.form-group .icon-tooltip-container .icon-help:before,.hardware-product--nav__items-range .Form__input--placeholder.form__input-container--invalid,.header-base__mobile .menu-icon .nav-icon,.header-base__mobile .menu-nav__content,.header-base__mobile .top-section,.manage-option--panel .vat-info-at-cart-bottom,.menu-toggle:checked~.telenet-header .nav-section .language-selector .language-selector__selected .language-menu ul span,.position--relative,.sim-activation .form-group .fixed-label,.sim-home-activation .form-group .fixed-label,.telenet-header .header-action-bar .cmp-search,.template-section .container--default--video,.tooltip {
    position: relative
}

#launcher,#launcherminimized,#OnlineHelp,#ProactiveChat,.header-base .menu-toggle:checked~.header-base__mobile .menu-icon,.header-base__mobile .menu-nav,.header-base__mobile .menu-nav__content__bottom,.header-base__mobile .menu-nav__mask,.home-networks__home-overlay .overlay__section__content__close,.manage-profile-details__image-section,.position--fixed {
    position: fixed
}

.position--sticky {
    position: sticky
}

.position--inherit {
    position: inherit
}

.position--initial,.position--static {
    position: static
}

.hardware-accessories .overlay,.position--unset {
    position: unset
}

.position--top {
    top: 0
}

.position--bottom {
    bottom: 0
}

.position--left {
    left: 0
}

.position--right {
    right: 0
}

.cmp-card .cmp-product-summary,.cmp-responsivegrid.cmp-responsivegrid--full-height>div,.cmp-responsivegrid.cmp-responsivegrid--full-height>div>div,.grouping--full-height .aem-Grid .cmp-responsivegrid>div,.grouping--full-height .aem-Grid .cmp-responsivegrid>div>div,.grouping--full-height .aem-Grid .cmp-responsivegrid>div>div .aem-Grid,.grouping--full-height .aem-Grid .cmp-responsivegrid>div>div .aem-Grid .cmp-product-summary,.position--full-height {
    height: 100%
}

@media only screen and (min-width: 20em) {
    .position--absolute--xs {
        position:absolute
    }

    .position--relative--xs {
        position: relative
    }

    .position--fixed--xs {
        position: fixed
    }

    .position--sticky--xs {
        position: sticky
    }

    .position--inherit--xs {
        position: inherit
    }

    .position--initial--xs,.position--static--xs {
        position: static
    }

    .position--unset--xs {
        position: unset
    }

    .position--top--xs {
        top: 0
    }

    .position--bottom--xs {
        bottom: 0
    }

    .position--left--xs {
        left: 0
    }

    .position--right--xs {
        right: 0
    }

    .position--full-height--xs {
        height: 100%
    }
}

@media only screen and (min-width: 36em) {
    .position--absolute--sm {
        position:absolute
    }

    .position--relative--sm {
        position: relative
    }

    .position--fixed--sm {
        position: fixed
    }

    .position--sticky--sm {
        position: sticky
    }

    .position--inherit--sm {
        position: inherit
    }

    .position--initial--sm,.position--static--sm {
        position: static
    }

    .position--unset--sm {
        position: unset
    }

    .position--top--sm {
        top: 0
    }

    .position--bottom--sm {
        bottom: 0
    }

    .position--left--sm {
        left: 0
    }

    .position--right--sm {
        right: 0
    }

    .position--full-height--sm {
        height: 100%
    }
}

@media only screen and (min-width: 48.0625em) {
    .position--absolute--md {
        position:absolute
    }

    .position--relative--md {
        position: relative
    }

    .position--fixed--md {
        position: fixed
    }

    .position--sticky--md {
        position: sticky
    }

    .position--inherit--md {
        position: inherit
    }

    .position--initial--md,.position--static--md {
        position: static
    }

    .position--unset--md {
        position: unset
    }

    .position--top--md {
        top: 0
    }

    .position--bottom--md {
        bottom: 0
    }

    .position--left--md {
        left: 0
    }

    .position--right--md {
        right: 0
    }

    .position--full-height--md {
        height: 100%
    }
}

@media only screen and (min-width: 74.5em) {
    .position--absolute--lg {
        position:absolute
    }

    .position--relative--lg {
        position: relative
    }

    .position--fixed--lg {
        position: fixed
    }

    .position--sticky--lg {
        position: sticky
    }

    .position--inherit--lg {
        position: inherit
    }

    .position--initial--lg,.position--static--lg {
        position: static
    }

    .position--unset--lg {
        position: unset
    }

    .position--top--lg {
        top: 0
    }

    .position--bottom--lg {
        bottom: 0
    }

    .position--left--lg {
        left: 0
    }

    .position--right--lg {
        right: 0
    }

    .position--full-height--lg {
        height: 100%
    }
}

@media only screen and (min-width: 90em) {
    .position--absolute--xl {
        position:absolute
    }

    .position--relative--xl {
        position: relative
    }

    .position--fixed--xl {
        position: fixed
    }

    .position--sticky--xl {
        position: sticky
    }

    .position--inherit--xl {
        position: inherit
    }

    .position--initial--xl,.position--static--xl {
        position: static
    }

    .position--unset--xl {
        position: unset
    }

    .position--top--xl {
        top: 0
    }

    .position--bottom--xl {
        bottom: 0
    }

    .position--left--xl {
        left: 0
    }

    .position--right--xl {
        right: 0
    }

    .position--full-height--xl {
        height: 100%
    }
}

@media only screen and (min-width: 104.6875em) {
    .position--absolute--xxl {
        position:absolute
    }

    .position--relative--xxl {
        position: relative
    }

    .position--fixed--xxl {
        position: fixed
    }

    .position--sticky--xxl {
        position: sticky
    }

    .position--inherit--xxl {
        position: inherit
    }

    .position--initial--xxl,.position--static--xxl {
        position: static
    }

    .position--unset--xxl {
        position: unset
    }

    .position--top--xxl {
        top: 0
    }

    .position--bottom--xxl {
        bottom: 0
    }

    .position--left--xxl {
        left: 0
    }

    .position--right--xxl {
        right: 0
    }

    .position--full-height--xxl {
        height: 100%
    }
}

@media only screen and (min-width: 20em) {
    .sales-cart-row .sales-cart-row--shadow,.shadow--default,.shadow--default--xs,.Table tbody .theme--dark-ui tr,.Table tbody tr,.theme--dark-ui .shadow--default,.theme--dark-ui .Table tbody tr,.theme--dark-ui .VerticalSlider-handle,.VerticalSlider-handle {
        box-shadow:0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .sales-cart-row .theme--dark-ui .sales-cart-row--shadow,.Table tbody .theme--dark-ui tr,.theme--dark-ui .sales-cart-row .sales-cart-row--shadow,.theme--dark-ui .shadow--default,.theme--dark-ui .shadow--default--xs,.theme--dark-ui .Table tbody tr,.theme--dark-ui .VerticalSlider-handle {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    .account-usage-overview .section .plans-container .options-button,.account-usage-overview .section .plans-container .theme--dark-ui .options-button,.appointments--reserve .cards--container,.bundle-usage__content__cards .cards--append.cards--container,.bundle-usage__content__cards .theme--dark-ui .cards--append.cards--container,.card-content,.cards--container,.cards--container--conversational,.cards--marketing,.cards--shadow,.change-plan-number,.checkbox-container__label,.circle-container,.circle-wave,.cmp-carousel__action,.create-fleet-line .tariff-plans .option-section .option,.create-fleet-line .tariff-plans .option-section .theme--dark-ui .option,.create-fleet-line .tariff-plans__grp .tariff-names .options-button,.create-fleet-line .tariff-plans__grp .tariff-names .theme--dark-ui .options-button,.create-fleet-line__radio-box-container,.custom-row,.customer-journey__header,.delivery-address--secondary,.draggable-table .column-header,.draggable-table .theme--dark-ui .column-header,.draggable-table__column.pinned .column-cell,.draggable-table__column.pinned .column-header,.draggable-table__column.pinned .theme--dark-ui .column-cell,.draggable-table__column.pinned .theme--dark-ui .column-header,.draggable-table__column .row-header,.draggable-table__column .theme--dark-ui .row-header,.draggable-table__column:first-child .column-header,.draggable-table__column:first-child .theme--dark-ui .column-header,.gdpr-request__contact-method__mode--role--type,.group-cards-input .group .cards .cards--container,.group-cards-input .group .cards .theme--dark-ui .cards--container,.hardware-details__slider-thumbnails .slick-slider-button__highlight,.hardware-details__slider-thumbnails .theme--dark-ui .slick-slider-button__highlight,.home-networks .add-firewall-rule__overlay__top-or-bottom .label-cards.cards .cards-slot .cards--container,.home-networks .add-firewall-rule__overlay__top-or-bottom .label-cards.cards .cards-slot .theme--dark-ui .cards--container,.home-networks__wifi-device-option,.home-networks__wifi-device-option--active-content,.installation-address .cards--container,.installation-location .content-section .cards--container,.installation-location .content-section .theme--dark-ui .cards--container,.intenttile,.label-cards.cards .cards--container,.label-cards.cards .theme--dark-ui .cards--container,.list-button.list-button--inline,.options-button:hover,.options-content .lines-section .lines-options .option-title-content,.options-content .lines-section .lines-options .theme--dark-ui .option-title-content,.options-content .lines-section .options-content,.options-content .lines-section .theme--dark-ui .options-content,.options-content .option-tiles .options-button-container .options-button,.options-content .option-tiles .options-button-container .theme--dark-ui .options-button,.payment-cards--visa-card:hover,.postpaid-registration .sim-management-form,.postpaid-registration .theme--dark-ui .sim-management-form,.radio-checkbox--background,.radio-container,.row-item,.shadow--xs,.shadow--xs--xs,.slick-carousel__slider.slick-slider .slick-slider-button__highlight,.slick-carousel__slider.slick-slider .theme--dark-ui .slick-slider-button__highlight,.step-tracker .list-group.vertical-steps .list-group-item.completed.current:before,.step-tracker .list-group.vertical-steps .theme--dark-ui .list-group-item.completed.current:before,.Table tbody .theme--dark-ui tr,.Table tbody tr,.theme--dark-ui .account-usage-overview .section .plans-container .options-button,.theme--dark-ui .bundle-usage__content__cards .cards--append.cards--container,.theme--dark-ui .card-content,.theme--dark-ui .cards--container,.theme--dark-ui .cards--container--conversational,.theme--dark-ui .cards--marketing,.theme--dark-ui .cards--shadow,.theme--dark-ui .change-plan-number,.theme--dark-ui .checkbox-container__label,.theme--dark-ui .circle-container,.theme--dark-ui .circle-wave,.theme--dark-ui .cmp-carousel__action,.theme--dark-ui .create-fleet-line .tariff-plans .option-section .option,.theme--dark-ui .create-fleet-line .tariff-plans__grp .tariff-names .options-button,.theme--dark-ui .create-fleet-line__radio-box-container,.theme--dark-ui .custom-row,.theme--dark-ui .customer-journey__header,.theme--dark-ui .delivery-address--secondary,.theme--dark-ui .draggable-table .column-header,.theme--dark-ui .draggable-table__column.pinned .column-cell,.theme--dark-ui .draggable-table__column.pinned .column-header,.theme--dark-ui .draggable-table__column .row-header,.theme--dark-ui .draggable-table__column:first-child .column-header,.theme--dark-ui .gdpr-request__contact-method__mode--role--type,.theme--dark-ui .group-cards-input .group .cards .cards--container,.theme--dark-ui .hardware-details__slider-thumbnails .slick-slider-button__highlight,.theme--dark-ui .home-networks .add-firewall-rule__overlay__top-or-bottom .label-cards.cards .cards-slot .cards--container,.theme--dark-ui .home-networks__wifi-device-option,.theme--dark-ui .home-networks__wifi-device-option--active-content,.theme--dark-ui .installation-location .content-section .cards--container,.theme--dark-ui .intenttile,.theme--dark-ui .label-cards.cards .cards--container,.theme--dark-ui .list-button.list-button--inline,.theme--dark-ui .options-button:hover,.theme--dark-ui .options-content .lines-section .lines-options .option-title-content,.theme--dark-ui .options-content .lines-section .options-content,.theme--dark-ui .options-content .option-tiles .options-button-container .options-button,.theme--dark-ui .payment-cards--visa-card:hover,.theme--dark-ui .postpaid-registration .sim-management-form,.theme--dark-ui .radio-checkbox--background,.theme--dark-ui .radio-container,.theme--dark-ui .row-item,.theme--dark-ui .shadow--xs,.theme--dark-ui .slick-carousel__slider.slick-slider .slick-slider-button__highlight,.theme--dark-ui .step-tracker .list-group.vertical-steps .list-group-item.completed.current:before,.theme--dark-ui .Table tbody tr,.theme--dark-ui div#onetrust-banner-sdk .ot-sdk-row,div#onetrust-banner-sdk .ot-sdk-row,div#onetrust-banner-sdk .theme--dark-ui .ot-sdk-row {
        box-shadow: 0 .4rem .8rem 0 rgba(41,29,24,.08)
    }

    .account-usage-overview .section .plans-container .theme--dark-ui .options-button,.appointments--reserve .theme--dark-ui .cards--container,.bundle-usage__content__cards .theme--dark-ui .cards--append.cards--container,.create-fleet-line .tariff-plans .option-section .theme--dark-ui .option,.create-fleet-line .tariff-plans__grp .tariff-names .theme--dark-ui .options-button,.draggable-table .theme--dark-ui .column-header,.draggable-table__column.pinned .theme--dark-ui .column-cell,.draggable-table__column.pinned .theme--dark-ui .column-header,.draggable-table__column .theme--dark-ui .row-header,.draggable-table__column:first-child .theme--dark-ui .column-header,.group-cards-input .group .cards .theme--dark-ui .cards--container,.hardware-details__slider-thumbnails .theme--dark-ui .slick-slider-button__highlight,.home-networks .add-firewall-rule__overlay__top-or-bottom .label-cards.cards .cards-slot .theme--dark-ui .cards--container,.installation-address .theme--dark-ui .cards--container,.installation-location .content-section .theme--dark-ui .cards--container,.label-cards.cards .theme--dark-ui .cards--container,.options-content .lines-section .lines-options .theme--dark-ui .option-title-content,.options-content .lines-section .theme--dark-ui .options-content,.options-content .option-tiles .options-button-container .theme--dark-ui .options-button,.postpaid-registration .theme--dark-ui .sim-management-form,.slick-carousel__slider.slick-slider .theme--dark-ui .slick-slider-button__highlight,.step-tracker .list-group.vertical-steps .theme--dark-ui .list-group-item.completed.current:before,.Table tbody .theme--dark-ui tr,.theme--dark-ui .account-usage-overview .section .plans-container .options-button,.theme--dark-ui .appointments--reserve .cards--container,.theme--dark-ui .bundle-usage__content__cards .cards--append.cards--container,.theme--dark-ui .card-content,.theme--dark-ui .cards--container,.theme--dark-ui .cards--container--conversational,.theme--dark-ui .cards--marketing,.theme--dark-ui .cards--shadow,.theme--dark-ui .change-plan-number,.theme--dark-ui .checkbox-container__label,.theme--dark-ui .circle-container,.theme--dark-ui .circle-wave,.theme--dark-ui .cmp-carousel__action,.theme--dark-ui .create-fleet-line .tariff-plans .option-section .option,.theme--dark-ui .create-fleet-line .tariff-plans__grp .tariff-names .options-button,.theme--dark-ui .create-fleet-line__radio-box-container,.theme--dark-ui .custom-row,.theme--dark-ui .customer-journey__header,.theme--dark-ui .delivery-address--secondary,.theme--dark-ui .draggable-table .column-header,.theme--dark-ui .draggable-table__column.pinned .column-cell,.theme--dark-ui .draggable-table__column.pinned .column-header,.theme--dark-ui .draggable-table__column .row-header,.theme--dark-ui .draggable-table__column:first-child .column-header,.theme--dark-ui .gdpr-request__contact-method__mode--role--type,.theme--dark-ui .group-cards-input .group .cards .cards--container,.theme--dark-ui .hardware-details__slider-thumbnails .slick-slider-button__highlight,.theme--dark-ui .home-networks .add-firewall-rule__overlay__top-or-bottom .label-cards.cards .cards-slot .cards--container,.theme--dark-ui .home-networks__wifi-device-option,.theme--dark-ui .home-networks__wifi-device-option--active-content,.theme--dark-ui .installation-address .cards--container,.theme--dark-ui .installation-location .content-section .cards--container,.theme--dark-ui .intenttile,.theme--dark-ui .label-cards.cards .cards--container,.theme--dark-ui .list-button.list-button--inline,.theme--dark-ui .options-button:hover,.theme--dark-ui .options-content .lines-section .lines-options .option-title-content,.theme--dark-ui .options-content .lines-section .options-content,.theme--dark-ui .options-content .option-tiles .options-button-container .options-button,.theme--dark-ui .payment-cards--visa-card:hover,.theme--dark-ui .postpaid-registration .sim-management-form,.theme--dark-ui .radio-checkbox--background,.theme--dark-ui .radio-container,.theme--dark-ui .row-item,.theme--dark-ui .shadow--xs,.theme--dark-ui .shadow--xs--xs,.theme--dark-ui .slick-carousel__slider.slick-slider .slick-slider-button__highlight,.theme--dark-ui .step-tracker .list-group.vertical-steps .list-group-item.completed.current:before,.theme--dark-ui .Table tbody tr,.theme--dark-ui div#onetrust-banner-sdk .ot-sdk-row,div#onetrust-banner-sdk .theme--dark-ui .ot-sdk-row {
        box-shadow: 0 .4rem .8rem 0 rgba(0,0,0,.24)
    }

    .account-line-selector .account-selector__list__first-item--opened,.account-line-selector .account-selector__list__first-item--opened+ul,.account-line-selector .theme--dark-ui .account-selector__list__first-item--opened+ul,.address-container .AutoComplete .AutoComplete-section,.cdk-overlay-container .mat-autocomplete-panel,.cdk-overlay-container .mat-select-panel,.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu,.dropdown-suggest .dropdown-suggest__menu,.dtp-box,.form-builder.form-group .AutoComplete .tg-autocomplete-list,.form-builder.form-group.billing-dropdown .select2-dropdown-open .select2-choice,.Form__input--with-icon,.form__input--with-icon,.gdpr-request .select-section,.generic-selector .account-selector__listing.dropdown.is-open,.language-selector .language-menu,.list-button,.mat-calendar,.select2-drop,.select2-drop.select2-drop-above,.select2-results,.select_expand:checked+.select_closeLabel+.select_options,.selector__list__first-item--opened,.selector__list__first-item--opened+ul,.shadow--s,.shadow--s--xs,.sorting-dropdown .theme--dark-ui select,.sorting-dropdown select,.theme--dark-ui .dtp-box,.theme--dark-ui .Form__input--with-icon,.theme--dark-ui .form__input--with-icon,.theme--dark-ui .list-button,.theme--dark-ui .mat-calendar,.theme--dark-ui .select2-drop,.theme--dark-ui .select2-results,.theme--dark-ui .select_expand:checked+.select_closeLabel+.select_options,.theme--dark-ui .selector__list__first-item--opened,.theme--dark-ui .selector__list__first-item--opened+ul,.theme--dark-ui .shadow--s,.theme--dark-ui .sorting-dropdown select,.ui-select-container.select2.direction-up .ui-select-dropdown,.ui-select-container[theme=select2].direction-up .ui-select-dropdown {
        box-shadow: 0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .account-line-selector .theme--dark-ui .account-selector__list__first-item--opened,.account-line-selector .theme--dark-ui .account-selector__list__first-item--opened+ul,.address-container .AutoComplete .theme--dark-ui .AutoComplete-section,.cdk-overlay-container .theme--dark-ui .mat-autocomplete-panel,.cdk-overlay-container .theme--dark-ui .mat-select-panel,.dropdown-menu .dropdown-menu__selector .theme--dark-ui .dropdown-menu__selector-menu,.dropdown-suggest .theme--dark-ui .dropdown-suggest__menu,.form-builder.form-group .AutoComplete .theme--dark-ui .tg-autocomplete-list,.form-builder.form-group.billing-dropdown .select2-dropdown-open .theme--dark-ui .select2-choice,.gdpr-request .theme--dark-ui .select-section,.generic-selector .theme--dark-ui .account-selector__listing.dropdown.is-open,.language-selector .theme--dark-ui .language-menu,.sorting-dropdown .theme--dark-ui select,.theme--dark-ui .account-line-selector .account-selector__list__first-item--opened,.theme--dark-ui .account-line-selector .account-selector__list__first-item--opened+ul,.theme--dark-ui .address-container .AutoComplete .AutoComplete-section,.theme--dark-ui .cdk-overlay-container .mat-autocomplete-panel,.theme--dark-ui .cdk-overlay-container .mat-select-panel,.theme--dark-ui .dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu,.theme--dark-ui .dropdown-suggest .dropdown-suggest__menu,.theme--dark-ui .dtp-box,.theme--dark-ui .form-builder.form-group .AutoComplete .tg-autocomplete-list,.theme--dark-ui .form-builder.form-group.billing-dropdown .select2-dropdown-open .select2-choice,.theme--dark-ui .Form__input--with-icon,.theme--dark-ui .form__input--with-icon,.theme--dark-ui .gdpr-request .select-section,.theme--dark-ui .generic-selector .account-selector__listing.dropdown.is-open,.theme--dark-ui .language-selector .language-menu,.theme--dark-ui .list-button,.theme--dark-ui .mat-calendar,.theme--dark-ui .select2-drop,.theme--dark-ui .select2-results,.theme--dark-ui .select_expand:checked+.select_closeLabel+.select_options,.theme--dark-ui .selector__list__first-item--opened,.theme--dark-ui .selector__list__first-item--opened+ul,.theme--dark-ui .shadow--s,.theme--dark-ui .shadow--s--xs,.theme--dark-ui .sorting-dropdown select,.theme--dark-ui .ui-select-container.select2.direction-up .ui-select-dropdown,.theme--dark-ui .ui-select-container[theme=select2].direction-up .ui-select-dropdown,.ui-select-container.select2.direction-up .theme--dark-ui .ui-select-dropdown,.ui-select-container[theme=select2].direction-up .theme--dark-ui .ui-select-dropdown {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    #onetrust-consent-sdk #onetrust-banner-sdk,.shadow--m,.shadow--m--xs,.theme--dark-ui .shadow--m,.tooltip .tooltip-text {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(41,29,24,.08)
    }

    #onetrust-consent-sdk .theme--dark-ui #onetrust-banner-sdk,.theme--dark-ui #onetrust-consent-sdk #onetrust-banner-sdk,.theme--dark-ui .shadow--m,.theme--dark-ui .shadow--m--xs,.theme--dark-ui .tooltip .tooltip-text,.tooltip .theme--dark-ui .tooltip-text {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(0,0,0,.24)
    }

    #smartbanner,.cmp-carousel__content .cmp-image .cmp-image__link img:hover,.overlay--box-shadow-mobile .overlay__section__content,.overlay--column-reverse-mobile .overlay__section__content,.page-loader__section,.shadow--l,.shadow--l--xs,.smart-app-banner,.theme--dark-ui .page-loader__section,.theme--dark-ui .shadow--l,.theme--dark-ui .smart-app-banner {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(41,29,24,.08)
    }

    .cmp-carousel__content .cmp-image .cmp-image__link .theme--dark-ui img:hover,.overlay--box-shadow-mobile .theme--dark-ui .overlay__section__content,.overlay--column-reverse-mobile .theme--dark-ui .overlay__section__content,.theme--dark-ui #smartbanner,.theme--dark-ui .cmp-carousel__content .cmp-image .cmp-image__link img:hover,.theme--dark-ui .overlay--box-shadow-mobile .overlay__section__content,.theme--dark-ui .overlay--column-reverse-mobile .overlay__section__content,.theme--dark-ui .page-loader__section,.theme--dark-ui .shadow--l,.theme--dark-ui .shadow--l--xs,.theme--dark-ui .smart-app-banner {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(0,0,0,.32)
    }

    .guardrail,.options-content .sticky-bottom,.shadow--xs-inverse,.shadow--xs-inverse--xs,.stepper-page__bottom-shadow-box,.sticky-container,.theme--dark-ui .guardrail,.theme--dark-ui .shadow--xs-inverse,.theme--dark-ui .stepper-page__bottom-shadow-box,.theme--dark-ui .sticky-container {
        box-shadow: 0 -.4rem .8rem 0 rgba(41,29,24,.08)
    }

    .options-content .theme--dark-ui .sticky-bottom,.theme--dark-ui .guardrail,.theme--dark-ui .options-content .sticky-bottom,.theme--dark-ui .shadow--xs-inverse,.theme--dark-ui .shadow--xs-inverse--xs,.theme--dark-ui .stepper-page__bottom-shadow-box,.theme--dark-ui .sticky-container {
        box-shadow: 0 -.4rem .8rem 0 rgba(0,0,0,.24)
    }

    #smartbanner.android,#smartbanner.android .sb-button,#smartbanner.android .sb-button span,#smartbanner.android .sb-close,#smartbanner .sb-button,#smartbanner .sb-close,#smartbanner .sb-icon,.account-line-selector,.activate-popup .overlay__section__content,.bundle-usage-reminders .usage-section,.cards--no-shadow,.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector,.care-page .secondary-header--care__container__account-selector .account-line-selector,.circle-container.circle-container--stamp,.circle-wave.circle-wave--paused,.cmp-header-login .Block__login .login-menu.open,.contact-details.contact-details--secondary form,.cq-wcm-edit .cmp-carousel__content .cmp-image .cmp-image__link img:hover,.create-fleet-line .tariff-plans__grp .tariff-names .options-button.selected,.create-fleet-line__duplicate-line-container,.create-fleet-line__duplicate-line-container .cards--append.cards--container,.create-fleet-line__duplicate-line-container .label-cards.cards .cards--container,.create-fleet-line__review-section .content-section,.dashboard-page .mask-gradient .navigation-content-box .account-line-selector,.delete-profile .box-content,.end-journey.end-journey--secondary-journey .end-journey__section__content,.end-journey__section>.end-journey__section__content,.form-builder.form-group .AutoComplete .Form__input,.generic-selector .account-selector__listing.dropdown,.generic-selector .account-selector__listing.multi-line.is-open,.group-bundles .group-bundles-item,.header-login .login-menu.open,.home-networks .add-firewall-rule__overlay .overlay__section__content,.included-options .cards--container,.installation-location .content-section,.installation-options__overlay .overlay__section__content,.invite-new-user--invite-overlay .overlay__section__content,.invite-new-user--pending-invite-overlay .overlay__section__content,.invite-new-user--success-invite-overlay .overlay__section__content,.left-cart-overlay .overlay__section__content,.login-sales-journey__Container,.manage-profile-details--change-role .overlay__section__content,.mobile-overview-usage__content__wave-section .cards--container,.msa .msa-list-items .select2-choice,.my-bill,.options-button.disabled,.options-button.selected,.options-button:disabled,.options-content .lines-section .lines-options .option-title-content,.options-content .lines-section .options-content,.overlay__section__content.overlay-no-shadow,.pagination .pagination__list__link,.plan-notification__item,.postpaid-registration .sim-home-activation,.product-overview__section,.product-row-item.label-row,.radio-checkbox--background--disabled,.radio-container.selected-content,.radio-container input[type=radio].radio-input:checked+.radio-control.icon-tick:before,.realspeed .content-section .internetproducts .cards--append.cards--container.cur-pointer,.row--dtv .Table--dtv tbody,.row--dtv .Table--dtv tbody tr,.row--dtv .Table--invoice-overview tbody tr,.row--dtv .Table--payments-and-refunds tbody tr,.row--trial-history .Table--dtv tbody,.row--trial-history .Table--dtv tbody tr,.row--trial-history .Table--invoice-overview tbody tr,.row--trial-history .Table--payments-and-refunds tbody tr,.row-item.label-row,.row__invoice-overview .Table--dtv tbody,.row__invoice-overview .Table--dtv tbody tr,.row__invoice-overview .Table--invoice-overview tbody tr,.row__invoice-overview .Table--payments-and-refunds tbody tr,.row__payments-and-refunds .Table--dtv tbody,.row__payments-and-refunds .Table--dtv tbody tr,.row__payments-and-refunds .Table--invoice-overview tbody tr,.row__payments-and-refunds .Table--payments-and-refunds tbody tr,.sales-cart__section.sales-cart-row--shadow,.sales-display-info,.sales-flow__content__delivery__section,.sales-overlay--depreciation-table .depreciation-table--wrapper,.select2-container-multi .select2-choices .select2-search-field input,.select2-search input,.setup-wizard-setting--wizard-overlay .overlay__section__content,.shadow--n,.shadow--n--xs,.sim-activation,.sim-activation__current-sim,.sim-activation__current-sim-section,.sim-activation__current-sim>.form-group,.sim-home-activation,.sim-home-activation__current-sim,.sim-home-activation__current-sim-section,.sim-home-activation__current-sim>.form-group,.sim-management--deactivate-overlay .overlay__section__content,.sim-management--sim-overlay .overlay__section__content,.sticky-footer--flow__dynamic-shadow,.Table__invoices .Table--dtv tbody,.Table__invoices .Table--dtv tbody tr,.Table__invoices .Table--invoice-overview tbody tr,.Table__invoices .Table--payments-and-refunds tbody tr,.Table__invoices .Table.par-table tbody tr,.Table__topup .Table--dtv tbody,.Table__topup .Table--dtv tbody tr,.Table__topup .Table--invoice-overview tbody tr,.Table__topup .Table--payments-and-refunds tbody tr,.Table__topup .Table.par-table tbody tr,.table__usage-v2 .Table tbody tr,.theme--dark-ui.pagination .pagination__list__link,.theme--dark-ui .pagination .pagination__list__link,.theme--light-ui.pagination .pagination__list__link,.theme--light-ui .pagination .pagination__list__link,.theme--play-more-ui.pagination .pagination__list__link,.theme--play-more-ui .pagination .pagination__list__link,.theme--play-sports-ui.pagination .pagination__list__link,.theme--play-sports-ui .pagination .pagination__list__link,.theme--streamz-ui.pagination .pagination__list__link,.theme--streamz-ui .pagination .pagination__list__link {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }

    #smartbanner.android .sb-button .theme--dark-ui span,#smartbanner.android .theme--dark-ui .sb-button,#smartbanner.android .theme--dark-ui .sb-close,#smartbanner .theme--dark-ui .sb-button,#smartbanner .theme--dark-ui .sb-close,#smartbanner .theme--dark-ui .sb-icon,.activate-popup .theme--dark-ui .overlay__section__content,.bundle-usage-reminders .theme--dark-ui .usage-section,.care-page--version2 .secondary-header--care__container__account-selector .theme--dark-ui .account-line-selector,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .theme--dark-ui .account-line-selector,.care-page .secondary-header--care__container__account-selector .theme--dark-ui .account-line-selector,.cmp-header-login .Block__login .theme--dark-ui .login-menu.open,.contact-details.contact-details--secondary .theme--dark-ui form,.cq-wcm-edit .cmp-carousel__content .cmp-image .cmp-image__link .theme--dark-ui img:hover,.create-fleet-line .tariff-plans__grp .tariff-names .theme--dark-ui .options-button.selected,.create-fleet-line__duplicate-line-container .label-cards.cards .theme--dark-ui .cards--container,.create-fleet-line__duplicate-line-container .theme--dark-ui .cards--append.cards--container,.create-fleet-line__review-section .theme--dark-ui .content-section,.dashboard-page .mask-gradient .navigation-content-box .theme--dark-ui .account-line-selector,.delete-profile .theme--dark-ui .box-content,.end-journey.end-journey--secondary-journey .theme--dark-ui .end-journey__section__content,.form-builder.form-group .AutoComplete .theme--dark-ui .Form__input,.generic-selector .theme--dark-ui .account-selector__listing.dropdown,.generic-selector .theme--dark-ui .account-selector__listing.multi-line.is-open,.group-bundles .theme--dark-ui .group-bundles-item,.header-login .theme--dark-ui .login-menu.open,.home-networks .add-firewall-rule__overlay .theme--dark-ui .overlay__section__content,.included-options .theme--dark-ui .cards--container,.installation-location .theme--dark-ui .content-section,.installation-options__overlay .theme--dark-ui .overlay__section__content,.invite-new-user--invite-overlay .theme--dark-ui .overlay__section__content,.invite-new-user--pending-invite-overlay .theme--dark-ui .overlay__section__content,.invite-new-user--success-invite-overlay .theme--dark-ui .overlay__section__content,.left-cart-overlay .theme--dark-ui .overlay__section__content,.manage-profile-details--change-role .theme--dark-ui .overlay__section__content,.mobile-overview-usage__content__wave-section .theme--dark-ui .cards--container,.msa .msa-list-items .theme--dark-ui .select2-choice,.options-content .lines-section .lines-options .theme--dark-ui .option-title-content,.options-content .lines-section .theme--dark-ui .options-content,.pagination .theme--dark-ui .pagination__list__link,.postpaid-registration .theme--dark-ui .sim-home-activation,.radio-container .theme--dark-ui input[type=radio].radio-input:checked+.radio-control.icon-tick:before,.realspeed .content-section .internetproducts .theme--dark-ui .cards--append.cards--container.cur-pointer,.row--dtv .Table--dtv .theme--dark-ui tbody,.row--dtv .Table--dtv tbody .theme--dark-ui tr,.row--dtv .Table--invoice-overview tbody .theme--dark-ui tr,.row--dtv .Table--payments-and-refunds tbody .theme--dark-ui tr,.row--trial-history .Table--dtv .theme--dark-ui tbody,.row--trial-history .Table--dtv tbody .theme--dark-ui tr,.row--trial-history .Table--invoice-overview tbody .theme--dark-ui tr,.row--trial-history .Table--payments-and-refunds tbody .theme--dark-ui tr,.row__invoice-overview .Table--dtv .theme--dark-ui tbody,.row__invoice-overview .Table--dtv tbody .theme--dark-ui tr,.row__invoice-overview .Table--invoice-overview tbody .theme--dark-ui tr,.row__invoice-overview .Table--payments-and-refunds tbody .theme--dark-ui tr,.row__payments-and-refunds .Table--dtv .theme--dark-ui tbody,.row__payments-and-refunds .Table--dtv tbody .theme--dark-ui tr,.row__payments-and-refunds .Table--invoice-overview tbody .theme--dark-ui tr,.row__payments-and-refunds .Table--payments-and-refunds tbody .theme--dark-ui tr,.sales-overlay--depreciation-table .theme--dark-ui .depreciation-table--wrapper,.select2-container-multi .select2-choices .select2-search-field .theme--dark-ui input,.select2-search .theme--dark-ui input,.setup-wizard-setting--wizard-overlay .theme--dark-ui .overlay__section__content,.sim-management--deactivate-overlay .theme--dark-ui .overlay__section__content,.sim-management--sim-overlay .theme--dark-ui .overlay__section__content,.Table__invoices .Table--dtv .theme--dark-ui tbody,.Table__invoices .Table--dtv tbody .theme--dark-ui tr,.Table__invoices .Table--invoice-overview tbody .theme--dark-ui tr,.Table__invoices .Table--payments-and-refunds tbody .theme--dark-ui tr,.Table__invoices .Table.par-table tbody .theme--dark-ui tr,.Table__topup .Table--dtv .theme--dark-ui tbody,.Table__topup .Table--dtv tbody .theme--dark-ui tr,.Table__topup .Table--invoice-overview tbody .theme--dark-ui tr,.Table__topup .Table--payments-and-refunds tbody .theme--dark-ui tr,.Table__topup .Table.par-table tbody .theme--dark-ui tr,.table__usage-v2 .Table tbody .theme--dark-ui tr,.theme--dark-ui #smartbanner.android,.theme--dark-ui #smartbanner.android .sb-button,.theme--dark-ui #smartbanner.android .sb-button span,.theme--dark-ui #smartbanner.android .sb-close,.theme--dark-ui #smartbanner .sb-button,.theme--dark-ui #smartbanner .sb-close,.theme--dark-ui #smartbanner .sb-icon,.theme--dark-ui .account-line-selector,.theme--dark-ui .activate-popup .overlay__section__content,.theme--dark-ui .bundle-usage-reminders .usage-section,.theme--dark-ui .cards--no-shadow,.theme--dark-ui .care-page--version2 .secondary-header--care__container__account-selector .account-line-selector,.theme--dark-ui .care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector,.theme--dark-ui .care-page .secondary-header--care__container__account-selector .account-line-selector,.theme--dark-ui .circle-container.circle-container--stamp,.theme--dark-ui .circle-wave.circle-wave--paused,.theme--dark-ui .cmp-header-login .Block__login .login-menu.open,.theme--dark-ui .contact-details.contact-details--secondary form,.theme--dark-ui .cq-wcm-edit .cmp-carousel__content .cmp-image .cmp-image__link img:hover,.theme--dark-ui .create-fleet-line .tariff-plans__grp .tariff-names .options-button.selected,.theme--dark-ui .create-fleet-line__duplicate-line-container,.theme--dark-ui .create-fleet-line__duplicate-line-container .cards--append.cards--container,.theme--dark-ui .create-fleet-line__duplicate-line-container .label-cards.cards .cards--container,.theme--dark-ui .create-fleet-line__review-section .content-section,.theme--dark-ui .dashboard-page .mask-gradient .navigation-content-box .account-line-selector,.theme--dark-ui .delete-profile .box-content,.theme--dark-ui .end-journey.end-journey--secondary-journey .end-journey__section__content,.theme--dark-ui .end-journey__section>.end-journey__section__content,.theme--dark-ui .form-builder.form-group .AutoComplete .Form__input,.theme--dark-ui .generic-selector .account-selector__listing.dropdown,.theme--dark-ui .generic-selector .account-selector__listing.multi-line.is-open,.theme--dark-ui .group-bundles .group-bundles-item,.theme--dark-ui .header-login .login-menu.open,.theme--dark-ui .home-networks .add-firewall-rule__overlay .overlay__section__content,.theme--dark-ui .included-options .cards--container,.theme--dark-ui .installation-location .content-section,.theme--dark-ui .installation-options__overlay .overlay__section__content,.theme--dark-ui .invite-new-user--invite-overlay .overlay__section__content,.theme--dark-ui .invite-new-user--pending-invite-overlay .overlay__section__content,.theme--dark-ui .invite-new-user--success-invite-overlay .overlay__section__content,.theme--dark-ui .left-cart-overlay .overlay__section__content,.theme--dark-ui .login-sales-journey__Container,.theme--dark-ui .manage-profile-details--change-role .overlay__section__content,.theme--dark-ui .mobile-overview-usage__content__wave-section .cards--container,.theme--dark-ui .msa .msa-list-items .select2-choice,.theme--dark-ui .my-bill,.theme--dark-ui .options-button.disabled,.theme--dark-ui .options-button.selected,.theme--dark-ui .options-button:disabled,.theme--dark-ui .options-content .lines-section .lines-options .option-title-content,.theme--dark-ui .options-content .lines-section .options-content,.theme--dark-ui .overlay__section__content.overlay-no-shadow,.theme--dark-ui.pagination .pagination__list__link,.theme--dark-ui .pagination .pagination__list__link,.theme--dark-ui .plan-notification__item,.theme--dark-ui .postpaid-registration .sim-home-activation,.theme--dark-ui .product-overview__section,.theme--dark-ui .product-row-item.label-row,.theme--dark-ui .radio-checkbox--background--disabled,.theme--dark-ui .radio-container.selected-content,.theme--dark-ui .radio-container input[type=radio].radio-input:checked+.radio-control.icon-tick:before,.theme--dark-ui .realspeed .content-section .internetproducts .cards--append.cards--container.cur-pointer,.theme--dark-ui .row--dtv .Table--dtv tbody,.theme--dark-ui .row--dtv .Table--dtv tbody tr,.theme--dark-ui .row--dtv .Table--invoice-overview tbody tr,.theme--dark-ui .row--dtv .Table--payments-and-refunds tbody tr,.theme--dark-ui .row--trial-history .Table--dtv tbody,.theme--dark-ui .row--trial-history .Table--dtv tbody tr,.theme--dark-ui .row--trial-history .Table--invoice-overview tbody tr,.theme--dark-ui .row--trial-history .Table--payments-and-refunds tbody tr,.theme--dark-ui .row-item.label-row,.theme--dark-ui .row__invoice-overview .Table--dtv tbody,.theme--dark-ui .row__invoice-overview .Table--dtv tbody tr,.theme--dark-ui .row__invoice-overview .Table--invoice-overview tbody tr,.theme--dark-ui .row__invoice-overview .Table--payments-and-refunds tbody tr,.theme--dark-ui .row__payments-and-refunds .Table--dtv tbody,.theme--dark-ui .row__payments-and-refunds .Table--dtv tbody tr,.theme--dark-ui .row__payments-and-refunds .Table--invoice-overview tbody tr,.theme--dark-ui .row__payments-and-refunds .Table--payments-and-refunds tbody tr,.theme--dark-ui .sales-cart__section.sales-cart-row--shadow,.theme--dark-ui .sales-display-info,.theme--dark-ui .sales-flow__content__delivery__section,.theme--dark-ui .sales-overlay--depreciation-table .depreciation-table--wrapper,.theme--dark-ui .select2-container-multi .select2-choices .select2-search-field input,.theme--dark-ui .select2-search input,.theme--dark-ui .setup-wizard-setting--wizard-overlay .overlay__section__content,.theme--dark-ui .shadow--n,.theme--dark-ui .shadow--n--xs,.theme--dark-ui .sim-activation,.theme--dark-ui .sim-activation__current-sim,.theme--dark-ui .sim-activation__current-sim-section,.theme--dark-ui .sim-activation__current-sim>.form-group,.theme--dark-ui .sim-home-activation,.theme--dark-ui .sim-home-activation__current-sim,.theme--dark-ui .sim-home-activation__current-sim-section,.theme--dark-ui .sim-home-activation__current-sim>.form-group,.theme--dark-ui .sim-management--deactivate-overlay .overlay__section__content,.theme--dark-ui .sim-management--sim-overlay .overlay__section__content,.theme--dark-ui .sticky-footer--flow__dynamic-shadow,.theme--dark-ui .Table__invoices .Table--dtv tbody,.theme--dark-ui .Table__invoices .Table--dtv tbody tr,.theme--dark-ui .Table__invoices .Table--invoice-overview tbody tr,.theme--dark-ui .Table__invoices .Table--payments-and-refunds tbody tr,.theme--dark-ui .Table__invoices .Table.par-table tbody tr,.theme--dark-ui .Table__topup .Table--dtv tbody,.theme--dark-ui .Table__topup .Table--dtv tbody tr,.theme--dark-ui .Table__topup .Table--invoice-overview tbody tr,.theme--dark-ui .Table__topup .Table--payments-and-refunds tbody tr,.theme--dark-ui .Table__topup .Table.par-table tbody tr,.theme--dark-ui .table__usage-v2 .Table tbody tr,.theme--dark-ui .theme--light-ui.pagination .pagination__list__link,.theme--dark-ui .theme--light-ui .pagination .pagination__list__link,.theme--dark-ui .theme--play-more-ui.pagination .pagination__list__link,.theme--dark-ui .theme--play-more-ui .pagination .pagination__list__link,.theme--dark-ui .theme--play-sports-ui.pagination .pagination__list__link,.theme--dark-ui .theme--play-sports-ui .pagination .pagination__list__link,.theme--dark-ui .theme--streamz-ui.pagination .pagination__list__link,.theme--dark-ui .theme--streamz-ui .pagination .pagination__list__link,.theme--light-ui.pagination .theme--dark-ui .pagination__list__link,.theme--light-ui .pagination .theme--dark-ui .pagination__list__link,.theme--play-more-ui.pagination .theme--dark-ui .pagination__list__link,.theme--play-more-ui .pagination .theme--dark-ui .pagination__list__link,.theme--play-sports-ui.pagination .theme--dark-ui .pagination__list__link,.theme--play-sports-ui .pagination .theme--dark-ui .pagination__list__link,.theme--streamz-ui.pagination .theme--dark-ui .pagination__list__link,.theme--streamz-ui .pagination .theme--dark-ui .pagination__list__link {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-menu.open,.header-login .login-menu.open,.shadow--default--sm {
        box-shadow:0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .cmp-header-login .Block__login .theme--dark-ui .login-menu.open,.header-login .theme--dark-ui .login-menu.open,.theme--dark-ui .cmp-header-login .Block__login .login-menu.open,.theme--dark-ui .header-login .login-menu.open,.theme--dark-ui .shadow--default--sm {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    .mobile-overview-usage__content__wave-section .cards--container,.shadow--xs--sm {
        box-shadow: 0 .4rem .8rem 0 rgba(41,29,24,.08)
    }

    .mobile-overview-usage__content__wave-section .theme--dark-ui .cards--container,.theme--dark-ui .mobile-overview-usage__content__wave-section .cards--container,.theme--dark-ui .shadow--xs--sm {
        box-shadow: 0 .4rem .8rem 0 rgba(0,0,0,.24)
    }

    .shadow--s--sm {
        box-shadow: 0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--s--sm {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    .shadow--m--sm {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--m--sm {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(0,0,0,.24)
    }

    .overlay__section__content,.shadow--l--sm {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .overlay__section__content,.theme--dark-ui .shadow--l--sm {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(0,0,0,.32)
    }

    .shadow--xs-inverse--sm {
        box-shadow: 0 -.4rem .8rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--xs-inverse--sm {
        box-shadow: 0 -.4rem .8rem 0 rgba(0,0,0,.24)
    }

    .shadow--n--sm,.stepper-move--user-input .user-input-options .cards .cards--container,.stepper-move--user-input .user-input-options .cards .theme--dark-ui .cards--container,.theme--dark-ui .shadow--n--sm,.theme--dark-ui .stepper-move--user-input .user-input-options .cards .cards--container {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }
}

@media only screen and (min-width: 48.0625em) {
    .shadow--default--md {
        box-shadow:0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--default--md {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    .shadow--xs--md,.sim-management--deactivate-overlay .overlay__section__content {
        box-shadow: 0 .4rem .8rem 0 rgba(41,29,24,.08)
    }

    .sim-management--deactivate-overlay .theme--dark-ui .overlay__section__content,.theme--dark-ui .shadow--xs--md,.theme--dark-ui .sim-management--deactivate-overlay .overlay__section__content {
        box-shadow: 0 .4rem .8rem 0 rgba(0,0,0,.24)
    }

    .shadow--s--md {
        box-shadow: 0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--s--md {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    .shadow--m--md {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--m--md {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(0,0,0,.24)
    }

    .shadow--l--md {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--l--md {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(0,0,0,.32)
    }

    .shadow--xs-inverse--md {
        box-shadow: 0 -.4rem .8rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--xs-inverse--md {
        box-shadow: 0 -.4rem .8rem 0 rgba(0,0,0,.24)
    }

    .shadow--n--md,.theme--dark-ui .shadow--n--md {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }
}

@media only screen and (min-width: 74.5em) {
    .shadow--default--lg {
        box-shadow:0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--default--lg {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    .shadow--xs--lg {
        box-shadow: 0 .4rem .8rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--xs--lg {
        box-shadow: 0 .4rem .8rem 0 rgba(0,0,0,.24)
    }

    .shadow--s--lg {
        box-shadow: 0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--s--lg {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    .shadow--m--lg {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--m--lg {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(0,0,0,.24)
    }

    .shadow--l--lg {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--l--lg {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(0,0,0,.32)
    }

    .shadow--xs-inverse--lg {
        box-shadow: 0 -.4rem .8rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--xs-inverse--lg {
        box-shadow: 0 -.4rem .8rem 0 rgba(0,0,0,.24)
    }

    .shadow--n--lg,.theme--dark-ui .shadow--n--lg {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }
}

@media only screen and (min-width: 90em) {
    .shadow--default--xl {
        box-shadow:0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--default--xl {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    .shadow--xs--xl {
        box-shadow: 0 .4rem .8rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--xs--xl {
        box-shadow: 0 .4rem .8rem 0 rgba(0,0,0,.24)
    }

    .shadow--s--xl {
        box-shadow: 0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--s--xl {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    .shadow--m--xl {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--m--xl {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(0,0,0,.24)
    }

    .shadow--l--xl {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--l--xl {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(0,0,0,.32)
    }

    .shadow--xs-inverse--xl {
        box-shadow: 0 -.4rem .8rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--xs-inverse--xl {
        box-shadow: 0 -.4rem .8rem 0 rgba(0,0,0,.24)
    }

    .shadow--n--xl,.theme--dark-ui .shadow--n--xl {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }
}

@media only screen and (min-width: 104.6875em) {
    .shadow--default--xxl {
        box-shadow:0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--default--xxl {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    .shadow--xs--xxl {
        box-shadow: 0 .4rem .8rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--xs--xxl {
        box-shadow: 0 .4rem .8rem 0 rgba(0,0,0,.24)
    }

    .shadow--s--xxl {
        box-shadow: 0 .8rem 1.6rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--s--xxl {
        box-shadow: 0 .8rem 1.6rem 0 rgba(0,0,0,.24)
    }

    .shadow--m--xxl {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--m--xxl {
        box-shadow: 0 1.6rem 3.2rem 0 rgba(0,0,0,.24)
    }

    .shadow--l--xxl {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--l--xxl {
        box-shadow: 0 2.4rem 6.4rem 0 rgba(0,0,0,.32)
    }

    .shadow--xs-inverse--xxl {
        box-shadow: 0 -.4rem .8rem 0 rgba(41,29,24,.08)
    }

    .theme--dark-ui .shadow--xs-inverse--xxl {
        box-shadow: 0 -.4rem .8rem 0 rgba(0,0,0,.24)
    }

    .shadow--n--xxl,.theme--dark-ui .shadow--n--xxl {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }
}

.text-decoration--none {
    text-decoration: none
}

.text-decoration--underline {
    text-decoration: underline
}

.transition--all-3ms {
    transition: all .3s ease-in-out
}

.cmp-carousel__action,.cmp-carousel__content .cmp-image .cmp-image__link img,.transition--all-1s {
    transition: all 1s ease-in-out
}

.rotate--180 {
    transform: rotate(180deg)
}

.visibility-show {
    visibility: visible;
    height: auto
}

.visibility-hide {
    visibility: hidden;
    overflow: hidden;
    height: 0;
    border: 0!important
}

.visibility-show-only {
    visibility: visible
}

.grecaptcha-badge,.visibility-hide-only {
    visibility: hidden
}

.cmp-countdown__item--top--title,.heading--0 {
    text-transform: none
}

.cmp-contact-item .cmp.cmp-title h1,.gif-sharing.sharing-tool-data__title,.header .ph1,.header .ph2,.header .ph7,.header .ph14,.heading--1,h1,h1.heading--nomargin,h1.heading--notopmargin,h1:not([class*=heading--]) {
    text-transform: none
}

.cmp-contact-item .cmp.cmp-title h2,.gif-sharing.sharing-tool-data__item__subtitle,.gif-sharing.sharing-tool-data__subtitle,.header .pg20,.header .pg20_b,.header .ph3,.header .ph4,.header .ph5,.heading--2,.TitleBar .ContainerFloating .Title,.TitleBar .Title,h2,h2.heading--nomargin,h2.heading--notopmargin,h2:not([class*=heading--]) {
    text-transform: none
}

.cmp-contact-item .cmp.cmp-title h3,.header .pg19,.header .pg19_b,.header .ph17,.heading--3,.multiSolutionHeader .question .cell,h3,h3.heading--nomargin,h3.heading--notopmargin,h3:not([class*=heading--]) {
    text-transform: none
}

.cmp-contact-item .cmp.cmp-title h4,.gif-sharing.sharing-tool-data__item__sharing-title,.header .ph5,.header .ph6,.header .ph10,.header .ph11,.header .ph18,.heading--4,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext p,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header p,h4,h4.heading--nomargin,h4.heading--notopmargin,h4:not([class*=heading--]) {
    text-transform: none
}

.accstyle_A .upc_accordion_pane h3:not([class*=heading--]),.accstyle_A .upc_accordion_pane h3:not([class*=ph]),.accstyle_A .upc_accordion_title,.accstyle_B-1 .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B-1 .upc_accordion_pane h3:not([class*=ph]),.accstyle_B-1 .upc_accordion_title,.accstyle_B-2 .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B-2 .upc_accordion_pane h3:not([class*=ph]),.accstyle_B-2 .upc_accordion_title,.accstyle_B .upc_accordion_pane h3:not([class*=heading--]),.accstyle_B .upc_accordion_pane h3:not([class*=ph]),.accstyle_B .upc_accordion_title,.accstyle_D .upc_accordion_pane h3:not([class*=heading--]),.accstyle_D .upc_accordion_pane h3:not([class*=ph]),.accstyle_D .upc_accordion_title,.accstyle_E .upc_accordion_pane h3:not([class*=heading--]),.accstyle_E .upc_accordion_pane h3:not([class*=ph]),.accstyle_E .upc_accordion_title,.accstyle_F .upc_accordion_pane h3:not([class*=heading--]),.accstyle_F .upc_accordion_pane h3:not([class*=ph]),.accstyle_F .upc_accordion_title,.accstyle_R .upc_accordion_pane h3:not([class*=heading--]),.accstyle_R .upc_accordion_pane h3:not([class*=ph]),.accstyle_R .upc_accordion_title,.accstyle_Y .upc_accordion_pane h3:not([class*=heading--]),.accstyle_Y .upc_accordion_pane h3:not([class*=ph]),.accstyle_Y .upc_accordion_title,.card .cardTbl .cardRow.cardBody .cardCell .priceText,.card .cardTbl .cardRow.cardBody .cardCell .subTitle,.card .cardTbl .cardRow.cardBody .cardCell h3,.cmp-contact-item .cmp.cmp-title h5,.header .ph18,.heading--5,.tn-minimized .MinimizedViewContent__title,.useful-links.useful-links--quicklinks .useful-links__title,.useful-links.useful-links--quicklinks .useful-links__title h5,.usp__item__title,h5,h5.heading--nomargin,h5.heading--notopmargin,h5:not([class*=heading--]) {
    text-transform: none
}

.cmp-contact-item .cmp.cmp-title h6,.heading--6,.navigation-bar .navigation-bar__link,.navigation-bar .navigation-bar__title,h6,h6.heading--nomargin,h6.heading--notopmargin,h6:not([class*=heading--]) {
    text-transform: none
}

.heading--7 {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2rem;
    line-height: 2.4rem;
    margin: 0;
    font-weight: 700
}

@media only screen and (min-width: 48.0625em) {
    .heading--7 {
        font-size:2rem;
        line-height: 2.4rem;
        margin: 0
    }
}

@media only screen and (min-width: 74.5em) {
    .heading--7 {
        font-size:2rem;
        line-height: 2.4rem;
        margin: 0
    }
}

.accstyle_A .upc_accordion_title,.accstyle_B-1 .upc_accordion_title,.accstyle_B-2 .upc_accordion_title,.accstyle_B .upc_accordion_title,.accstyle_D .upc_accordion_title,.accstyle_E .upc_accordion_title,.accstyle_F .upc_accordion_title,.accstyle_R .upc_accordion_title,.accstyle_Y .upc_accordion_title,.heading--notopmargin,.TitleBar .ContainerFloating .Title,.TitleBar .Title {
    margin-top: 0!important
}

@media only screen and (min-width: 48.0625em) {
    .accstyle_A .upc_accordion_title,.accstyle_B-1 .upc_accordion_title,.accstyle_B-2 .upc_accordion_title,.accstyle_B .upc_accordion_title,.accstyle_D .upc_accordion_title,.accstyle_E .upc_accordion_title,.accstyle_F .upc_accordion_title,.accstyle_R .upc_accordion_title,.accstyle_Y .upc_accordion_title,.heading--notopmargin,.TitleBar .ContainerFloating .Title,.TitleBar .Title {
        margin-top:0!important
    }
}

@media only screen and (min-width: 74.5em) {
    .accstyle_A .upc_accordion_title,.accstyle_B-1 .upc_accordion_title,.accstyle_B-2 .upc_accordion_title,.accstyle_B .upc_accordion_title,.accstyle_D .upc_accordion_title,.accstyle_E .upc_accordion_title,.accstyle_F .upc_accordion_title,.accstyle_R .upc_accordion_title,.accstyle_Y .upc_accordion_title,.heading--notopmargin,.TitleBar .ContainerFloating .Title,.TitleBar .Title {
        margin-top:0!important
    }
}

.heading--nomargin,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext p,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header p,.useful-links .useful-links-title h5,.useful-links__title h5,.usp__item__title {
    margin: 0!important
}

@media only screen and (min-width: 48.0625em) {
    .heading--nomargin,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext p,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header p,.useful-links .useful-links-title h5,.useful-links__title h5,.usp__item__title {
        margin:0!important
    }
}

@media only screen and (min-width: 74.5em) {
    .heading--nomargin,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .richtext p,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h1,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h2,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header h3,.multiSolutionHeader .tabelize .tabsContainer .tab .insideOfTab .title.header p,.useful-links .useful-links-title h5,.useful-links__title h5,.usp__item__title {
        margin:0!important
    }
}

.header .pg19,.header .pg19_b {
    background: transparent;
    color: unset
}

.header .pg19:before,.header .pg19_b:before {
    content: ""
}

.header .pg20,.header .pg20_b {
    background: transparent;
    color: unset
}

.header .pg20:before,.header .pg20_b:before {
    content: ""
}

.card .cardTbl .cardRow.cardBody .cardCell .priceText,.card .cardTbl .cardRow.cardBody .cardCell .subTitle,.card .cardTbl .cardRow.cardBody .cardCell h3,.tn-minimized .MinimizedViewContent__title {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0
}

.article-title h1:not([class*=heading--]) {
    margin-top: 0
}

.article-middle>div:first-child.parsys .header .Left h3:not([class*=heading--]) {
    margin-top: 0
}

.accstyle_Y .upc_accordion_title {
    margin-top: 16px!important
}

.accstyle_A .upc_accordion_title.current:hover,.accstyle_B-1 .upc_accordion_title.current:hover,.accstyle_B-2 .upc_accordion_title.current:hover,.accstyle_B .upc_accordion_title.current:hover,.accstyle_D .upc_accordion_title.current:hover,.accstyle_E .upc_accordion_title.current:hover,.accstyle_Y .upc_accordion_title.current:hover {
    color: inherit
}

.accstyle_A .upc_accordion_title:hover,.accstyle_B-1 .upc_accordion_title:hover,.accstyle_B-2 .upc_accordion_title:hover,.accstyle_B .upc_accordion_title:hover,.accstyle_D .upc_accordion_title:hover,.accstyle_E .upc_accordion_title:hover,.accstyle_Y .upc_accordion_title:hover {
    color: #ffb61b
}

.accstyle_A .upc_accordion_title__text:before,.accstyle_B-1 .upc_accordion_title__text:before,.accstyle_B-2 .upc_accordion_title__text:before,.accstyle_B .upc_accordion_title__text:before,.accstyle_D .upc_accordion_title__text:before,.accstyle_E .upc_accordion_title__text:before,.accstyle_Y .upc_accordion_title__text:before {
    top: 0
}

.accstyle_A .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_A .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_B-1 .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_B-1 .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_B-2 .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_B-2 .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_B .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_B .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_D .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_D .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_E .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_E .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_Y .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_Y .upc_accordion_title .upc_accordion_label_opened:before {
    padding-left: .1rem
}

.accstyle_A .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_B-1 .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_B-2 .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_B .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_D .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_E .upc_accordion_title .upc_accordion_label_closed:before,.accstyle_Y .upc_accordion_title .upc_accordion_label_closed:before {
    line-height: 2rem
}

.accstyle_A .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_B-1 .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_B-2 .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_B .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_D .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_E .upc_accordion_title .upc_accordion_label_opened:before,.accstyle_Y .upc_accordion_title .upc_accordion_label_opened:before {
    line-height: 1.8rem
}

.accstyle_B-1 .upc_accordion_label_closed:before,.accstyle_B-1 .upc_accordion_label_opened:before {
    line-height: 2.8rem!important
}

.accstyle_C .upc_accordion_title .upc_accordion_title_text:hover {
    color: #ffb61b
}

.accstyle_C.current {
    color: #ffb61b
}

.avatar {
    display: inline-flex;
    position: relative;
    max-width: 7rem
}

@media only screen and (min-width: 36em) {
    .avatar {
        max-width:5rem
    }
}

.avatar .avatar__image {
    display: block;
    box-sizing: border-box;
    height: 4.8rem;
    width: 4.8rem;
    padding-top: 100%;
    position: relative;
    border-radius: 21%;
    overflow: hidden;
    background: #ffc421;
    background-position: center 45%;
    background-size: 40%;
    z-index: 0
}

.avatar .avatar__image img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.avatar .avatar__image:hover {
    box-shadow: 0 0 0 .3rem #eeeded
}

.avatar__icon {
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 21%
}

.avatar__icon:hover {
    box-shadow: 0 0 0 .3rem #eeeded
}

.avatar .avatar__notification {
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    z-index: 1;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #de350b;
    color: #fff;
    border-radius: 50%;
    font-size: .8rem;
    line-height: 1.6;
    text-align: center
}

.avatar .avatar__notification.info {
    background: #ffc421;
    color: #eeeded
}

.avatar__xs {
    --avatar-size: 1.6rem;
    --icon-circle--font-size: 1rem
}

.avatar__s {
    --avatar-size: 2.4rem;
    --icon-circle--font-size: 1.8rem
}

.avatar__l {
    --avatar-size: 9.6rem;
    --icon-circle--font-size: 6rem;
    max-width: 10rem
}

.avatar .avatar--add {
    display: block;
    box-sizing: border-box;
    height: var(--avatar-size,4.8rem);
    width: var(--avatar-size,4.8rem);
    padding-top: 100%;
    position: relative;
    border-radius: 21%;
    overflow: hidden;
    background: #eeeded url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M0 9h20v2H0z'/%3E%3Cpath d='M9 20V0h2v20z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-position: 50%;
    background-size: 45%;
    border: 0
}

@media only screen and (min-width: 36em) {
    .avatar .avatar--add {
        background-size:2rem
    }
}

.avatar .avatar--add img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.avatar .avatar--add:hover {
    background-color: #e4e3e3
}

.icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--avatar-size,4.8rem);
    height: var(--avatar-size,4.8rem);
    background: #ccc9c8;
    font-size: var(--icon-circle--font-size,3rem);
    color: #fff;
    border-radius: 21%;
    border: none;
    text-align: center;
    line-height: 1;
    vertical-align: middle
}

.badge--cashback {
    --badge--background--color: #ffc421;
    --badge--color: #291d18
}

.badge--accessories {
    --badge--background--color: #c95942;
    --badge--color: #fff
}

.badge {
    display: flex;
    align-items: center;
    box-sizing: inherit;
    padding: .4rem 1.2rem;
    height: 2.8rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 1.6rem;
    vertical-align: middle;
    background-color: #f7f6f6;
    color: #291d18;
    text-transform: none
}

.badge:before {
    content: " ";
    display: inline-block;
    margin-right: .8rem;
    width: .8rem;
    height: .8rem;
    border-radius: 100%;
    background: #291d18
}

.badge__indicator {
    display: inline-block;
    margin-right: .8rem;
    width: .8rem;
    height: .8rem;
    border-radius: 100%;
    background: #291d18
}

.badge--active:before,.badge--positive:before,.badge__new:before {
    background: #ffc421
}

.badge--negative:before {
    background: #c95942
}

.badge--with-icon .icon {
    padding-right: .8rem
}

.badge--with-icon:before {
    margin-right: 0;
    width: 0;
    height: 0;
    border-radius: 0
}

.badge--pending:before {
    background: #f7945c
}

.badge__recommended {
    display: inline-flex;
    background-color: #ffc421;
    color: #fff;
    padding: 1rem .5rem;
    align-items: center
}

.badge__recommended:before {
    content: " ";
    margin-right: 0;
    width: 0;
    height: 0;
    border-radius: 0
}

.badge--price-tag {
    padding: .4rem .8rem;
    width: 4rem;
    height: 2rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    border-radius: .5rem 0 0 .5rem;
    color: #fff;
    background: #ffc421;
    text-align: center
}

.badge--price-tag:before {
    content: "";
    margin-right: 0;
    width: 0;
    height: 0;
    border-radius: 0
}

.badge--card {
    display: flex;
    background-color: #655c58;
    color: #fff;
    border-radius: .8rem .8rem 0 0;
    min-width: 17rem;
    justify-content: center;
    padding: .5rem 2.3rem;
    height: auto;
    line-height: 2rem;
    position: relative;
    z-index: 9;
    text-transform: unset
}

.badge--card:before {
    content: "";
    margin-right: 0;
    width: 0;
    height: 0;
    border-radius: 0
}

.badge--card--small {
    font-size: 1.4rem;
    font-weight: 800;
    min-width: 12.4rem;
    width: 12.4rem;
    padding: .5rem .2rem;
    height: 2.4rem;
    text-transform: none;
    margin-left: .8rem
}

.badge--card--recommended {
    background-color: #ffc421;
    color: #291d18
}

.badge--card--recommended:before {
    content: " ";
    margin-right: 0;
    width: 0;
    height: 0;
    border-radius: 0
}

.badge--card--yellow {
    background-color: #ffc421;
    color: #291d18;
    min-width: auto
}

.badge--card--counter {
    min-width: 13rem;
    max-width: 90%;
    text-transform: uppercase
}

.badge--icon {
    font-size: 2rem;
    padding: .6rem;
    border-radius: .6rem
}

@media only screen and (min-width: 36em) {
    .badge--icon {
        font-size:2.4rem
    }
}

.badge--icon i {
    margin-right: .8rem;
    vertical-align: text-top
}

.badge--icon:before {
    content: "";
    margin-right: 0;
    width: 0;
    height: 0;
    border-radius: 0
}

.badge--white {
    background: #fff;
    text-transform: inherit
}

.badge--white:before {
    content: "";
    margin-right: 0;
    width: 0;
    height: 0;
    border-radius: 0
}

.badge--overlap__top--right {
    top: 1rem;
    right: 2rem;
    z-index: 1
}

.badge--square {
    background-color: var(--badge--background--color);
    color: var(--badge--color);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.image-caption {
    background: #fff;
    color: #eeeded;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900;
    font-size: 110%
}

.image-caption.image-caption--link {
    cursor: pointer
}

.image-caption.image-caption--link .active,.image-caption.image-caption--link:hover {
    color: #291d18;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #291d18
}

.image-caption.image-caption--selected {
    color: #291d18;
    text-decoration: none;
    border: 2px solid #291d18
}

.image-caption.image-caption--mobile-no-caption {
    font-size: 1.8rem;
    text-align: center
}

.image-caption.image-caption--mobile-no-caption .image-caption__caption {
    display: none
}

@media only screen and (min-width: 36em) {
    .image-caption.image-caption--mobile-no-caption .image-caption__caption {
        display:inline-block
    }
}

.image-caption .image-caption__image img {
    max-width: 100%;
    max-height: 100%
}

.image-caption .image-caption__caption {
    text-align: center;
    padding: 10px
}

.state-indicator-section {
    display: flex;
    align-items: baseline
}

.state-indicator-section .indicator__active.form-helper,.state-indicator-section label.indicator__active {
    color: #ffc421
}

.state-indicator-section .indicator__disabled.form-helper,.state-indicator-section label.indicator__disabled {
    color: #eeeded
}

.state-indicator-section span {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    margin-left: 1.2rem
}

@media only screen and (min-width: 36em) {
    .state-indicator-section span {
        width:.9rem;
        height: .9rem
    }
}

.state-indicator-section span.active {
    background-color: #ffc421
}

.state-indicator-section span.disabled {
    border: .1rem solid #eeeded
}

.state-indicator-section .state-indicator {
    display: none;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    align-items: center
}

@media only screen and (min-width: 36em) {
    .state-indicator-section .state-indicator {
        display:flex
    }
}

.state-indicator-section .state-indicator__active {
    color: #ffc421
}

.state-indicator-section .state-indicator__disabled {
    color: #eeeded
}

.mobile-barring-indicator {
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 36em) {
    .mobile-barring-indicator {
        display:none
    }
}

.mobile-barring-indicator .form-helper,.mobile-barring-indicator label {
    display: flex!important
}

.mobile-barring-indicator .indicator__active.form-helper,.mobile-barring-indicator label.indicator__active {
    color: #ffc421
}

.mobile-barring-indicator .indicator__disabled.form-helper,.mobile-barring-indicator label.indicator__disabled {
    color: #eeeded
}

.mobile-barring-indicator span {
    margin-right: 1.6rem
}

.mobile-barring-indicator .divider {
    display: inline;
    color: #eeeded
}

.chat-bubble__reply,.chat-bubble__sent {
    width: 24rem
}

.chat-bubble__sent {
    background-color: #e5e3e3
}

.chat-bubble__sent--right-top:after {
    content: "";
    left: 24rem;
    top: 0;
    border-top: 2rem solid #e5e3e3;
    border-right: 2rem solid transparent
}

.chat-bubble__reply {
    background-color: #ffedb5
}

.chat-bubble__reply--left-top:after {
    content: "";
    left: -2rem;
    top: 0;
    border-top: 2rem solid #ffedb5;
    border-left: 2rem solid transparent
}

.Container,.sim-card-migration__content .sim-card-migration__container-info,.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container {
    display: block;
    border-radius: 0
}

.Container.Container--grey,.sim-card-migration__content .Container--grey.sim-card-migration__container-info,.sim-card-migration__content .sim-card-migration__overview .Container--grey.sim-card-migration__overview-container {
    background-color: #e0e1e5
}

.Container.Container--dark,.sim-card-migration__content .Container--dark.sim-card-migration__container-info,.sim-card-migration__content .sim-card-migration__overview .Container--dark.sim-card-migration__overview-container {
    background-color: #655c58;
    color: #fff
}

.Container.Container--blue,.Container .sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container,.sim-card-migration__content .Container--blue.sim-card-migration__container-info,.sim-card-migration__content .sim-card-migration__container-info .sim-card-migration__overview .sim-card-migration__overview-container,.sim-card-migration__content .sim-card-migration__overview .Container--blue.sim-card-migration__overview-container,.sim-card-migration__content .sim-card-migration__overview .Container .sim-card-migration__overview-container,.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__container-info .sim-card-migration__overview-container,.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container .sim-card-migration__overview-container {
    background-color: #a6d9d9
}

.Container.Container--bordered,.Container.Container--bordered-active,.Container.Container--info,.sim-card-migration__content .Container--bordered-active.sim-card-migration__container-info,.sim-card-migration__content .Container--bordered.sim-card-migration__container-info,.sim-card-migration__content .Container.sim-card-migration__container-info,.sim-card-migration__content .sim-card-migration__container-info,.sim-card-migration__content .sim-card-migration__overview .Container--bordered-active.sim-card-migration__overview-container,.sim-card-migration__content .sim-card-migration__overview .Container--bordered.sim-card-migration__overview-container,.sim-card-migration__content .sim-card-migration__overview .Container--info.sim-card-migration__overview-container,.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container.sim-card-migration__container-info {
    border-width: .1rem;
    border-style: solid
}

.Container.Container--bordered-grey,.sim-card-migration__content .Container--bordered-grey.sim-card-migration__container-info,.sim-card-migration__content .sim-card-migration__overview .Container--bordered-grey.sim-card-migration__overview-container {
    border-color: #eeeded
}

.Container.Container--bordered-blue,.sim-card-migration__content .Container--bordered-blue.sim-card-migration__container-info,.sim-card-migration__content .Container.sim-card-migration__container-info,.sim-card-migration__content .sim-card-migration__container-info,.sim-card-migration__content .sim-card-migration__overview .Container--bordered-blue.sim-card-migration__overview-container,.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container.sim-card-migration__container-info {
    border-color: #a6d9d9
}

.Container--dashed {
    border: 1px dashed #bab6b5;
    text-align: center
}

.Container--dashed .text-flow--h3 {
    color: #eeeded
}

.Container--dashed .text-flow--h3 i:before {
    margin-right: 1.6rem
}

.Container--body-outline p {
    margin-left: 2.5rem
}

.Container--info {
    position: relative;
    margin-top: 2.6rem;
    border-color: #eeeded;
    display: flex;
    justify-content: center
}

.Container--info p {
    padding: .4rem 0 0 1rem
}

.Container--info .icon-information {
    color: #a6d9d9;
    margin-right: 1.6rem
}

.Container--info:before {
    content: "";
    display: block;
    position: absolute;
    top: -1rem;
    width: 0;
    border-right: 1rem solid transparent;
    border-left: 1rem solid transparent;
    border-bottom: 1rem solid #eeeded
}

.Container--info:after {
    content: "";
    display: block;
    position: absolute;
    top: -.9rem;
    width: 0;
    border-right: 1rem solid transparent;
    border-left: 1rem solid transparent;
    border-bottom: 1rem solid #fff
}

.Container--partitioned {
    border-color: transparent
}

@media only screen and (min-width: 36em) {
    .Container--partitioned {
        border-color:#eeeded
    }
}

.Container--partitioned--partition {
    border-bottom: .1rem solid #eeeded;
    padding: 2.4rem
}

.Container--partitioned--partition--first-item {
    border-top: transparent
}

@media only screen and (min-width: 36em) {
    .Container--partitioned--partition--first-item {
        border-top:transparent
    }
}

.Container--partitioned--partition--last-item {
    border-bottom: 0
}

.Container--partitioned--partition--dashed {
    border-bottom: .1rem dashed #eeeded
}

.Container--partitioned--partition--no-borders {
    border-bottom: 0;
    padding: 1rem
}

.Container--partitioned--partition--no-padding,.Container--partitioned--partition--no-padding.Container--partitioned--partition--no-borders {
    padding: 0
}

.Container--partitioned--partition--invert {
    background-color: #ffc421;
    color: #fff;
    border-bottom: 0
}

@media only screen and (max-width: 35.99em) {
    .Container--partitioned--xs--bg-grey {
        background-color:#f7f6f6
    }
}

@media only screen and (max-width: 35.99em) {
    .Container--partitioned--xs--full-width {
        margin-right:-1rem;
        margin-left: -1rem
    }
}

.Container--heading--filter {
    position: relative;
    display: flex;
    justify-content: center
}

.Container--heading--filter:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1rem;
    width: 0;
    border-right: 1rem solid transparent;
    border-left: 1rem solid transparent;
    border-top: 1rem solid #655c58
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .Container--heading--filter:before {
        left: 49%
    }
}

.intenttile {
    position: relative;
    top: 0;
    padding: 2rem;
    border-radius: 0;
    background-color: #fff;
    transition: transform .5s ease-out;
    cursor: pointer;
    overflow: hidden
}

.intenttile__icon {
    position: absolute;
    width: 8.2rem;
    height: 8.2rem;
    left: -1.8rem;
    top: -1rem;
    border-radius: 50%;
    background-color: #291d18
}

.intenttile__icon img {
    position: relative;
    top: 29%;
    left: 34%
}

.intenttile__data {
    padding-left: 6.5rem
}

.intenttile__data-title {
    margin: .5rem 0 1.5rem
}

.intenttile__data-link {
    color: #c95942;
    font-size: .75em;
    margin-bottom: 1rem
}

.intenttile:hover {
    transform: translateY(-1rem)
}

.intenttile:hover .intenttile__data-link {
    text-decoration: underline
}

.circle-container {
    position: relative;
    width: 8rem;
    height: 8rem;
    margin-bottom: 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--theme__elevation___xs);
    overflow: hidden
}

@media only screen and (min-width: 36em) {
    .circle-container {
        width:12rem;
        height: 12rem
    }
}

.circle-container:active,.circle-container:focus {
    outline: 0;
    box-shadow: inset 0 0 0 .2rem #ffc421
}

.circle-container:hover {
    outline: 0;
    box-shadow: inset 0 0 0 .1rem #ffc421
}

.circle-container--bg-primary {
    background-color: #ffc421
}

.circle-container.circle-container--stamp {
    border: .2rem solid #f7945c;
    width: 10rem!important;
    height: 10rem;
    margin: 0 auto 1rem
}

.circle-container__icon {
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #291d18
}

@media only screen and (min-width: 36em) {
    .circle-container__icon {
        font-size:4rem;
        line-height: 4rem
    }
}

.circle-container__icon .icon-lg:before {
    line-height: normal
}

.circle-container__icon--white {
    color: #fff
}

.circle-container__icon--text {
    opacity: .1
}

.circle-container__text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8rem;
    height: 8rem;
    margin: 0;
    font-size: 2.8rem;
    line-height: 3rem;
    color: #fff
}

@media only screen and (min-width: 36em) {
    .circle-container__text {
        width:12rem;
        height: 12rem;
        font-size: 4rem;
        line-height: 4.6rem
    }
}

.circle-container__text--stamp {
    top: .2rem;
    left: .2rem;
    width: 9.4rem;
    height: 9.4rem;
    color: #f7945c;
    font-family: Helvetica,Verdana,Arial,Sans-serif;
    text-transform: none;
    font-variant: small-caps;
    transform: rotate(-15deg);
    border-radius: 50%
}

.circle-container__text--stamp__fittext {
    font-weight: 700;
    text-align: center;
    padding: .6rem;
    line-height: 1em
}

.circle-container--topology {
    border: .075rem solid #a6d9d9;
    margin-bottom: 0
}

.circle-container--topology--idle {
    border: .075rem dashed #f7945c
}

.circle-container--topology--idle .circle-container--topology__image {
    background: #fac7ba
}

.circle-container--topology--disconnected {
    border: .075rem dashed #c95942
}

.circle-container--topology--disconnected .circle-container--topology__image {
    background: #fac7ba
}

.circle-container--topology--active {
    border: .075rem solid #fff
}

.circle-container--topology--active .circle-container--topology__image {
    background: #f2f6f9
}

.circle-container--topology--active-idle-disconnected {
    border: .075rem solid #fff
}

.circle-container--topology--parent {
    width: 6rem;
    height: 6rem
}

@media only screen and (min-width: 48.0625em) {
    .circle-container--topology--parent {
        width:8rem;
        height: 8rem
    }
}

.circle-container--topology--child {
    width: 5rem;
    height: 5rem
}

@media only screen and (min-width: 48.0625em) {
    .circle-container--topology--child {
        width:7rem;
        height: 7rem
    }
}

.circle-container--topology__image {
    width: 90%;
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: hsla(0,0%,94.1%,.4)
}

.circle-container--topology__image img {
    width: 55%
}

.circle-wave {
    position: relative;
    border-radius: 50%;
    height: 18.8rem;
    width: 18.8rem;
    color: #fff;
    transform: none;
    margin: 2.4rem 0;
    overflow: hidden
}

.circle-wave__info {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 6rem;
    width: 100%;
    color: #655c58;
    z-index: 100
}

.circle-wave__info__used {
    font-size: 3.2rem;
    font-weight: 900;
    text-align: center
}

.circle-wave__info__available {
    margin-top: .8rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6rem;
    text-align: center
}

.circle-wave__info--data-usage {
    color: #fff
}

.circle-wave__info__data {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.circle-wave__wave {
    top: 0;
    margin-top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 99
}

.circle-wave__wave--maroon {
    background: radial-gradient(circle,#c64c66 0,#c0465f 100%)
}

.circle-wave__wave--yellow {
    background: radial-gradient(circle,#ffcc34 0,#ffb61b 100%)
}

.circle-wave__wave--orange {
    background: radial-gradient(circle,#fe9316 0,#f7945c 100%)
}

.circle-wave__wave--paused {
    background: #f7f6f6
}

.circle-wave__wave:after,.circle-wave__wave:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: inherit;
    left: 50%;
    transform: translate(-50%,-75%);
    background-color: #fff
}

.circle-wave__wave:before {
    border-radius: 42%;
    background-color: #fff;
    -webkit-animation: animate 10s linear infinite;
    animation: animate 10s linear infinite
}

.circle-wave__wave:after {
    border-radius: 38%;
    background: hsla(0,0%,100%,.5);
    -webkit-animation: animate 9.8s linear infinite;
    animation: animate 9.8s linear infinite
}

@-webkit-keyframes animate {
    0% {
        transform: translate(-50%,-75%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-75%) rotate(1turn)
    }
}

@keyframes animate {
    0% {
        transform: translate(-50%,-75%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-75%) rotate(1turn)
    }
}

.circle-wave__overflow {
    overflow: unset
}

.circle-wave__wave--unlimited:after,.circle-wave__wave--unlimited:before {
    content: "";
    position: absolute;
    left: 9.5rem;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 14rem
}

.circle-wave__wave--unlimited:before {
    border-radius: 50%;
    background: radial-gradient(circle,#c64c66 0,#c0465f 100%);
    -webkit-animation: animate 5s linear infinite;
    animation: animate 5s linear infinite
}

.circle-wave__wave--unlimited:after {
    border-radius: 43%;
    background: radial-gradient(circle,#c64c66 0,#c0465f 100%);
    opacity: .5;
    -webkit-animation: animate 5s linear infinite;
    animation: animate 5s linear infinite
}

.circle-wave__wave--unlimited--maroon {
    background: radial-gradient(circle,#c64c66 0,#c0465f 100%)
}

.circle-wave__wave--unlimited--maroon:after,.circle-wave__wave--unlimited--maroon:before {
    background: radial-gradient(circle,#c64c66 0,#c0465f 100%)
}

.circle-wave__wave--unlimited--yellow {
    background: radial-gradient(circle,#ffcc34 0,#ffb61b 100%)
}

.circle-wave__wave--unlimited--yellow:after,.circle-wave__wave--unlimited--yellow:before {
    background: radial-gradient(circle,#ffcc34 0,#ffb61b 100%)
}

.circle-wave__wave--unlimited--orange {
    background: radial-gradient(circle,#fe9316 0,#f7945c 100%)
}

.circle-wave__wave--unlimited--orange:after,.circle-wave__wave--unlimited--orange:before {
    background: radial-gradient(circle,#fe9316 0,#f7945c 100%)
}

.circle-wave__wave--unlimited--paused {
    background: #f7f6f6
}

.circle-wave__wave--unlimited--paused:after,.circle-wave__wave--unlimited--paused:before {
    background: #f7f6f6
}

.promo-highlight--mini {
    width: 4.2rem!important;
    height: 4.2rem!important;
    padding: .2rem;
    border-radius: 50%
}

@media only screen and (min-width: 36em) {
    .promo-highlight--mini {
        width:4.8rem!important;
        height: 4.8rem!important
    }
}

.promo-highlight {
    color: var(--promo-highlight-color);
    width: 12.8rem;
    height: 12.8rem;
    line-height: 100%;
    padding: 1rem
}

.promo-highlight__with-squarcle {
    color: var(--promo-highlight__with-squarcle-color)
}

.promo-highlight__left {
    margin-right: auto
}

.promo-highlight__right {
    margin-left: auto
}

.theme--light-ui,:root {
    --promo-highlight-color: #291d18;
    --promo-highlight__with-squarcle-color: #291d18
}

.theme--dark-ui {
    --promo-highlight-color: #fff;
    --promo-highlight__with-squarcle-color: #291d18
}

.theme--streamz-ui {
    --promo-highlight-color: #fff;
    --promo-highlight__with-squarcle-color: #fff
}

.theme--play-sports-ui {
    --promo-highlight-color: #14191e;
    --promo-highlight__with-squarcle-color: #14191e
}

.theme--play-more-ui {
    --promo-highlight-color: #fff;
    --promo-highlight__with-squarcle-color: #fff
}

.background-shape-on-element__wrapper {
    position: relative;
    z-index: 0
}

.background-shape-on-element__wrapper__background {
    z-index: -1
}

.background-shape-on-element__circle {
    content: "";
    display: block;
    position: fixed;
    border-radius: 50% 50% 0 0;
    background-color: #ffc421;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50%!important;
    left: 50%;
    transform: translateX(-50%) scale(1);
    transform-origin: top center;
    z-index: -111
}

@media only screen and (min-width: 20em) {
    .background-shape-on-element__size-D0--xs {
        width:0!important;
        height: 0!important
    }

    .background-shape-on-element__size-D1--xs {
        width: 100rem!important;
        height: 100rem!important
    }

    .background-shape-on-element__size-D2--xs {
        width: 200rem!important;
        height: 200rem!important
    }

    .background-shape-on-element__size-D3--xs {
        width: 300rem!important;
        height: 300rem!important
    }

    .background-shape-on-element__size-D4--xs {
        width: 400rem!important;
        height: 400rem!important
    }

    .background-shape-on-element__size-D5--xs {
        width: 500rem!important;
        height: 500rem!important
    }

    .background-shape-on-element__size-D6--xs {
        width: 600rem!important;
        height: 600rem!important
    }
}

@media only screen and (min-width: 36em) {
    .background-shape-on-element__size-D0--sm {
        width:0!important;
        height: 0!important
    }

    .background-shape-on-element__size-D1--sm {
        width: 100rem!important;
        height: 100rem!important
    }

    .background-shape-on-element__size-D2--sm {
        width: 200rem!important;
        height: 200rem!important
    }

    .background-shape-on-element__size-D3--sm {
        width: 300rem!important;
        height: 300rem!important
    }

    .background-shape-on-element__size-D4--sm {
        width: 400rem!important;
        height: 400rem!important
    }

    .background-shape-on-element__size-D5--sm {
        width: 500rem!important;
        height: 500rem!important
    }

    .background-shape-on-element__size-D6--sm {
        width: 600rem!important;
        height: 600rem!important
    }
}

@media only screen and (min-width: 48.0625em) {
    .background-shape-on-element__size-D0--md {
        width:0!important;
        height: 0!important
    }

    .background-shape-on-element__size-D1--md {
        width: 100rem!important;
        height: 100rem!important
    }

    .background-shape-on-element__size-D2--md {
        width: 200rem!important;
        height: 200rem!important
    }

    .background-shape-on-element__size-D3--md {
        width: 300rem!important;
        height: 300rem!important
    }

    .background-shape-on-element__size-D4--md {
        width: 400rem!important;
        height: 400rem!important
    }

    .background-shape-on-element__size-D5--md {
        width: 500rem!important;
        height: 500rem!important
    }

    .background-shape-on-element__size-D6--md {
        width: 600rem!important;
        height: 600rem!important
    }
}

@media only screen and (min-width: 74.5em) {
    .background-shape-on-element__size-D0--lg {
        width:0!important;
        height: 0!important
    }

    .background-shape-on-element__size-D1--lg {
        width: 100rem!important;
        height: 100rem!important
    }

    .background-shape-on-element__size-D2--lg {
        width: 200rem!important;
        height: 200rem!important
    }

    .background-shape-on-element__size-D3--lg {
        width: 300rem!important;
        height: 300rem!important
    }

    .background-shape-on-element__size-D4--lg {
        width: 400rem!important;
        height: 400rem!important
    }

    .background-shape-on-element__size-D5--lg {
        width: 500rem!important;
        height: 500rem!important
    }

    .background-shape-on-element__size-D6--lg {
        width: 600rem!important;
        height: 600rem!important
    }
}

@media only screen and (min-width: 90em) {
    .background-shape-on-element__size-D0--xl {
        width:0!important;
        height: 0!important
    }

    .background-shape-on-element__size-D1--xl {
        width: 100rem!important;
        height: 100rem!important
    }

    .background-shape-on-element__size-D2--xl {
        width: 200rem!important;
        height: 200rem!important
    }

    .background-shape-on-element__size-D3--xl {
        width: 300rem!important;
        height: 300rem!important
    }

    .background-shape-on-element__size-D4--xl {
        width: 400rem!important;
        height: 400rem!important
    }

    .background-shape-on-element__size-D5--xl {
        width: 500rem!important;
        height: 500rem!important
    }

    .background-shape-on-element__size-D6--xl {
        width: 600rem!important;
        height: 600rem!important
    }
}

@media only screen and (min-width: 104.6875em) {
    .background-shape-on-element__size-D0--xxl {
        width:0!important;
        height: 0!important
    }

    .background-shape-on-element__size-D1--xxl {
        width: 100rem!important;
        height: 100rem!important
    }

    .background-shape-on-element__size-D2--xxl {
        width: 200rem!important;
        height: 200rem!important
    }

    .background-shape-on-element__size-D3--xxl {
        width: 300rem!important;
        height: 300rem!important
    }

    .background-shape-on-element__size-D4--xxl {
        width: 400rem!important;
        height: 400rem!important
    }

    .background-shape-on-element__size-D5--xxl {
        width: 500rem!important;
        height: 500rem!important
    }

    .background-shape-on-element__size-D6--xxl {
        width: 600rem!important;
        height: 600rem!important
    }
}

.background-shape-on-element__size-D0 {
    width: 0!important;
    height: 0!important
}

.background-shape-on-element__size-D1 {
    width: 100rem!important;
    height: 100rem!important
}

.background-shape-on-element__size-D2 {
    width: 200rem!important;
    height: 200rem!important
}

.background-shape-on-element__size-D3 {
    width: 300rem!important;
    height: 300rem!important
}

.background-shape-on-element__size-D4 {
    width: 400rem!important;
    height: 400rem!important
}

.background-shape-on-element__size-D5 {
    width: 500rem!important;
    height: 500rem!important
}

.background-shape-on-element__size-D6 {
    width: 600rem!important;
    height: 600rem!important
}

@media only screen and (min-width: 20em) {
    .background-shape-on-element__offset-top-Y0--xs {
        top:0!important
    }

    .background-shape-on-element__offset-top-Y1--xs {
        top: 1rem!important
    }

    .background-shape-on-element__offset-top-Y2--xs {
        top: 2rem!important
    }

    .background-shape-on-element__offset-top-Y3--xs {
        top: 3rem!important
    }

    .background-shape-on-element__offset-top-Y4--xs {
        top: 4rem!important
    }

    .background-shape-on-element__offset-top-Y5--xs {
        top: 5rem!important
    }

    .background-shape-on-element__offset-top-Y6--xs {
        top: 6rem!important
    }

    .background-shape-on-element__offset-top-Y7--xs {
        top: 7rem!important
    }

    .background-shape-on-element__offset-top-Y8--xs {
        top: 8rem!important
    }

    .background-shape-on-element__offset-top-Y9--xs {
        top: 9rem!important
    }

    .background-shape-on-element__offset-top-Y10--xs {
        top: 10rem!important
    }

    .background-shape-on-element__offset-top-Y11--xs {
        top: 11rem!important
    }

    .background-shape-on-element__offset-top-Y12--xs {
        top: 12rem!important
    }

    .background-shape-on-element__offset-top-Y13--xs {
        top: 13rem!important
    }

    .background-shape-on-element__offset-top-Y14--xs {
        top: 14rem!important
    }

    .background-shape-on-element__offset-top-Y15--xs {
        top: 15rem!important
    }

    .background-shape-on-element__offset-top-Y16--xs {
        top: 16rem!important
    }

    .background-shape-on-element__offset-top-Y17--xs {
        top: 17rem!important
    }

    .background-shape-on-element__offset-top-Y18--xs {
        top: 18rem!important
    }

    .background-shape-on-element__offset-top-Y19--xs {
        top: 19rem!important
    }

    .background-shape-on-element__offset-top-Y20--xs {
        top: 20rem!important
    }

    .background-shape-on-element__offset-top-Y21--xs {
        top: 21rem!important
    }

    .background-shape-on-element__offset-top-Y22--xs {
        top: 22rem!important
    }

    .background-shape-on-element__offset-top-Y23--xs {
        top: 23rem!important
    }

    .background-shape-on-element__offset-top-Y24--xs {
        top: 24rem!important
    }

    .background-shape-on-element__offset-top-Y25--xs {
        top: 25rem!important
    }

    .background-shape-on-element__offset-top-Y26--xs {
        top: 26rem!important
    }

    .background-shape-on-element__offset-top-Y27--xs {
        top: 27rem!important
    }

    .background-shape-on-element__offset-top-Y28--xs {
        top: 28rem!important
    }

    .background-shape-on-element__offset-top-Y29--xs {
        top: 29rem!important
    }

    .background-shape-on-element__offset-top-Y30--xs {
        top: 30rem!important
    }

    .background-shape-on-element__offset-top-Y31--xs {
        top: 31rem!important
    }

    .background-shape-on-element__offset-top-Y32--xs {
        top: 32rem!important
    }

    .background-shape-on-element__offset-top-Y33--xs {
        top: 33rem!important
    }

    .background-shape-on-element__offset-top-Y34--xs {
        top: 34rem!important
    }

    .background-shape-on-element__offset-top-Y35--xs {
        top: 35rem!important
    }

    .background-shape-on-element__offset-top-Y36--xs {
        top: 36rem!important
    }

    .background-shape-on-element__offset-top-Y37--xs {
        top: 37rem!important
    }

    .background-shape-on-element__offset-top-Y38--xs {
        top: 38rem!important
    }

    .background-shape-on-element__offset-top-Y39--xs {
        top: 39rem!important
    }

    .background-shape-on-element__offset-top-Y40--xs {
        top: 40rem!important
    }

    .background-shape-on-element__offset-top-Y41--xs {
        top: 41rem!important
    }

    .background-shape-on-element__offset-top-Y42--xs {
        top: 42rem!important
    }

    .background-shape-on-element__offset-top-Y43--xs {
        top: 43rem!important
    }

    .background-shape-on-element__offset-top-Y44--xs {
        top: 44rem!important
    }

    .background-shape-on-element__offset-top-Y45--xs {
        top: 45rem!important
    }

    .background-shape-on-element__offset-top-Y46--xs {
        top: 46rem!important
    }

    .background-shape-on-element__offset-top-Y47--xs {
        top: 47rem!important
    }

    .background-shape-on-element__offset-top-Y48--xs {
        top: 48rem!important
    }

    .background-shape-on-element__offset-top-Y49--xs {
        top: 49rem!important
    }

    .background-shape-on-element__offset-top-Y50--xs {
        top: 50rem!important
    }

    .background-shape-on-element__offset-top-Y51--xs {
        top: 51rem!important
    }

    .background-shape-on-element__offset-top-Y52--xs {
        top: 52rem!important
    }

    .background-shape-on-element__offset-top-Y53--xs {
        top: 53rem!important
    }

    .background-shape-on-element__offset-top-Y54--xs {
        top: 54rem!important
    }

    .background-shape-on-element__offset-top-Y55--xs {
        top: 55rem!important
    }

    .background-shape-on-element__offset-top-Y56--xs {
        top: 56rem!important
    }

    .background-shape-on-element__offset-top-Y57--xs {
        top: 57rem!important
    }

    .background-shape-on-element__offset-top-Y58--xs {
        top: 58rem!important
    }

    .background-shape-on-element__offset-top-Y59--xs {
        top: 59rem!important
    }

    .background-shape-on-element__offset-top-Y60--xs {
        top: 60rem!important
    }

    .background-shape-on-element__offset-top-Y61--xs {
        top: 61rem!important
    }

    .background-shape-on-element__offset-top-Y62--xs {
        top: 62rem!important
    }

    .background-shape-on-element__offset-top-Y63--xs {
        top: 63rem!important
    }

    .background-shape-on-element__offset-top-Y64--xs {
        top: 64rem!important
    }

    .background-shape-on-element__offset-top-Y65--xs {
        top: 65rem!important
    }

    .background-shape-on-element__offset-top-Y66--xs {
        top: 66rem!important
    }

    .background-shape-on-element__offset-top-Y67--xs {
        top: 67rem!important
    }

    .background-shape-on-element__offset-top-Y68--xs {
        top: 68rem!important
    }

    .background-shape-on-element__offset-top-Y69--xs {
        top: 69rem!important
    }

    .background-shape-on-element__offset-top-Y70--xs {
        top: 70rem!important
    }

    .background-shape-on-element__offset-top-Y71--xs {
        top: 71rem!important
    }

    .background-shape-on-element__offset-top-Y72--xs {
        top: 72rem!important
    }

    .background-shape-on-element__offset-top-Y73--xs {
        top: 73rem!important
    }

    .background-shape-on-element__offset-top-Y74--xs {
        top: 74rem!important
    }

    .background-shape-on-element__offset-top-Y75--xs {
        top: 75rem!important
    }

    .background-shape-on-element__offset-top-Y76--xs {
        top: 76rem!important
    }

    .background-shape-on-element__offset-top-Y77--xs {
        top: 77rem!important
    }

    .background-shape-on-element__offset-top-Y78--xs {
        top: 78rem!important
    }

    .background-shape-on-element__offset-top-Y79--xs {
        top: 79rem!important
    }

    .background-shape-on-element__offset-top-Y80--xs {
        top: 80rem!important
    }

    .background-shape-on-element__offset-top-Y81--xs {
        top: 81rem!important
    }

    .background-shape-on-element__offset-top-Y82--xs {
        top: 82rem!important
    }

    .background-shape-on-element__offset-top-Y83--xs {
        top: 83rem!important
    }

    .background-shape-on-element__offset-top-Y84--xs {
        top: 84rem!important
    }

    .background-shape-on-element__offset-top-Y85--xs {
        top: 85rem!important
    }

    .background-shape-on-element__offset-top-Y86--xs {
        top: 86rem!important
    }

    .background-shape-on-element__offset-top-Y87--xs {
        top: 87rem!important
    }

    .background-shape-on-element__offset-top-Y88--xs {
        top: 88rem!important
    }

    .background-shape-on-element__offset-top-Y89--xs {
        top: 89rem!important
    }

    .background-shape-on-element__offset-top-Y90--xs {
        top: 90rem!important
    }

    .background-shape-on-element__offset-top-Y91--xs {
        top: 91rem!important
    }

    .background-shape-on-element__offset-top-Y92--xs {
        top: 92rem!important
    }

    .background-shape-on-element__offset-top-Y93--xs {
        top: 93rem!important
    }

    .background-shape-on-element__offset-top-Y94--xs {
        top: 94rem!important
    }

    .background-shape-on-element__offset-top-Y95--xs {
        top: 95rem!important
    }

    .background-shape-on-element__offset-top-Y96--xs {
        top: 96rem!important
    }

    .background-shape-on-element__offset-top-Y97--xs {
        top: 97rem!important
    }

    .background-shape-on-element__offset-top-Y98--xs {
        top: 98rem!important
    }

    .background-shape-on-element__offset-top-Y99--xs {
        top: 99rem!important
    }

    .background-shape-on-element__offset-top-Y100--xs {
        top: 100rem!important
    }

    .background-shape-on-element__offset-top-Y101--xs {
        top: 101rem!important
    }

    .background-shape-on-element__offset-top-Y102--xs {
        top: 102rem!important
    }

    .background-shape-on-element__offset-top-Y103--xs {
        top: 103rem!important
    }

    .background-shape-on-element__offset-top-Y104--xs {
        top: 104rem!important
    }

    .background-shape-on-element__offset-top-Y105--xs {
        top: 105rem!important
    }

    .background-shape-on-element__offset-top-Y106--xs {
        top: 106rem!important
    }

    .background-shape-on-element__offset-top-Y107--xs {
        top: 107rem!important
    }

    .background-shape-on-element__offset-top-Y108--xs {
        top: 108rem!important
    }

    .background-shape-on-element__offset-top-Y109--xs {
        top: 109rem!important
    }

    .background-shape-on-element__offset-top-Y110--xs {
        top: 110rem!important
    }

    .background-shape-on-element__offset-top-Y111--xs {
        top: 111rem!important
    }

    .background-shape-on-element__offset-top-Y112--xs {
        top: 112rem!important
    }

    .background-shape-on-element__offset-top-Y113--xs {
        top: 113rem!important
    }

    .background-shape-on-element__offset-top-Y114--xs {
        top: 114rem!important
    }

    .background-shape-on-element__offset-top-Y115--xs {
        top: 115rem!important
    }

    .background-shape-on-element__offset-top-Y116--xs {
        top: 116rem!important
    }

    .background-shape-on-element__offset-top-Y117--xs {
        top: 117rem!important
    }

    .background-shape-on-element__offset-top-Y118--xs {
        top: 118rem!important
    }

    .background-shape-on-element__offset-top-Y119--xs {
        top: 119rem!important
    }

    .background-shape-on-element__offset-top-Y120--xs {
        top: 120rem!important
    }
}

@media only screen and (min-width: 36em) {
    .background-shape-on-element__offset-top-Y0--sm {
        top:0!important
    }

    .background-shape-on-element__offset-top-Y1--sm {
        top: 1rem!important
    }

    .background-shape-on-element__offset-top-Y2--sm {
        top: 2rem!important
    }

    .background-shape-on-element__offset-top-Y3--sm {
        top: 3rem!important
    }

    .background-shape-on-element__offset-top-Y4--sm {
        top: 4rem!important
    }

    .background-shape-on-element__offset-top-Y5--sm {
        top: 5rem!important
    }

    .background-shape-on-element__offset-top-Y6--sm {
        top: 6rem!important
    }

    .background-shape-on-element__offset-top-Y7--sm {
        top: 7rem!important
    }

    .background-shape-on-element__offset-top-Y8--sm {
        top: 8rem!important
    }

    .background-shape-on-element__offset-top-Y9--sm {
        top: 9rem!important
    }

    .background-shape-on-element__offset-top-Y10--sm {
        top: 10rem!important
    }

    .background-shape-on-element__offset-top-Y11--sm {
        top: 11rem!important
    }

    .background-shape-on-element__offset-top-Y12--sm {
        top: 12rem!important
    }

    .background-shape-on-element__offset-top-Y13--sm {
        top: 13rem!important
    }

    .background-shape-on-element__offset-top-Y14--sm {
        top: 14rem!important
    }

    .background-shape-on-element__offset-top-Y15--sm {
        top: 15rem!important
    }

    .background-shape-on-element__offset-top-Y16--sm {
        top: 16rem!important
    }

    .background-shape-on-element__offset-top-Y17--sm {
        top: 17rem!important
    }

    .background-shape-on-element__offset-top-Y18--sm {
        top: 18rem!important
    }

    .background-shape-on-element__offset-top-Y19--sm {
        top: 19rem!important
    }

    .background-shape-on-element__offset-top-Y20--sm {
        top: 20rem!important
    }

    .background-shape-on-element__offset-top-Y21--sm {
        top: 21rem!important
    }

    .background-shape-on-element__offset-top-Y22--sm {
        top: 22rem!important
    }

    .background-shape-on-element__offset-top-Y23--sm {
        top: 23rem!important
    }

    .background-shape-on-element__offset-top-Y24--sm {
        top: 24rem!important
    }

    .background-shape-on-element__offset-top-Y25--sm {
        top: 25rem!important
    }

    .background-shape-on-element__offset-top-Y26--sm {
        top: 26rem!important
    }

    .background-shape-on-element__offset-top-Y27--sm {
        top: 27rem!important
    }

    .background-shape-on-element__offset-top-Y28--sm {
        top: 28rem!important
    }

    .background-shape-on-element__offset-top-Y29--sm {
        top: 29rem!important
    }

    .background-shape-on-element__offset-top-Y30--sm {
        top: 30rem!important
    }

    .background-shape-on-element__offset-top-Y31--sm {
        top: 31rem!important
    }

    .background-shape-on-element__offset-top-Y32--sm {
        top: 32rem!important
    }

    .background-shape-on-element__offset-top-Y33--sm {
        top: 33rem!important
    }

    .background-shape-on-element__offset-top-Y34--sm {
        top: 34rem!important
    }

    .background-shape-on-element__offset-top-Y35--sm {
        top: 35rem!important
    }

    .background-shape-on-element__offset-top-Y36--sm {
        top: 36rem!important
    }

    .background-shape-on-element__offset-top-Y37--sm {
        top: 37rem!important
    }

    .background-shape-on-element__offset-top-Y38--sm {
        top: 38rem!important
    }

    .background-shape-on-element__offset-top-Y39--sm {
        top: 39rem!important
    }

    .background-shape-on-element__offset-top-Y40--sm {
        top: 40rem!important
    }

    .background-shape-on-element__offset-top-Y41--sm {
        top: 41rem!important
    }

    .background-shape-on-element__offset-top-Y42--sm {
        top: 42rem!important
    }

    .background-shape-on-element__offset-top-Y43--sm {
        top: 43rem!important
    }

    .background-shape-on-element__offset-top-Y44--sm {
        top: 44rem!important
    }

    .background-shape-on-element__offset-top-Y45--sm {
        top: 45rem!important
    }

    .background-shape-on-element__offset-top-Y46--sm {
        top: 46rem!important
    }

    .background-shape-on-element__offset-top-Y47--sm {
        top: 47rem!important
    }

    .background-shape-on-element__offset-top-Y48--sm {
        top: 48rem!important
    }

    .background-shape-on-element__offset-top-Y49--sm {
        top: 49rem!important
    }

    .background-shape-on-element__offset-top-Y50--sm {
        top: 50rem!important
    }

    .background-shape-on-element__offset-top-Y51--sm {
        top: 51rem!important
    }

    .background-shape-on-element__offset-top-Y52--sm {
        top: 52rem!important
    }

    .background-shape-on-element__offset-top-Y53--sm {
        top: 53rem!important
    }

    .background-shape-on-element__offset-top-Y54--sm {
        top: 54rem!important
    }

    .background-shape-on-element__offset-top-Y55--sm {
        top: 55rem!important
    }

    .background-shape-on-element__offset-top-Y56--sm {
        top: 56rem!important
    }

    .background-shape-on-element__offset-top-Y57--sm {
        top: 57rem!important
    }

    .background-shape-on-element__offset-top-Y58--sm {
        top: 58rem!important
    }

    .background-shape-on-element__offset-top-Y59--sm {
        top: 59rem!important
    }

    .background-shape-on-element__offset-top-Y60--sm {
        top: 60rem!important
    }

    .background-shape-on-element__offset-top-Y61--sm {
        top: 61rem!important
    }

    .background-shape-on-element__offset-top-Y62--sm {
        top: 62rem!important
    }

    .background-shape-on-element__offset-top-Y63--sm {
        top: 63rem!important
    }

    .background-shape-on-element__offset-top-Y64--sm {
        top: 64rem!important
    }

    .background-shape-on-element__offset-top-Y65--sm {
        top: 65rem!important
    }

    .background-shape-on-element__offset-top-Y66--sm {
        top: 66rem!important
    }

    .background-shape-on-element__offset-top-Y67--sm {
        top: 67rem!important
    }

    .background-shape-on-element__offset-top-Y68--sm {
        top: 68rem!important
    }

    .background-shape-on-element__offset-top-Y69--sm {
        top: 69rem!important
    }

    .background-shape-on-element__offset-top-Y70--sm {
        top: 70rem!important
    }

    .background-shape-on-element__offset-top-Y71--sm {
        top: 71rem!important
    }

    .background-shape-on-element__offset-top-Y72--sm {
        top: 72rem!important
    }

    .background-shape-on-element__offset-top-Y73--sm {
        top: 73rem!important
    }

    .background-shape-on-element__offset-top-Y74--sm {
        top: 74rem!important
    }

    .background-shape-on-element__offset-top-Y75--sm {
        top: 75rem!important
    }

    .background-shape-on-element__offset-top-Y76--sm {
        top: 76rem!important
    }

    .background-shape-on-element__offset-top-Y77--sm {
        top: 77rem!important
    }

    .background-shape-on-element__offset-top-Y78--sm {
        top: 78rem!important
    }

    .background-shape-on-element__offset-top-Y79--sm {
        top: 79rem!important
    }

    .background-shape-on-element__offset-top-Y80--sm {
        top: 80rem!important
    }

    .background-shape-on-element__offset-top-Y81--sm {
        top: 81rem!important
    }

    .background-shape-on-element__offset-top-Y82--sm {
        top: 82rem!important
    }

    .background-shape-on-element__offset-top-Y83--sm {
        top: 83rem!important
    }

    .background-shape-on-element__offset-top-Y84--sm {
        top: 84rem!important
    }

    .background-shape-on-element__offset-top-Y85--sm {
        top: 85rem!important
    }

    .background-shape-on-element__offset-top-Y86--sm {
        top: 86rem!important
    }

    .background-shape-on-element__offset-top-Y87--sm {
        top: 87rem!important
    }

    .background-shape-on-element__offset-top-Y88--sm {
        top: 88rem!important
    }

    .background-shape-on-element__offset-top-Y89--sm {
        top: 89rem!important
    }

    .background-shape-on-element__offset-top-Y90--sm {
        top: 90rem!important
    }

    .background-shape-on-element__offset-top-Y91--sm {
        top: 91rem!important
    }

    .background-shape-on-element__offset-top-Y92--sm {
        top: 92rem!important
    }

    .background-shape-on-element__offset-top-Y93--sm {
        top: 93rem!important
    }

    .background-shape-on-element__offset-top-Y94--sm {
        top: 94rem!important
    }

    .background-shape-on-element__offset-top-Y95--sm {
        top: 95rem!important
    }

    .background-shape-on-element__offset-top-Y96--sm {
        top: 96rem!important
    }

    .background-shape-on-element__offset-top-Y97--sm {
        top: 97rem!important
    }

    .background-shape-on-element__offset-top-Y98--sm {
        top: 98rem!important
    }

    .background-shape-on-element__offset-top-Y99--sm {
        top: 99rem!important
    }

    .background-shape-on-element__offset-top-Y100--sm {
        top: 100rem!important
    }

    .background-shape-on-element__offset-top-Y101--sm {
        top: 101rem!important
    }

    .background-shape-on-element__offset-top-Y102--sm {
        top: 102rem!important
    }

    .background-shape-on-element__offset-top-Y103--sm {
        top: 103rem!important
    }

    .background-shape-on-element__offset-top-Y104--sm {
        top: 104rem!important
    }

    .background-shape-on-element__offset-top-Y105--sm {
        top: 105rem!important
    }

    .background-shape-on-element__offset-top-Y106--sm {
        top: 106rem!important
    }

    .background-shape-on-element__offset-top-Y107--sm {
        top: 107rem!important
    }

    .background-shape-on-element__offset-top-Y108--sm {
        top: 108rem!important
    }

    .background-shape-on-element__offset-top-Y109--sm {
        top: 109rem!important
    }

    .background-shape-on-element__offset-top-Y110--sm {
        top: 110rem!important
    }

    .background-shape-on-element__offset-top-Y111--sm {
        top: 111rem!important
    }

    .background-shape-on-element__offset-top-Y112--sm {
        top: 112rem!important
    }

    .background-shape-on-element__offset-top-Y113--sm {
        top: 113rem!important
    }

    .background-shape-on-element__offset-top-Y114--sm {
        top: 114rem!important
    }

    .background-shape-on-element__offset-top-Y115--sm {
        top: 115rem!important
    }

    .background-shape-on-element__offset-top-Y116--sm {
        top: 116rem!important
    }

    .background-shape-on-element__offset-top-Y117--sm {
        top: 117rem!important
    }

    .background-shape-on-element__offset-top-Y118--sm {
        top: 118rem!important
    }

    .background-shape-on-element__offset-top-Y119--sm {
        top: 119rem!important
    }

    .background-shape-on-element__offset-top-Y120--sm {
        top: 120rem!important
    }
}

@media only screen and (min-width: 48.0625em) {
    .background-shape-on-element__offset-top-Y0--md {
        top:0!important
    }

    .background-shape-on-element__offset-top-Y1--md {
        top: 1rem!important
    }

    .background-shape-on-element__offset-top-Y2--md {
        top: 2rem!important
    }

    .background-shape-on-element__offset-top-Y3--md {
        top: 3rem!important
    }

    .background-shape-on-element__offset-top-Y4--md {
        top: 4rem!important
    }

    .background-shape-on-element__offset-top-Y5--md {
        top: 5rem!important
    }

    .background-shape-on-element__offset-top-Y6--md {
        top: 6rem!important
    }

    .background-shape-on-element__offset-top-Y7--md {
        top: 7rem!important
    }

    .background-shape-on-element__offset-top-Y8--md {
        top: 8rem!important
    }

    .background-shape-on-element__offset-top-Y9--md {
        top: 9rem!important
    }

    .background-shape-on-element__offset-top-Y10--md {
        top: 10rem!important
    }

    .background-shape-on-element__offset-top-Y11--md {
        top: 11rem!important
    }

    .background-shape-on-element__offset-top-Y12--md {
        top: 12rem!important
    }

    .background-shape-on-element__offset-top-Y13--md {
        top: 13rem!important
    }

    .background-shape-on-element__offset-top-Y14--md {
        top: 14rem!important
    }

    .background-shape-on-element__offset-top-Y15--md {
        top: 15rem!important
    }

    .background-shape-on-element__offset-top-Y16--md {
        top: 16rem!important
    }

    .background-shape-on-element__offset-top-Y17--md {
        top: 17rem!important
    }

    .background-shape-on-element__offset-top-Y18--md {
        top: 18rem!important
    }

    .background-shape-on-element__offset-top-Y19--md {
        top: 19rem!important
    }

    .background-shape-on-element__offset-top-Y20--md {
        top: 20rem!important
    }

    .background-shape-on-element__offset-top-Y21--md {
        top: 21rem!important
    }

    .background-shape-on-element__offset-top-Y22--md {
        top: 22rem!important
    }

    .background-shape-on-element__offset-top-Y23--md {
        top: 23rem!important
    }

    .background-shape-on-element__offset-top-Y24--md {
        top: 24rem!important
    }

    .background-shape-on-element__offset-top-Y25--md {
        top: 25rem!important
    }

    .background-shape-on-element__offset-top-Y26--md {
        top: 26rem!important
    }

    .background-shape-on-element__offset-top-Y27--md {
        top: 27rem!important
    }

    .background-shape-on-element__offset-top-Y28--md {
        top: 28rem!important
    }

    .background-shape-on-element__offset-top-Y29--md {
        top: 29rem!important
    }

    .background-shape-on-element__offset-top-Y30--md {
        top: 30rem!important
    }

    .background-shape-on-element__offset-top-Y31--md {
        top: 31rem!important
    }

    .background-shape-on-element__offset-top-Y32--md {
        top: 32rem!important
    }

    .background-shape-on-element__offset-top-Y33--md {
        top: 33rem!important
    }

    .background-shape-on-element__offset-top-Y34--md {
        top: 34rem!important
    }

    .background-shape-on-element__offset-top-Y35--md {
        top: 35rem!important
    }

    .background-shape-on-element__offset-top-Y36--md {
        top: 36rem!important
    }

    .background-shape-on-element__offset-top-Y37--md {
        top: 37rem!important
    }

    .background-shape-on-element__offset-top-Y38--md {
        top: 38rem!important
    }

    .background-shape-on-element__offset-top-Y39--md {
        top: 39rem!important
    }

    .background-shape-on-element__offset-top-Y40--md {
        top: 40rem!important
    }

    .background-shape-on-element__offset-top-Y41--md {
        top: 41rem!important
    }

    .background-shape-on-element__offset-top-Y42--md {
        top: 42rem!important
    }

    .background-shape-on-element__offset-top-Y43--md {
        top: 43rem!important
    }

    .background-shape-on-element__offset-top-Y44--md {
        top: 44rem!important
    }

    .background-shape-on-element__offset-top-Y45--md {
        top: 45rem!important
    }

    .background-shape-on-element__offset-top-Y46--md {
        top: 46rem!important
    }

    .background-shape-on-element__offset-top-Y47--md {
        top: 47rem!important
    }

    .background-shape-on-element__offset-top-Y48--md {
        top: 48rem!important
    }

    .background-shape-on-element__offset-top-Y49--md {
        top: 49rem!important
    }

    .background-shape-on-element__offset-top-Y50--md {
        top: 50rem!important
    }

    .background-shape-on-element__offset-top-Y51--md {
        top: 51rem!important
    }

    .background-shape-on-element__offset-top-Y52--md {
        top: 52rem!important
    }

    .background-shape-on-element__offset-top-Y53--md {
        top: 53rem!important
    }

    .background-shape-on-element__offset-top-Y54--md {
        top: 54rem!important
    }

    .background-shape-on-element__offset-top-Y55--md {
        top: 55rem!important
    }

    .background-shape-on-element__offset-top-Y56--md {
        top: 56rem!important
    }

    .background-shape-on-element__offset-top-Y57--md {
        top: 57rem!important
    }

    .background-shape-on-element__offset-top-Y58--md {
        top: 58rem!important
    }

    .background-shape-on-element__offset-top-Y59--md {
        top: 59rem!important
    }

    .background-shape-on-element__offset-top-Y60--md {
        top: 60rem!important
    }

    .background-shape-on-element__offset-top-Y61--md {
        top: 61rem!important
    }

    .background-shape-on-element__offset-top-Y62--md {
        top: 62rem!important
    }

    .background-shape-on-element__offset-top-Y63--md {
        top: 63rem!important
    }

    .background-shape-on-element__offset-top-Y64--md {
        top: 64rem!important
    }

    .background-shape-on-element__offset-top-Y65--md {
        top: 65rem!important
    }

    .background-shape-on-element__offset-top-Y66--md {
        top: 66rem!important
    }

    .background-shape-on-element__offset-top-Y67--md {
        top: 67rem!important
    }

    .background-shape-on-element__offset-top-Y68--md {
        top: 68rem!important
    }

    .background-shape-on-element__offset-top-Y69--md {
        top: 69rem!important
    }

    .background-shape-on-element__offset-top-Y70--md {
        top: 70rem!important
    }

    .background-shape-on-element__offset-top-Y71--md {
        top: 71rem!important
    }

    .background-shape-on-element__offset-top-Y72--md {
        top: 72rem!important
    }

    .background-shape-on-element__offset-top-Y73--md {
        top: 73rem!important
    }

    .background-shape-on-element__offset-top-Y74--md {
        top: 74rem!important
    }

    .background-shape-on-element__offset-top-Y75--md {
        top: 75rem!important
    }

    .background-shape-on-element__offset-top-Y76--md {
        top: 76rem!important
    }

    .background-shape-on-element__offset-top-Y77--md {
        top: 77rem!important
    }

    .background-shape-on-element__offset-top-Y78--md {
        top: 78rem!important
    }

    .background-shape-on-element__offset-top-Y79--md {
        top: 79rem!important
    }

    .background-shape-on-element__offset-top-Y80--md {
        top: 80rem!important
    }

    .background-shape-on-element__offset-top-Y81--md {
        top: 81rem!important
    }

    .background-shape-on-element__offset-top-Y82--md {
        top: 82rem!important
    }

    .background-shape-on-element__offset-top-Y83--md {
        top: 83rem!important
    }

    .background-shape-on-element__offset-top-Y84--md {
        top: 84rem!important
    }

    .background-shape-on-element__offset-top-Y85--md {
        top: 85rem!important
    }

    .background-shape-on-element__offset-top-Y86--md {
        top: 86rem!important
    }

    .background-shape-on-element__offset-top-Y87--md {
        top: 87rem!important
    }

    .background-shape-on-element__offset-top-Y88--md {
        top: 88rem!important
    }

    .background-shape-on-element__offset-top-Y89--md {
        top: 89rem!important
    }

    .background-shape-on-element__offset-top-Y90--md {
        top: 90rem!important
    }

    .background-shape-on-element__offset-top-Y91--md {
        top: 91rem!important
    }

    .background-shape-on-element__offset-top-Y92--md {
        top: 92rem!important
    }

    .background-shape-on-element__offset-top-Y93--md {
        top: 93rem!important
    }

    .background-shape-on-element__offset-top-Y94--md {
        top: 94rem!important
    }

    .background-shape-on-element__offset-top-Y95--md {
        top: 95rem!important
    }

    .background-shape-on-element__offset-top-Y96--md {
        top: 96rem!important
    }

    .background-shape-on-element__offset-top-Y97--md {
        top: 97rem!important
    }

    .background-shape-on-element__offset-top-Y98--md {
        top: 98rem!important
    }

    .background-shape-on-element__offset-top-Y99--md {
        top: 99rem!important
    }

    .background-shape-on-element__offset-top-Y100--md {
        top: 100rem!important
    }

    .background-shape-on-element__offset-top-Y101--md {
        top: 101rem!important
    }

    .background-shape-on-element__offset-top-Y102--md {
        top: 102rem!important
    }

    .background-shape-on-element__offset-top-Y103--md {
        top: 103rem!important
    }

    .background-shape-on-element__offset-top-Y104--md {
        top: 104rem!important
    }

    .background-shape-on-element__offset-top-Y105--md {
        top: 105rem!important
    }

    .background-shape-on-element__offset-top-Y106--md {
        top: 106rem!important
    }

    .background-shape-on-element__offset-top-Y107--md {
        top: 107rem!important
    }

    .background-shape-on-element__offset-top-Y108--md {
        top: 108rem!important
    }

    .background-shape-on-element__offset-top-Y109--md {
        top: 109rem!important
    }

    .background-shape-on-element__offset-top-Y110--md {
        top: 110rem!important
    }

    .background-shape-on-element__offset-top-Y111--md {
        top: 111rem!important
    }

    .background-shape-on-element__offset-top-Y112--md {
        top: 112rem!important
    }

    .background-shape-on-element__offset-top-Y113--md {
        top: 113rem!important
    }

    .background-shape-on-element__offset-top-Y114--md {
        top: 114rem!important
    }

    .background-shape-on-element__offset-top-Y115--md {
        top: 115rem!important
    }

    .background-shape-on-element__offset-top-Y116--md {
        top: 116rem!important
    }

    .background-shape-on-element__offset-top-Y117--md {
        top: 117rem!important
    }

    .background-shape-on-element__offset-top-Y118--md {
        top: 118rem!important
    }

    .background-shape-on-element__offset-top-Y119--md {
        top: 119rem!important
    }

    .background-shape-on-element__offset-top-Y120--md {
        top: 120rem!important
    }
}

@media only screen and (min-width: 74.5em) {
    .background-shape-on-element__offset-top-Y0--lg {
        top:0!important
    }

    .background-shape-on-element__offset-top-Y1--lg {
        top: 1rem!important
    }

    .background-shape-on-element__offset-top-Y2--lg {
        top: 2rem!important
    }

    .background-shape-on-element__offset-top-Y3--lg {
        top: 3rem!important
    }

    .background-shape-on-element__offset-top-Y4--lg {
        top: 4rem!important
    }

    .background-shape-on-element__offset-top-Y5--lg {
        top: 5rem!important
    }

    .background-shape-on-element__offset-top-Y6--lg {
        top: 6rem!important
    }

    .background-shape-on-element__offset-top-Y7--lg {
        top: 7rem!important
    }

    .background-shape-on-element__offset-top-Y8--lg {
        top: 8rem!important
    }

    .background-shape-on-element__offset-top-Y9--lg {
        top: 9rem!important
    }

    .background-shape-on-element__offset-top-Y10--lg {
        top: 10rem!important
    }

    .background-shape-on-element__offset-top-Y11--lg {
        top: 11rem!important
    }

    .background-shape-on-element__offset-top-Y12--lg {
        top: 12rem!important
    }

    .background-shape-on-element__offset-top-Y13--lg {
        top: 13rem!important
    }

    .background-shape-on-element__offset-top-Y14--lg {
        top: 14rem!important
    }

    .background-shape-on-element__offset-top-Y15--lg {
        top: 15rem!important
    }

    .background-shape-on-element__offset-top-Y16--lg {
        top: 16rem!important
    }

    .background-shape-on-element__offset-top-Y17--lg {
        top: 17rem!important
    }

    .background-shape-on-element__offset-top-Y18--lg {
        top: 18rem!important
    }

    .background-shape-on-element__offset-top-Y19--lg {
        top: 19rem!important
    }

    .background-shape-on-element__offset-top-Y20--lg {
        top: 20rem!important
    }

    .background-shape-on-element__offset-top-Y21--lg {
        top: 21rem!important
    }

    .background-shape-on-element__offset-top-Y22--lg {
        top: 22rem!important
    }

    .background-shape-on-element__offset-top-Y23--lg {
        top: 23rem!important
    }

    .background-shape-on-element__offset-top-Y24--lg {
        top: 24rem!important
    }

    .background-shape-on-element__offset-top-Y25--lg {
        top: 25rem!important
    }

    .background-shape-on-element__offset-top-Y26--lg {
        top: 26rem!important
    }

    .background-shape-on-element__offset-top-Y27--lg {
        top: 27rem!important
    }

    .background-shape-on-element__offset-top-Y28--lg {
        top: 28rem!important
    }

    .background-shape-on-element__offset-top-Y29--lg {
        top: 29rem!important
    }

    .background-shape-on-element__offset-top-Y30--lg {
        top: 30rem!important
    }

    .background-shape-on-element__offset-top-Y31--lg {
        top: 31rem!important
    }

    .background-shape-on-element__offset-top-Y32--lg {
        top: 32rem!important
    }

    .background-shape-on-element__offset-top-Y33--lg {
        top: 33rem!important
    }

    .background-shape-on-element__offset-top-Y34--lg {
        top: 34rem!important
    }

    .background-shape-on-element__offset-top-Y35--lg {
        top: 35rem!important
    }

    .background-shape-on-element__offset-top-Y36--lg {
        top: 36rem!important
    }

    .background-shape-on-element__offset-top-Y37--lg {
        top: 37rem!important
    }

    .background-shape-on-element__offset-top-Y38--lg {
        top: 38rem!important
    }

    .background-shape-on-element__offset-top-Y39--lg {
        top: 39rem!important
    }

    .background-shape-on-element__offset-top-Y40--lg {
        top: 40rem!important
    }

    .background-shape-on-element__offset-top-Y41--lg {
        top: 41rem!important
    }

    .background-shape-on-element__offset-top-Y42--lg {
        top: 42rem!important
    }

    .background-shape-on-element__offset-top-Y43--lg {
        top: 43rem!important
    }

    .background-shape-on-element__offset-top-Y44--lg {
        top: 44rem!important
    }

    .background-shape-on-element__offset-top-Y45--lg {
        top: 45rem!important
    }

    .background-shape-on-element__offset-top-Y46--lg {
        top: 46rem!important
    }

    .background-shape-on-element__offset-top-Y47--lg {
        top: 47rem!important
    }

    .background-shape-on-element__offset-top-Y48--lg {
        top: 48rem!important
    }

    .background-shape-on-element__offset-top-Y49--lg {
        top: 49rem!important
    }

    .background-shape-on-element__offset-top-Y50--lg {
        top: 50rem!important
    }

    .background-shape-on-element__offset-top-Y51--lg {
        top: 51rem!important
    }

    .background-shape-on-element__offset-top-Y52--lg {
        top: 52rem!important
    }

    .background-shape-on-element__offset-top-Y53--lg {
        top: 53rem!important
    }

    .background-shape-on-element__offset-top-Y54--lg {
        top: 54rem!important
    }

    .background-shape-on-element__offset-top-Y55--lg {
        top: 55rem!important
    }

    .background-shape-on-element__offset-top-Y56--lg {
        top: 56rem!important
    }

    .background-shape-on-element__offset-top-Y57--lg {
        top: 57rem!important
    }

    .background-shape-on-element__offset-top-Y58--lg {
        top: 58rem!important
    }

    .background-shape-on-element__offset-top-Y59--lg {
        top: 59rem!important
    }

    .background-shape-on-element__offset-top-Y60--lg {
        top: 60rem!important
    }

    .background-shape-on-element__offset-top-Y61--lg {
        top: 61rem!important
    }

    .background-shape-on-element__offset-top-Y62--lg {
        top: 62rem!important
    }

    .background-shape-on-element__offset-top-Y63--lg {
        top: 63rem!important
    }

    .background-shape-on-element__offset-top-Y64--lg {
        top: 64rem!important
    }

    .background-shape-on-element__offset-top-Y65--lg {
        top: 65rem!important
    }

    .background-shape-on-element__offset-top-Y66--lg {
        top: 66rem!important
    }

    .background-shape-on-element__offset-top-Y67--lg {
        top: 67rem!important
    }

    .background-shape-on-element__offset-top-Y68--lg {
        top: 68rem!important
    }

    .background-shape-on-element__offset-top-Y69--lg {
        top: 69rem!important
    }

    .background-shape-on-element__offset-top-Y70--lg {
        top: 70rem!important
    }

    .background-shape-on-element__offset-top-Y71--lg {
        top: 71rem!important
    }

    .background-shape-on-element__offset-top-Y72--lg {
        top: 72rem!important
    }

    .background-shape-on-element__offset-top-Y73--lg {
        top: 73rem!important
    }

    .background-shape-on-element__offset-top-Y74--lg {
        top: 74rem!important
    }

    .background-shape-on-element__offset-top-Y75--lg {
        top: 75rem!important
    }

    .background-shape-on-element__offset-top-Y76--lg {
        top: 76rem!important
    }

    .background-shape-on-element__offset-top-Y77--lg {
        top: 77rem!important
    }

    .background-shape-on-element__offset-top-Y78--lg {
        top: 78rem!important
    }

    .background-shape-on-element__offset-top-Y79--lg {
        top: 79rem!important
    }

    .background-shape-on-element__offset-top-Y80--lg {
        top: 80rem!important
    }

    .background-shape-on-element__offset-top-Y81--lg {
        top: 81rem!important
    }

    .background-shape-on-element__offset-top-Y82--lg {
        top: 82rem!important
    }

    .background-shape-on-element__offset-top-Y83--lg {
        top: 83rem!important
    }

    .background-shape-on-element__offset-top-Y84--lg {
        top: 84rem!important
    }

    .background-shape-on-element__offset-top-Y85--lg {
        top: 85rem!important
    }

    .background-shape-on-element__offset-top-Y86--lg {
        top: 86rem!important
    }

    .background-shape-on-element__offset-top-Y87--lg {
        top: 87rem!important
    }

    .background-shape-on-element__offset-top-Y88--lg {
        top: 88rem!important
    }

    .background-shape-on-element__offset-top-Y89--lg {
        top: 89rem!important
    }

    .background-shape-on-element__offset-top-Y90--lg {
        top: 90rem!important
    }

    .background-shape-on-element__offset-top-Y91--lg {
        top: 91rem!important
    }

    .background-shape-on-element__offset-top-Y92--lg {
        top: 92rem!important
    }

    .background-shape-on-element__offset-top-Y93--lg {
        top: 93rem!important
    }

    .background-shape-on-element__offset-top-Y94--lg {
        top: 94rem!important
    }

    .background-shape-on-element__offset-top-Y95--lg {
        top: 95rem!important
    }

    .background-shape-on-element__offset-top-Y96--lg {
        top: 96rem!important
    }

    .background-shape-on-element__offset-top-Y97--lg {
        top: 97rem!important
    }

    .background-shape-on-element__offset-top-Y98--lg {
        top: 98rem!important
    }

    .background-shape-on-element__offset-top-Y99--lg {
        top: 99rem!important
    }

    .background-shape-on-element__offset-top-Y100--lg {
        top: 100rem!important
    }

    .background-shape-on-element__offset-top-Y101--lg {
        top: 101rem!important
    }

    .background-shape-on-element__offset-top-Y102--lg {
        top: 102rem!important
    }

    .background-shape-on-element__offset-top-Y103--lg {
        top: 103rem!important
    }

    .background-shape-on-element__offset-top-Y104--lg {
        top: 104rem!important
    }

    .background-shape-on-element__offset-top-Y105--lg {
        top: 105rem!important
    }

    .background-shape-on-element__offset-top-Y106--lg {
        top: 106rem!important
    }

    .background-shape-on-element__offset-top-Y107--lg {
        top: 107rem!important
    }

    .background-shape-on-element__offset-top-Y108--lg {
        top: 108rem!important
    }

    .background-shape-on-element__offset-top-Y109--lg {
        top: 109rem!important
    }

    .background-shape-on-element__offset-top-Y110--lg {
        top: 110rem!important
    }

    .background-shape-on-element__offset-top-Y111--lg {
        top: 111rem!important
    }

    .background-shape-on-element__offset-top-Y112--lg {
        top: 112rem!important
    }

    .background-shape-on-element__offset-top-Y113--lg {
        top: 113rem!important
    }

    .background-shape-on-element__offset-top-Y114--lg {
        top: 114rem!important
    }

    .background-shape-on-element__offset-top-Y115--lg {
        top: 115rem!important
    }

    .background-shape-on-element__offset-top-Y116--lg {
        top: 116rem!important
    }

    .background-shape-on-element__offset-top-Y117--lg {
        top: 117rem!important
    }

    .background-shape-on-element__offset-top-Y118--lg {
        top: 118rem!important
    }

    .background-shape-on-element__offset-top-Y119--lg {
        top: 119rem!important
    }

    .background-shape-on-element__offset-top-Y120--lg {
        top: 120rem!important
    }
}

@media only screen and (min-width: 90em) {
    .background-shape-on-element__offset-top-Y0--xl {
        top:0!important
    }

    .background-shape-on-element__offset-top-Y1--xl {
        top: 1rem!important
    }

    .background-shape-on-element__offset-top-Y2--xl {
        top: 2rem!important
    }

    .background-shape-on-element__offset-top-Y3--xl {
        top: 3rem!important
    }

    .background-shape-on-element__offset-top-Y4--xl {
        top: 4rem!important
    }

    .background-shape-on-element__offset-top-Y5--xl {
        top: 5rem!important
    }

    .background-shape-on-element__offset-top-Y6--xl {
        top: 6rem!important
    }

    .background-shape-on-element__offset-top-Y7--xl {
        top: 7rem!important
    }

    .background-shape-on-element__offset-top-Y8--xl {
        top: 8rem!important
    }

    .background-shape-on-element__offset-top-Y9--xl {
        top: 9rem!important
    }

    .background-shape-on-element__offset-top-Y10--xl {
        top: 10rem!important
    }

    .background-shape-on-element__offset-top-Y11--xl {
        top: 11rem!important
    }

    .background-shape-on-element__offset-top-Y12--xl {
        top: 12rem!important
    }

    .background-shape-on-element__offset-top-Y13--xl {
        top: 13rem!important
    }

    .background-shape-on-element__offset-top-Y14--xl {
        top: 14rem!important
    }

    .background-shape-on-element__offset-top-Y15--xl {
        top: 15rem!important
    }

    .background-shape-on-element__offset-top-Y16--xl {
        top: 16rem!important
    }

    .background-shape-on-element__offset-top-Y17--xl {
        top: 17rem!important
    }

    .background-shape-on-element__offset-top-Y18--xl {
        top: 18rem!important
    }

    .background-shape-on-element__offset-top-Y19--xl {
        top: 19rem!important
    }

    .background-shape-on-element__offset-top-Y20--xl {
        top: 20rem!important
    }

    .background-shape-on-element__offset-top-Y21--xl {
        top: 21rem!important
    }

    .background-shape-on-element__offset-top-Y22--xl {
        top: 22rem!important
    }

    .background-shape-on-element__offset-top-Y23--xl {
        top: 23rem!important
    }

    .background-shape-on-element__offset-top-Y24--xl {
        top: 24rem!important
    }

    .background-shape-on-element__offset-top-Y25--xl {
        top: 25rem!important
    }

    .background-shape-on-element__offset-top-Y26--xl {
        top: 26rem!important
    }

    .background-shape-on-element__offset-top-Y27--xl {
        top: 27rem!important
    }

    .background-shape-on-element__offset-top-Y28--xl {
        top: 28rem!important
    }

    .background-shape-on-element__offset-top-Y29--xl {
        top: 29rem!important
    }

    .background-shape-on-element__offset-top-Y30--xl {
        top: 30rem!important
    }

    .background-shape-on-element__offset-top-Y31--xl {
        top: 31rem!important
    }

    .background-shape-on-element__offset-top-Y32--xl {
        top: 32rem!important
    }

    .background-shape-on-element__offset-top-Y33--xl {
        top: 33rem!important
    }

    .background-shape-on-element__offset-top-Y34--xl {
        top: 34rem!important
    }

    .background-shape-on-element__offset-top-Y35--xl {
        top: 35rem!important
    }

    .background-shape-on-element__offset-top-Y36--xl {
        top: 36rem!important
    }

    .background-shape-on-element__offset-top-Y37--xl {
        top: 37rem!important
    }

    .background-shape-on-element__offset-top-Y38--xl {
        top: 38rem!important
    }

    .background-shape-on-element__offset-top-Y39--xl {
        top: 39rem!important
    }

    .background-shape-on-element__offset-top-Y40--xl {
        top: 40rem!important
    }

    .background-shape-on-element__offset-top-Y41--xl {
        top: 41rem!important
    }

    .background-shape-on-element__offset-top-Y42--xl {
        top: 42rem!important
    }

    .background-shape-on-element__offset-top-Y43--xl {
        top: 43rem!important
    }

    .background-shape-on-element__offset-top-Y44--xl {
        top: 44rem!important
    }

    .background-shape-on-element__offset-top-Y45--xl {
        top: 45rem!important
    }

    .background-shape-on-element__offset-top-Y46--xl {
        top: 46rem!important
    }

    .background-shape-on-element__offset-top-Y47--xl {
        top: 47rem!important
    }

    .background-shape-on-element__offset-top-Y48--xl {
        top: 48rem!important
    }

    .background-shape-on-element__offset-top-Y49--xl {
        top: 49rem!important
    }

    .background-shape-on-element__offset-top-Y50--xl {
        top: 50rem!important
    }

    .background-shape-on-element__offset-top-Y51--xl {
        top: 51rem!important
    }

    .background-shape-on-element__offset-top-Y52--xl {
        top: 52rem!important
    }

    .background-shape-on-element__offset-top-Y53--xl {
        top: 53rem!important
    }

    .background-shape-on-element__offset-top-Y54--xl {
        top: 54rem!important
    }

    .background-shape-on-element__offset-top-Y55--xl {
        top: 55rem!important
    }

    .background-shape-on-element__offset-top-Y56--xl {
        top: 56rem!important
    }

    .background-shape-on-element__offset-top-Y57--xl {
        top: 57rem!important
    }

    .background-shape-on-element__offset-top-Y58--xl {
        top: 58rem!important
    }

    .background-shape-on-element__offset-top-Y59--xl {
        top: 59rem!important
    }

    .background-shape-on-element__offset-top-Y60--xl {
        top: 60rem!important
    }

    .background-shape-on-element__offset-top-Y61--xl {
        top: 61rem!important
    }

    .background-shape-on-element__offset-top-Y62--xl {
        top: 62rem!important
    }

    .background-shape-on-element__offset-top-Y63--xl {
        top: 63rem!important
    }

    .background-shape-on-element__offset-top-Y64--xl {
        top: 64rem!important
    }

    .background-shape-on-element__offset-top-Y65--xl {
        top: 65rem!important
    }

    .background-shape-on-element__offset-top-Y66--xl {
        top: 66rem!important
    }

    .background-shape-on-element__offset-top-Y67--xl {
        top: 67rem!important
    }

    .background-shape-on-element__offset-top-Y68--xl {
        top: 68rem!important
    }

    .background-shape-on-element__offset-top-Y69--xl {
        top: 69rem!important
    }

    .background-shape-on-element__offset-top-Y70--xl {
        top: 70rem!important
    }

    .background-shape-on-element__offset-top-Y71--xl {
        top: 71rem!important
    }

    .background-shape-on-element__offset-top-Y72--xl {
        top: 72rem!important
    }

    .background-shape-on-element__offset-top-Y73--xl {
        top: 73rem!important
    }

    .background-shape-on-element__offset-top-Y74--xl {
        top: 74rem!important
    }

    .background-shape-on-element__offset-top-Y75--xl {
        top: 75rem!important
    }

    .background-shape-on-element__offset-top-Y76--xl {
        top: 76rem!important
    }

    .background-shape-on-element__offset-top-Y77--xl {
        top: 77rem!important
    }

    .background-shape-on-element__offset-top-Y78--xl {
        top: 78rem!important
    }

    .background-shape-on-element__offset-top-Y79--xl {
        top: 79rem!important
    }

    .background-shape-on-element__offset-top-Y80--xl {
        top: 80rem!important
    }

    .background-shape-on-element__offset-top-Y81--xl {
        top: 81rem!important
    }

    .background-shape-on-element__offset-top-Y82--xl {
        top: 82rem!important
    }

    .background-shape-on-element__offset-top-Y83--xl {
        top: 83rem!important
    }

    .background-shape-on-element__offset-top-Y84--xl {
        top: 84rem!important
    }

    .background-shape-on-element__offset-top-Y85--xl {
        top: 85rem!important
    }

    .background-shape-on-element__offset-top-Y86--xl {
        top: 86rem!important
    }

    .background-shape-on-element__offset-top-Y87--xl {
        top: 87rem!important
    }

    .background-shape-on-element__offset-top-Y88--xl {
        top: 88rem!important
    }

    .background-shape-on-element__offset-top-Y89--xl {
        top: 89rem!important
    }

    .background-shape-on-element__offset-top-Y90--xl {
        top: 90rem!important
    }

    .background-shape-on-element__offset-top-Y91--xl {
        top: 91rem!important
    }

    .background-shape-on-element__offset-top-Y92--xl {
        top: 92rem!important
    }

    .background-shape-on-element__offset-top-Y93--xl {
        top: 93rem!important
    }

    .background-shape-on-element__offset-top-Y94--xl {
        top: 94rem!important
    }

    .background-shape-on-element__offset-top-Y95--xl {
        top: 95rem!important
    }

    .background-shape-on-element__offset-top-Y96--xl {
        top: 96rem!important
    }

    .background-shape-on-element__offset-top-Y97--xl {
        top: 97rem!important
    }

    .background-shape-on-element__offset-top-Y98--xl {
        top: 98rem!important
    }

    .background-shape-on-element__offset-top-Y99--xl {
        top: 99rem!important
    }

    .background-shape-on-element__offset-top-Y100--xl {
        top: 100rem!important
    }

    .background-shape-on-element__offset-top-Y101--xl {
        top: 101rem!important
    }

    .background-shape-on-element__offset-top-Y102--xl {
        top: 102rem!important
    }

    .background-shape-on-element__offset-top-Y103--xl {
        top: 103rem!important
    }

    .background-shape-on-element__offset-top-Y104--xl {
        top: 104rem!important
    }

    .background-shape-on-element__offset-top-Y105--xl {
        top: 105rem!important
    }

    .background-shape-on-element__offset-top-Y106--xl {
        top: 106rem!important
    }

    .background-shape-on-element__offset-top-Y107--xl {
        top: 107rem!important
    }

    .background-shape-on-element__offset-top-Y108--xl {
        top: 108rem!important
    }

    .background-shape-on-element__offset-top-Y109--xl {
        top: 109rem!important
    }

    .background-shape-on-element__offset-top-Y110--xl {
        top: 110rem!important
    }

    .background-shape-on-element__offset-top-Y111--xl {
        top: 111rem!important
    }

    .background-shape-on-element__offset-top-Y112--xl {
        top: 112rem!important
    }

    .background-shape-on-element__offset-top-Y113--xl {
        top: 113rem!important
    }

    .background-shape-on-element__offset-top-Y114--xl {
        top: 114rem!important
    }

    .background-shape-on-element__offset-top-Y115--xl {
        top: 115rem!important
    }

    .background-shape-on-element__offset-top-Y116--xl {
        top: 116rem!important
    }

    .background-shape-on-element__offset-top-Y117--xl {
        top: 117rem!important
    }

    .background-shape-on-element__offset-top-Y118--xl {
        top: 118rem!important
    }

    .background-shape-on-element__offset-top-Y119--xl {
        top: 119rem!important
    }

    .background-shape-on-element__offset-top-Y120--xl {
        top: 120rem!important
    }
}

@media only screen and (min-width: 104.6875em) {
    .background-shape-on-element__offset-top-Y0--xxl {
        top:0!important
    }

    .background-shape-on-element__offset-top-Y1--xxl {
        top: 1rem!important
    }

    .background-shape-on-element__offset-top-Y2--xxl {
        top: 2rem!important
    }

    .background-shape-on-element__offset-top-Y3--xxl {
        top: 3rem!important
    }

    .background-shape-on-element__offset-top-Y4--xxl {
        top: 4rem!important
    }

    .background-shape-on-element__offset-top-Y5--xxl {
        top: 5rem!important
    }

    .background-shape-on-element__offset-top-Y6--xxl {
        top: 6rem!important
    }

    .background-shape-on-element__offset-top-Y7--xxl {
        top: 7rem!important
    }

    .background-shape-on-element__offset-top-Y8--xxl {
        top: 8rem!important
    }

    .background-shape-on-element__offset-top-Y9--xxl {
        top: 9rem!important
    }

    .background-shape-on-element__offset-top-Y10--xxl {
        top: 10rem!important
    }

    .background-shape-on-element__offset-top-Y11--xxl {
        top: 11rem!important
    }

    .background-shape-on-element__offset-top-Y12--xxl {
        top: 12rem!important
    }

    .background-shape-on-element__offset-top-Y13--xxl {
        top: 13rem!important
    }

    .background-shape-on-element__offset-top-Y14--xxl {
        top: 14rem!important
    }

    .background-shape-on-element__offset-top-Y15--xxl {
        top: 15rem!important
    }

    .background-shape-on-element__offset-top-Y16--xxl {
        top: 16rem!important
    }

    .background-shape-on-element__offset-top-Y17--xxl {
        top: 17rem!important
    }

    .background-shape-on-element__offset-top-Y18--xxl {
        top: 18rem!important
    }

    .background-shape-on-element__offset-top-Y19--xxl {
        top: 19rem!important
    }

    .background-shape-on-element__offset-top-Y20--xxl {
        top: 20rem!important
    }

    .background-shape-on-element__offset-top-Y21--xxl {
        top: 21rem!important
    }

    .background-shape-on-element__offset-top-Y22--xxl {
        top: 22rem!important
    }

    .background-shape-on-element__offset-top-Y23--xxl {
        top: 23rem!important
    }

    .background-shape-on-element__offset-top-Y24--xxl {
        top: 24rem!important
    }

    .background-shape-on-element__offset-top-Y25--xxl {
        top: 25rem!important
    }

    .background-shape-on-element__offset-top-Y26--xxl {
        top: 26rem!important
    }

    .background-shape-on-element__offset-top-Y27--xxl {
        top: 27rem!important
    }

    .background-shape-on-element__offset-top-Y28--xxl {
        top: 28rem!important
    }

    .background-shape-on-element__offset-top-Y29--xxl {
        top: 29rem!important
    }

    .background-shape-on-element__offset-top-Y30--xxl {
        top: 30rem!important
    }

    .background-shape-on-element__offset-top-Y31--xxl {
        top: 31rem!important
    }

    .background-shape-on-element__offset-top-Y32--xxl {
        top: 32rem!important
    }

    .background-shape-on-element__offset-top-Y33--xxl {
        top: 33rem!important
    }

    .background-shape-on-element__offset-top-Y34--xxl {
        top: 34rem!important
    }

    .background-shape-on-element__offset-top-Y35--xxl {
        top: 35rem!important
    }

    .background-shape-on-element__offset-top-Y36--xxl {
        top: 36rem!important
    }

    .background-shape-on-element__offset-top-Y37--xxl {
        top: 37rem!important
    }

    .background-shape-on-element__offset-top-Y38--xxl {
        top: 38rem!important
    }

    .background-shape-on-element__offset-top-Y39--xxl {
        top: 39rem!important
    }

    .background-shape-on-element__offset-top-Y40--xxl {
        top: 40rem!important
    }

    .background-shape-on-element__offset-top-Y41--xxl {
        top: 41rem!important
    }

    .background-shape-on-element__offset-top-Y42--xxl {
        top: 42rem!important
    }

    .background-shape-on-element__offset-top-Y43--xxl {
        top: 43rem!important
    }

    .background-shape-on-element__offset-top-Y44--xxl {
        top: 44rem!important
    }

    .background-shape-on-element__offset-top-Y45--xxl {
        top: 45rem!important
    }

    .background-shape-on-element__offset-top-Y46--xxl {
        top: 46rem!important
    }

    .background-shape-on-element__offset-top-Y47--xxl {
        top: 47rem!important
    }

    .background-shape-on-element__offset-top-Y48--xxl {
        top: 48rem!important
    }

    .background-shape-on-element__offset-top-Y49--xxl {
        top: 49rem!important
    }

    .background-shape-on-element__offset-top-Y50--xxl {
        top: 50rem!important
    }

    .background-shape-on-element__offset-top-Y51--xxl {
        top: 51rem!important
    }

    .background-shape-on-element__offset-top-Y52--xxl {
        top: 52rem!important
    }

    .background-shape-on-element__offset-top-Y53--xxl {
        top: 53rem!important
    }

    .background-shape-on-element__offset-top-Y54--xxl {
        top: 54rem!important
    }

    .background-shape-on-element__offset-top-Y55--xxl {
        top: 55rem!important
    }

    .background-shape-on-element__offset-top-Y56--xxl {
        top: 56rem!important
    }

    .background-shape-on-element__offset-top-Y57--xxl {
        top: 57rem!important
    }

    .background-shape-on-element__offset-top-Y58--xxl {
        top: 58rem!important
    }

    .background-shape-on-element__offset-top-Y59--xxl {
        top: 59rem!important
    }

    .background-shape-on-element__offset-top-Y60--xxl {
        top: 60rem!important
    }

    .background-shape-on-element__offset-top-Y61--xxl {
        top: 61rem!important
    }

    .background-shape-on-element__offset-top-Y62--xxl {
        top: 62rem!important
    }

    .background-shape-on-element__offset-top-Y63--xxl {
        top: 63rem!important
    }

    .background-shape-on-element__offset-top-Y64--xxl {
        top: 64rem!important
    }

    .background-shape-on-element__offset-top-Y65--xxl {
        top: 65rem!important
    }

    .background-shape-on-element__offset-top-Y66--xxl {
        top: 66rem!important
    }

    .background-shape-on-element__offset-top-Y67--xxl {
        top: 67rem!important
    }

    .background-shape-on-element__offset-top-Y68--xxl {
        top: 68rem!important
    }

    .background-shape-on-element__offset-top-Y69--xxl {
        top: 69rem!important
    }

    .background-shape-on-element__offset-top-Y70--xxl {
        top: 70rem!important
    }

    .background-shape-on-element__offset-top-Y71--xxl {
        top: 71rem!important
    }

    .background-shape-on-element__offset-top-Y72--xxl {
        top: 72rem!important
    }

    .background-shape-on-element__offset-top-Y73--xxl {
        top: 73rem!important
    }

    .background-shape-on-element__offset-top-Y74--xxl {
        top: 74rem!important
    }

    .background-shape-on-element__offset-top-Y75--xxl {
        top: 75rem!important
    }

    .background-shape-on-element__offset-top-Y76--xxl {
        top: 76rem!important
    }

    .background-shape-on-element__offset-top-Y77--xxl {
        top: 77rem!important
    }

    .background-shape-on-element__offset-top-Y78--xxl {
        top: 78rem!important
    }

    .background-shape-on-element__offset-top-Y79--xxl {
        top: 79rem!important
    }

    .background-shape-on-element__offset-top-Y80--xxl {
        top: 80rem!important
    }

    .background-shape-on-element__offset-top-Y81--xxl {
        top: 81rem!important
    }

    .background-shape-on-element__offset-top-Y82--xxl {
        top: 82rem!important
    }

    .background-shape-on-element__offset-top-Y83--xxl {
        top: 83rem!important
    }

    .background-shape-on-element__offset-top-Y84--xxl {
        top: 84rem!important
    }

    .background-shape-on-element__offset-top-Y85--xxl {
        top: 85rem!important
    }

    .background-shape-on-element__offset-top-Y86--xxl {
        top: 86rem!important
    }

    .background-shape-on-element__offset-top-Y87--xxl {
        top: 87rem!important
    }

    .background-shape-on-element__offset-top-Y88--xxl {
        top: 88rem!important
    }

    .background-shape-on-element__offset-top-Y89--xxl {
        top: 89rem!important
    }

    .background-shape-on-element__offset-top-Y90--xxl {
        top: 90rem!important
    }

    .background-shape-on-element__offset-top-Y91--xxl {
        top: 91rem!important
    }

    .background-shape-on-element__offset-top-Y92--xxl {
        top: 92rem!important
    }

    .background-shape-on-element__offset-top-Y93--xxl {
        top: 93rem!important
    }

    .background-shape-on-element__offset-top-Y94--xxl {
        top: 94rem!important
    }

    .background-shape-on-element__offset-top-Y95--xxl {
        top: 95rem!important
    }

    .background-shape-on-element__offset-top-Y96--xxl {
        top: 96rem!important
    }

    .background-shape-on-element__offset-top-Y97--xxl {
        top: 97rem!important
    }

    .background-shape-on-element__offset-top-Y98--xxl {
        top: 98rem!important
    }

    .background-shape-on-element__offset-top-Y99--xxl {
        top: 99rem!important
    }

    .background-shape-on-element__offset-top-Y100--xxl {
        top: 100rem!important
    }

    .background-shape-on-element__offset-top-Y101--xxl {
        top: 101rem!important
    }

    .background-shape-on-element__offset-top-Y102--xxl {
        top: 102rem!important
    }

    .background-shape-on-element__offset-top-Y103--xxl {
        top: 103rem!important
    }

    .background-shape-on-element__offset-top-Y104--xxl {
        top: 104rem!important
    }

    .background-shape-on-element__offset-top-Y105--xxl {
        top: 105rem!important
    }

    .background-shape-on-element__offset-top-Y106--xxl {
        top: 106rem!important
    }

    .background-shape-on-element__offset-top-Y107--xxl {
        top: 107rem!important
    }

    .background-shape-on-element__offset-top-Y108--xxl {
        top: 108rem!important
    }

    .background-shape-on-element__offset-top-Y109--xxl {
        top: 109rem!important
    }

    .background-shape-on-element__offset-top-Y110--xxl {
        top: 110rem!important
    }

    .background-shape-on-element__offset-top-Y111--xxl {
        top: 111rem!important
    }

    .background-shape-on-element__offset-top-Y112--xxl {
        top: 112rem!important
    }

    .background-shape-on-element__offset-top-Y113--xxl {
        top: 113rem!important
    }

    .background-shape-on-element__offset-top-Y114--xxl {
        top: 114rem!important
    }

    .background-shape-on-element__offset-top-Y115--xxl {
        top: 115rem!important
    }

    .background-shape-on-element__offset-top-Y116--xxl {
        top: 116rem!important
    }

    .background-shape-on-element__offset-top-Y117--xxl {
        top: 117rem!important
    }

    .background-shape-on-element__offset-top-Y118--xxl {
        top: 118rem!important
    }

    .background-shape-on-element__offset-top-Y119--xxl {
        top: 119rem!important
    }

    .background-shape-on-element__offset-top-Y120--xxl {
        top: 120rem!important
    }
}

.background-shape-on-element__offset-top-Y0 {
    top: 0!important
}

.background-shape-on-element__offset-top-Y1 {
    top: 1rem!important
}

.background-shape-on-element__offset-top-Y2 {
    top: 2rem!important
}

.background-shape-on-element__offset-top-Y3 {
    top: 3rem!important
}

.background-shape-on-element__offset-top-Y4 {
    top: 4rem!important
}

.background-shape-on-element__offset-top-Y5 {
    top: 5rem!important
}

.background-shape-on-element__offset-top-Y6 {
    top: 6rem!important
}

.background-shape-on-element__offset-top-Y7 {
    top: 7rem!important
}

.background-shape-on-element__offset-top-Y8 {
    top: 8rem!important
}

.background-shape-on-element__offset-top-Y9 {
    top: 9rem!important
}

.background-shape-on-element__offset-top-Y10 {
    top: 10rem!important
}

.background-shape-on-element__offset-top-Y11 {
    top: 11rem!important
}

.background-shape-on-element__offset-top-Y12 {
    top: 12rem!important
}

.background-shape-on-element__offset-top-Y13 {
    top: 13rem!important
}

.background-shape-on-element__offset-top-Y14 {
    top: 14rem!important
}

.background-shape-on-element__offset-top-Y15 {
    top: 15rem!important
}

.background-shape-on-element__offset-top-Y16 {
    top: 16rem!important
}

.background-shape-on-element__offset-top-Y17 {
    top: 17rem!important
}

.background-shape-on-element__offset-top-Y18 {
    top: 18rem!important
}

.background-shape-on-element__offset-top-Y19 {
    top: 19rem!important
}

.background-shape-on-element__offset-top-Y20 {
    top: 20rem!important
}

.background-shape-on-element__offset-top-Y21 {
    top: 21rem!important
}

.background-shape-on-element__offset-top-Y22 {
    top: 22rem!important
}

.background-shape-on-element__offset-top-Y23 {
    top: 23rem!important
}

.background-shape-on-element__offset-top-Y24 {
    top: 24rem!important
}

.background-shape-on-element__offset-top-Y25 {
    top: 25rem!important
}

.background-shape-on-element__offset-top-Y26 {
    top: 26rem!important
}

.background-shape-on-element__offset-top-Y27 {
    top: 27rem!important
}

.background-shape-on-element__offset-top-Y28 {
    top: 28rem!important
}

.background-shape-on-element__offset-top-Y29 {
    top: 29rem!important
}

.background-shape-on-element__offset-top-Y30 {
    top: 30rem!important
}

.background-shape-on-element__offset-top-Y31 {
    top: 31rem!important
}

.background-shape-on-element__offset-top-Y32 {
    top: 32rem!important
}

.background-shape-on-element__offset-top-Y33 {
    top: 33rem!important
}

.background-shape-on-element__offset-top-Y34 {
    top: 34rem!important
}

.background-shape-on-element__offset-top-Y35 {
    top: 35rem!important
}

.background-shape-on-element__offset-top-Y36 {
    top: 36rem!important
}

.background-shape-on-element__offset-top-Y37 {
    top: 37rem!important
}

.background-shape-on-element__offset-top-Y38 {
    top: 38rem!important
}

.background-shape-on-element__offset-top-Y39 {
    top: 39rem!important
}

.background-shape-on-element__offset-top-Y40 {
    top: 40rem!important
}

.background-shape-on-element__offset-top-Y41 {
    top: 41rem!important
}

.background-shape-on-element__offset-top-Y42 {
    top: 42rem!important
}

.background-shape-on-element__offset-top-Y43 {
    top: 43rem!important
}

.background-shape-on-element__offset-top-Y44 {
    top: 44rem!important
}

.background-shape-on-element__offset-top-Y45 {
    top: 45rem!important
}

.background-shape-on-element__offset-top-Y46 {
    top: 46rem!important
}

.background-shape-on-element__offset-top-Y47 {
    top: 47rem!important
}

.background-shape-on-element__offset-top-Y48 {
    top: 48rem!important
}

.background-shape-on-element__offset-top-Y49 {
    top: 49rem!important
}

.background-shape-on-element__offset-top-Y50 {
    top: 50rem!important
}

.background-shape-on-element__offset-top-Y51 {
    top: 51rem!important
}

.background-shape-on-element__offset-top-Y52 {
    top: 52rem!important
}

.background-shape-on-element__offset-top-Y53 {
    top: 53rem!important
}

.background-shape-on-element__offset-top-Y54 {
    top: 54rem!important
}

.background-shape-on-element__offset-top-Y55 {
    top: 55rem!important
}

.background-shape-on-element__offset-top-Y56 {
    top: 56rem!important
}

.background-shape-on-element__offset-top-Y57 {
    top: 57rem!important
}

.background-shape-on-element__offset-top-Y58 {
    top: 58rem!important
}

.background-shape-on-element__offset-top-Y59 {
    top: 59rem!important
}

.background-shape-on-element__offset-top-Y60 {
    top: 60rem!important
}

.background-shape-on-element__offset-top-Y61 {
    top: 61rem!important
}

.background-shape-on-element__offset-top-Y62 {
    top: 62rem!important
}

.background-shape-on-element__offset-top-Y63 {
    top: 63rem!important
}

.background-shape-on-element__offset-top-Y64 {
    top: 64rem!important
}

.background-shape-on-element__offset-top-Y65 {
    top: 65rem!important
}

.background-shape-on-element__offset-top-Y66 {
    top: 66rem!important
}

.background-shape-on-element__offset-top-Y67 {
    top: 67rem!important
}

.background-shape-on-element__offset-top-Y68 {
    top: 68rem!important
}

.background-shape-on-element__offset-top-Y69 {
    top: 69rem!important
}

.background-shape-on-element__offset-top-Y70 {
    top: 70rem!important
}

.background-shape-on-element__offset-top-Y71 {
    top: 71rem!important
}

.background-shape-on-element__offset-top-Y72 {
    top: 72rem!important
}

.background-shape-on-element__offset-top-Y73 {
    top: 73rem!important
}

.background-shape-on-element__offset-top-Y74 {
    top: 74rem!important
}

.background-shape-on-element__offset-top-Y75 {
    top: 75rem!important
}

.background-shape-on-element__offset-top-Y76 {
    top: 76rem!important
}

.background-shape-on-element__offset-top-Y77 {
    top: 77rem!important
}

.background-shape-on-element__offset-top-Y78 {
    top: 78rem!important
}

.background-shape-on-element__offset-top-Y79 {
    top: 79rem!important
}

.background-shape-on-element__offset-top-Y80 {
    top: 80rem!important
}

.background-shape-on-element__offset-top-Y81 {
    top: 81rem!important
}

.background-shape-on-element__offset-top-Y82 {
    top: 82rem!important
}

.background-shape-on-element__offset-top-Y83 {
    top: 83rem!important
}

.background-shape-on-element__offset-top-Y84 {
    top: 84rem!important
}

.background-shape-on-element__offset-top-Y85 {
    top: 85rem!important
}

.background-shape-on-element__offset-top-Y86 {
    top: 86rem!important
}

.background-shape-on-element__offset-top-Y87 {
    top: 87rem!important
}

.background-shape-on-element__offset-top-Y88 {
    top: 88rem!important
}

.background-shape-on-element__offset-top-Y89 {
    top: 89rem!important
}

.background-shape-on-element__offset-top-Y90 {
    top: 90rem!important
}

.background-shape-on-element__offset-top-Y91 {
    top: 91rem!important
}

.background-shape-on-element__offset-top-Y92 {
    top: 92rem!important
}

.background-shape-on-element__offset-top-Y93 {
    top: 93rem!important
}

.background-shape-on-element__offset-top-Y94 {
    top: 94rem!important
}

.background-shape-on-element__offset-top-Y95 {
    top: 95rem!important
}

.background-shape-on-element__offset-top-Y96 {
    top: 96rem!important
}

.background-shape-on-element__offset-top-Y97 {
    top: 97rem!important
}

.background-shape-on-element__offset-top-Y98 {
    top: 98rem!important
}

.background-shape-on-element__offset-top-Y99 {
    top: 99rem!important
}

.background-shape-on-element__offset-top-Y100 {
    top: 100rem!important
}

.background-shape-on-element__offset-top-Y101 {
    top: 101rem!important
}

.background-shape-on-element__offset-top-Y102 {
    top: 102rem!important
}

.background-shape-on-element__offset-top-Y103 {
    top: 103rem!important
}

.background-shape-on-element__offset-top-Y104 {
    top: 104rem!important
}

.background-shape-on-element__offset-top-Y105 {
    top: 105rem!important
}

.background-shape-on-element__offset-top-Y106 {
    top: 106rem!important
}

.background-shape-on-element__offset-top-Y107 {
    top: 107rem!important
}

.background-shape-on-element__offset-top-Y108 {
    top: 108rem!important
}

.background-shape-on-element__offset-top-Y109 {
    top: 109rem!important
}

.background-shape-on-element__offset-top-Y110 {
    top: 110rem!important
}

.background-shape-on-element__offset-top-Y111 {
    top: 111rem!important
}

.background-shape-on-element__offset-top-Y112 {
    top: 112rem!important
}

.background-shape-on-element__offset-top-Y113 {
    top: 113rem!important
}

.background-shape-on-element__offset-top-Y114 {
    top: 114rem!important
}

.background-shape-on-element__offset-top-Y115 {
    top: 115rem!important
}

.background-shape-on-element__offset-top-Y116 {
    top: 116rem!important
}

.background-shape-on-element__offset-top-Y117 {
    top: 117rem!important
}

.background-shape-on-element__offset-top-Y118 {
    top: 118rem!important
}

.background-shape-on-element__offset-top-Y119 {
    top: 119rem!important
}

.background-shape-on-element__offset-top-Y120 {
    top: 120rem!important
}

.background-shape-on-element__background-color-yellow {
    background-color: #ffc421!important
}

.background-shape-on-element__background-color-white {
    background-color: #fff!important
}

.background-shape-on-element__background-color-dark-brown {
    background-color: #291d18!important
}

.background-shape-on-element__background-color-cream {
    background-color: #ffeda1!important
}

.background-shape-on-element__background-color-bright-blue {
    background-color: #7291b5!important
}

.background-shape-on-element__background-color-lila {
    background-color: #aa81a8!important
}

.background-shape-on-element__background-color-lemon {
    background-color: #fff7c7!important
}

.background-shape-on-element__background-color-red {
    background-color: #c95942!important
}

.background-shape-on-element__background-color-watermelon {
    background-color: #e16a5b!important
}

.background-shape-on-element__background-color-jeans-blue {
    background-color: #1a9aaa!important
}

.background-shape-on-element__background-color-turquoise {
    background-color: #209d91!important
}

.background-shape-on-element__background-color-olivine {
    background-color: #749645!important
}

.background-shape-on-element__background-color-golden {
    background-color: #fdd671!important
}

.background-shape-on-element__background-color-tan {
    background-color: #f7945c!important
}

.background-shape-on-element__background-color-peach {
    background-color: #fac7ba!important
}

.background-shape-on-element__background-color-sinbad {
    background-color: #a6d9d9!important
}

.background-shape-on-element__background-color-sprout {
    background-color: #add1a6!important
}

.background-shape-on-element__background-color-dust-storm {
    background-color: #e5cfc7!important
}

.background-shape-on-element__background-color-shade_72 {
    background-color: #655c58!important
}

.background-shape-on-element__background-color-shade_64 {
    background-color: #766f6b!important
}

.background-shape-on-element__background-color-shade_48 {
    background-color: #999391!important
}

.background-shape-on-element__background-color-shade_32 {
    background-color: #bab6b5!important
}

.background-shape-on-element__background-color-shade_24 {
    background-color: #ccc9c8!important
}

.background-shape-on-element__background-color-shade_16 {
    background-color: #dddbda!important
}

.background-shape-on-element__background-color-shade_12 {
    background-color: #e5e3e3!important
}

.background-shape-on-element__background-color-shade_08 {
    background-color: #eeeded!important
}

.background-shape-on-element__background-color-shade_04 {
    background-color: #f7f6f6!important
}

.background-shape-on-element__background-color-white_72 {
    background-color: #c3c0be!important
}

.background-shape-on-element__background-color-white_64 {
    background-color: #b1adab!important
}

.background-shape-on-element__background-color-white_48 {
    background-color: #8f8986!important
}

.background-shape-on-element__background-color-white_32 {
    background-color: #6c6461!important
}

.background-shape-on-element__background-color-white_24 {
    background-color: #5c534f!important
}

.background-shape-on-element__background-color-white_16 {
    background-color: #4b413d!important
}

.background-shape-on-element__background-color-white_12 {
    background-color: #423733!important
}

.background-shape-on-element__background-color-white_08 {
    background-color: #392e2a!important
}

.background-shape-on-element__background-color-elevation_white_xs {
    background-color: hsla(0,0%,100%,.04)!important
}

.background-shape-on-element__background-color-elevation_white_s {
    background-color: hsla(0,0%,100%,.08)!important
}

.background-shape-on-element__background-color-elevation_white_m {
    background-color: hsla(0,0%,100%,.12)!important
}

.background-shape-on-element__background-color-elevation_white_l {
    background-color: hsla(0,0%,100%,.16)!important
}

.background-shape-on-element__background-color-elevation_white_blur {
    background-color: hsla(0,0%,100%,.8)!important
}

.background-shape-on-element__background-color-yellow-50 {
    background-color: #fff8e2!important
}

.background-shape-on-element__background-color-yellow-100 {
    background-color: #ffedb5!important
}

.background-shape-on-element__background-color-yellow-200 {
    background-color: #ffe186!important
}

.background-shape-on-element__background-color-yellow-300 {
    background-color: #ffd756!important
}

.background-shape-on-element__background-color-yellow-400 {
    background-color: #ffcc34!important
}

.background-shape-on-element__background-color-yellow-600 {
    background-color: #ffb61b!important
}

.background-shape-on-element__background-color-yellow-700 {
    background-color: #fea319!important
}

.background-shape-on-element__background-color-yellow-800 {
    background-color: #fe9316!important
}

.background-shape-on-element__background-color-yellow-900 {
    background-color: #fd7413!important
}

.background-shape-on-element__background-color-notification--info--light {
    background-color: #2373e6!important
}

.background-shape-on-element__background-color-notification--info--dark {
    background-color: #0185fd!important
}

.background-shape-on-element__background-color-notification--success--light {
    background-color: #00875a!important
}

.background-shape-on-element__background-color-notification--success--dark {
    background-color: #36b37e!important
}

.background-shape-on-element__background-color-notification--warning--light {
    background-color: #ff9500!important
}

.background-shape-on-element__background-color-notification--warning--dark {
    background-color: #ff9f0a!important
}

.background-shape-on-element__background-color-notification--error--light {
    background-color: #de350b!important
}

.background-shape-on-element__background-color-notification--error--dark {
    background-color: #ff5630!important
}

.background-shape-on-element__background-color-notification--info--light--shade_16 {
    background-color: rgba(35,115,230,.16)!important
}

.background-shape-on-element__background-color-notification--info--dark--shade_16 {
    background-color: rgba(1,133,253,.16)!important
}

.background-shape-on-element__background-color-notification--success--light--shade_16 {
    background-color: rgba(0,135,90,.16)!important
}

.background-shape-on-element__background-color-notification--success--dark--shade_16 {
    background-color: rgba(54,179,126,.16)!important
}

.background-shape-on-element__background-color-notification--warning--light--shade_16 {
    background-color: rgba(255,149,0,.16)!important
}

.background-shape-on-element__background-color-notification--warning--dark--shade_16 {
    background-color: rgba(255,159,10,.16)!important
}

.background-shape-on-element__background-color-notification--error--light--shade_16 {
    background-color: rgba(222,53,11,.16)!important
}

.background-shape-on-element__background-color-notification--error--dark--shade_16 {
    background-color: rgba(255,86,48,.16)!important
}

.background-shape-on-element__background-color-brand-primary {
    background-color: #ffc421!important
}

.background-shape-on-element__background-color-transparent {
    background-color: transparent!important
}

.background-shape-on-element__background-color-text {
    background-color: #291d18!important
}

.background-shape-on-element__background-color-streamz-black-blue {
    background-color: #020012!important
}

.background-shape-on-element__background-color-streamz-black-blue-elevated {
    background-color: #161425!important
}

.background-shape-on-element__background-color-streamz-bright-red {
    background-color: #f20d3a!important
}

.background-shape-on-element__background-color-streamz-bright-red_700 {
    background-color: #e00034!important
}

.background-shape-on-element__background-color-streamz-bright-red_800 {
    background-color: #f20d3a!important
}

.background-shape-on-element__background-color-streamz-bright-red_200 {
    background-color: #f5959e!important
}

.background-shape-on-element__background-color-streamz-white {
    background-color: #fff!important
}

.background-shape-on-element__background-color-streamz-white_64 {
    background-color: #aeaeae!important
}

.background-shape-on-element__background-color-streamz-white_12 {
    background-color: #201f2e!important
}

.background-shape-on-element__background-color-streamz-white_08 {
    background-color: #161425!important
}

.background-shape-on-element__background-color-streamz-white_04 {
    background-color: #0c0a1b!important
}

.background-shape-on-element__background-color-play-more-midnight-blue {
    background-color: #001428!important
}

.background-shape-on-element__background-color-play-more-grey-blue {
    background-color: #32465a!important
}

.background-shape-on-element__background-color-play-more-white {
    background-color: #fff!important
}

.background-shape-on-element__background-color-play-more-blue-700 {
    background-color: #0082b4!important
}

.background-shape-on-element__background-color-play-more-blue-800 {
    background-color: #0170a1!important
}

.background-shape-on-element__background-color-play-more-shade-24 {
    background-color: #002e4a!important
}

.background-shape-on-element__background-color-play-more-white-24 {
    background-color: #3d6075!important
}

.background-shape-on-element__background-color-play-more-neutral-04 {
    background-color: #838383!important
}

.background-shape-on-element__background-color-play-sports-grey {
    background-color: #14191e!important
}

.background-shape-on-element__background-color-play-sports-soft-grey {
    background-color: #32465a!important
}

.background-shape-on-element__background-color-play-sports-green {
    background-color: #00e650!important
}

.background-shape-on-element__background-color-play-sports-yellow-500 {
    background-color: #ff0!important
}

.background-shape-on-element__background-color-play-sports-yellow-600 {
    background-color: #ffeb00!important
}

.background-shape-on-element__background-color-play-sports-shade-24 {
    background-color: #544f17!important
}

.background-shape-on-element__background-color-play-sports-white {
    background-color: #fff!important
}

.background-shape-on-element__background-color-play-sports-neutral-04 {
    background-color: #838383!important
}

.background-shape-on-element__background-color-play-sports-white-24 {
    background-color: #545454!important
}

.background-shape-on-element__background-color-base-primary {
    background-color: #00807B!important
}

.background-shape-on-element__background-color-black {
    background-color: #291d18!important
}

.background-shape-on-element__background-color-dark-grey {
    background-color: #766f6b!important
}

.background-shape-on-element__background-color-grey {
    background-color: #999391!important
}

.background-shape-on-element__background-color-mid-grey {
    background-color: #bab6b5!important
}

.background-shape-on-element__background-color-light-grey {
    background-color: #eeeded!important
}

.background-shape-on-element__background-color-very-light-grey {
    background-color: #f7f6f6!important
}

.background-shape-on-element__background-color-brand-20e {
    background-color: #c64c66!important
}

.background-shape-on-element__background-color-brand-21e {
    background-color: #c0465f!important
}

.background-shape-on-element__background-color-brand-22e {
    background-color: #ffcc34!important
}

.background-shape-on-element__background-color-brand-23e {
    background-color: #ffb61b!important
}

.background-shape-on-element__background-color-brand-26e {
    background-color: #fe9316!important
}

.background-shape-on-element__background-color-dark-brown-20percent {
    background-color: rgba(41,29,24,.2)!important
}

.background-shape-on-element__background-color-white_72-20procent {
    background-color: rgba(195,192,190,.2)!important
}

.background-shape-on-element__direction-BTT {
    transform: translateX(-50%) scale(1)!important
}

.background-shape-on-element__direction-TTB {
    transform: translateX(-50%) scale(-1)!important
}

.background-shape {
    left: 0;
    top: 0
}

.background-shape__circle {
    height: 100%;
    overflow: visible;
    position: absolute;
    width: 100%;
    z-index: 0
}

.background-shape__circle:before {
    content: " ";
    border-radius: 50%;
    height: 200rem;
    left: -100rem;
    margin-left: 50%;
    position: absolute;
    width: 200rem;
    z-index: -1
}

@media only screen and (min-width: 36em) {
    .background-shape__circle:before {
        height:600rem;
        left: -300rem;
        width: 600rem
    }
}

.background-shape__circle.background-yellow {
    background: none!important
}

.background-shape__circle.background-yellow:before {
    background-color: #ffc421
}

.background-shape__circle.background-white {
    background: none!important
}

.background-shape__circle.background-white:before {
    background-color: #fff
}

.background-shape__circle.background-dark-brown {
    background: none!important
}

.background-shape__circle.background-dark-brown:before {
    background-color: #291d18
}

.background-shape__circle.background-cream {
    background: none!important
}

.background-shape__circle.background-cream:before {
    background-color: #ffeda1
}

.background-shape__circle.background-bright-blue {
    background: none!important
}

.background-shape__circle.background-bright-blue:before {
    background-color: #7291b5
}

.background-shape__circle.background-lila {
    background: none!important
}

.background-shape__circle.background-lila:before {
    background-color: #aa81a8
}

.background-shape__circle.background-lemon {
    background: none!important
}

.background-shape__circle.background-lemon:before {
    background-color: #fff7c7
}

.background-shape__circle.background-red {
    background: none!important
}

.background-shape__circle.background-red:before {
    background-color: #c95942
}

.background-shape__circle.background-watermelon {
    background: none!important
}

.background-shape__circle.background-watermelon:before {
    background-color: #e16a5b
}

.background-shape__circle.background-jeans-blue {
    background: none!important
}

.background-shape__circle.background-jeans-blue:before {
    background-color: #1a9aaa
}

.background-shape__circle.background-turquoise {
    background: none!important
}

.background-shape__circle.background-turquoise:before {
    background-color: #209d91
}

.background-shape__circle.background-olivine {
    background: none!important
}

.background-shape__circle.background-olivine:before {
    background-color: #749645
}

.background-shape__circle.background-golden {
    background: none!important
}

.background-shape__circle.background-golden:before {
    background-color: #fdd671
}

.background-shape__circle.background-tan {
    background: none!important
}

.background-shape__circle.background-tan:before {
    background-color: #f7945c
}

.background-shape__circle.background-peach {
    background: none!important
}

.background-shape__circle.background-peach:before {
    background-color: #fac7ba
}

.background-shape__circle.background-sinbad {
    background: none!important
}

.background-shape__circle.background-sinbad:before {
    background-color: #a6d9d9
}

.background-shape__circle.background-sprout {
    background: none!important
}

.background-shape__circle.background-sprout:before {
    background-color: #add1a6
}

.background-shape__circle.background-dust-storm {
    background: none!important
}

.background-shape__circle.background-dust-storm:before {
    background-color: #e5cfc7
}

.background-shape__circle.background-shade_72 {
    background: none!important
}

.background-shape__circle.background-shade_72:before {
    background-color: #655c58
}

.background-shape__circle.background-shade_64 {
    background: none!important
}

.background-shape__circle.background-shade_64:before {
    background-color: #766f6b
}

.background-shape__circle.background-shade_48 {
    background: none!important
}

.background-shape__circle.background-shade_48:before {
    background-color: #999391
}

.background-shape__circle.background-shade_32 {
    background: none!important
}

.background-shape__circle.background-shade_32:before {
    background-color: #bab6b5
}

.background-shape__circle.background-shade_24 {
    background: none!important
}

.background-shape__circle.background-shade_24:before {
    background-color: #ccc9c8
}

.background-shape__circle.background-shade_16 {
    background: none!important
}

.background-shape__circle.background-shade_16:before {
    background-color: #dddbda
}

.background-shape__circle.background-shade_12 {
    background: none!important
}

.background-shape__circle.background-shade_12:before {
    background-color: #e5e3e3
}

.background-shape__circle.background-shade_08 {
    background: none!important
}

.background-shape__circle.background-shade_08:before {
    background-color: #eeeded
}

.background-shape__circle.background-shade_04 {
    background: none!important
}

.background-shape__circle.background-shade_04:before {
    background-color: #f7f6f6
}

.background-shape__circle.background-white_72 {
    background: none!important
}

.background-shape__circle.background-white_72:before {
    background-color: #c3c0be
}

.background-shape__circle.background-white_64 {
    background: none!important
}

.background-shape__circle.background-white_64:before {
    background-color: #b1adab
}

.background-shape__circle.background-white_48 {
    background: none!important
}

.background-shape__circle.background-white_48:before {
    background-color: #8f8986
}

.background-shape__circle.background-white_32 {
    background: none!important
}

.background-shape__circle.background-white_32:before {
    background-color: #6c6461
}

.background-shape__circle.background-white_24 {
    background: none!important
}

.background-shape__circle.background-white_24:before {
    background-color: #5c534f
}

.background-shape__circle.background-white_16 {
    background: none!important
}

.background-shape__circle.background-white_16:before {
    background-color: #4b413d
}

.background-shape__circle.background-white_12 {
    background: none!important
}

.background-shape__circle.background-white_12:before {
    background-color: #423733
}

.background-shape__circle.background-white_08 {
    background: none!important
}

.background-shape__circle.background-white_08:before {
    background-color: #392e2a
}

.background-shape__circle.background-elevation_white_xs {
    background: none!important
}

.background-shape__circle.background-elevation_white_xs:before {
    background-color: hsla(0,0%,100%,.04)
}

.background-shape__circle.background-elevation_white_s {
    background: none!important
}

.background-shape__circle.background-elevation_white_s:before {
    background-color: hsla(0,0%,100%,.08)
}

.background-shape__circle.background-elevation_white_m {
    background: none!important
}

.background-shape__circle.background-elevation_white_m:before {
    background-color: hsla(0,0%,100%,.12)
}

.background-shape__circle.background-elevation_white_l {
    background: none!important
}

.background-shape__circle.background-elevation_white_l:before {
    background-color: hsla(0,0%,100%,.16)
}

.background-shape__circle.background-elevation_white_blur {
    background: none!important
}

.background-shape__circle.background-elevation_white_blur:before {
    background-color: hsla(0,0%,100%,.8)
}

.background-shape__circle.background-yellow-50 {
    background: none!important
}

.background-shape__circle.background-yellow-50:before {
    background-color: #fff8e2
}

.background-shape__circle.background-yellow-100 {
    background: none!important
}

.background-shape__circle.background-yellow-100:before {
    background-color: #ffedb5
}

.background-shape__circle.background-yellow-200 {
    background: none!important
}

.background-shape__circle.background-yellow-200:before {
    background-color: #ffe186
}

.background-shape__circle.background-yellow-300 {
    background: none!important
}

.background-shape__circle.background-yellow-300:before {
    background-color: #ffd756
}

.background-shape__circle.background-yellow-400 {
    background: none!important
}

.background-shape__circle.background-yellow-400:before {
    background-color: #ffcc34
}

.background-shape__circle.background-yellow-600 {
    background: none!important
}

.background-shape__circle.background-yellow-600:before {
    background-color: #ffb61b
}

.background-shape__circle.background-yellow-700 {
    background: none!important
}

.background-shape__circle.background-yellow-700:before {
    background-color: #fea319
}

.background-shape__circle.background-yellow-800 {
    background: none!important
}

.background-shape__circle.background-yellow-800:before {
    background-color: #fe9316
}

.background-shape__circle.background-yellow-900 {
    background: none!important
}

.background-shape__circle.background-yellow-900:before {
    background-color: #fd7413
}

.background-shape__circle.background-notification--info--light {
    background: none!important
}

.background-shape__circle.background-notification--info--light:before {
    background-color: #2373e6
}

.background-shape__circle.background-notification--info--dark {
    background: none!important
}

.background-shape__circle.background-notification--info--dark:before {
    background-color: #0185fd
}

.background-shape__circle.background-notification--success--light {
    background: none!important
}

.background-shape__circle.background-notification--success--light:before {
    background-color: #00875a
}

.background-shape__circle.background-notification--success--dark {
    background: none!important
}

.background-shape__circle.background-notification--success--dark:before {
    background-color: #36b37e
}

.background-shape__circle.background-notification--warning--light {
    background: none!important
}

.background-shape__circle.background-notification--warning--light:before {
    background-color: #ff9500
}

.background-shape__circle.background-notification--warning--dark {
    background: none!important
}

.background-shape__circle.background-notification--warning--dark:before {
    background-color: #ff9f0a
}

.background-shape__circle.background-notification--error--light {
    background: none!important
}

.background-shape__circle.background-notification--error--light:before {
    background-color: #de350b
}

.background-shape__circle.background-notification--error--dark {
    background: none!important
}

.background-shape__circle.background-notification--error--dark:before {
    background-color: #ff5630
}

.background-shape__circle.background-notification--info--light--shade_16 {
    background: none!important
}

.background-shape__circle.background-notification--info--light--shade_16:before {
    background-color: rgba(35,115,230,.16)
}

.background-shape__circle.background-notification--info--dark--shade_16 {
    background: none!important
}

.background-shape__circle.background-notification--info--dark--shade_16:before {
    background-color: rgba(1,133,253,.16)
}

.background-shape__circle.background-notification--success--light--shade_16 {
    background: none!important
}

.background-shape__circle.background-notification--success--light--shade_16:before {
    background-color: rgba(0,135,90,.16)
}

.background-shape__circle.background-notification--success--dark--shade_16 {
    background: none!important
}

.background-shape__circle.background-notification--success--dark--shade_16:before {
    background-color: rgba(54,179,126,.16)
}

.background-shape__circle.background-notification--warning--light--shade_16 {
    background: none!important
}

.background-shape__circle.background-notification--warning--light--shade_16:before {
    background-color: rgba(255,149,0,.16)
}

.background-shape__circle.background-notification--warning--dark--shade_16 {
    background: none!important
}

.background-shape__circle.background-notification--warning--dark--shade_16:before {
    background-color: rgba(255,159,10,.16)
}

.background-shape__circle.background-notification--error--light--shade_16 {
    background: none!important
}

.background-shape__circle.background-notification--error--light--shade_16:before {
    background-color: rgba(222,53,11,.16)
}

.background-shape__circle.background-notification--error--dark--shade_16 {
    background: none!important
}

.background-shape__circle.background-notification--error--dark--shade_16:before {
    background-color: rgba(255,86,48,.16)
}

.background-shape__circle.background-brand-primary {
    background: none!important
}

.background-shape__circle.background-brand-primary:before {
    background-color: #ffc421
}

.background-shape__circle.background-transparent {
    background: none!important
}

.background-shape__circle.background-transparent:before {
    background-color: transparent
}

.background-shape__circle.background-text {
    background: none!important
}

.background-shape__circle.background-text:before {
    background-color: #291d18
}

.background-shape__circle.background-streamz-black-blue {
    background: none!important
}

.background-shape__circle.background-streamz-black-blue:before {
    background-color: #020012
}

.background-shape__circle.background-streamz-black-blue-elevated {
    background: none!important
}

.background-shape__circle.background-streamz-black-blue-elevated:before {
    background-color: #161425
}

.background-shape__circle.background-streamz-bright-red {
    background: none!important
}

.background-shape__circle.background-streamz-bright-red:before {
    background-color: #f20d3a
}

.background-shape__circle.background-streamz-bright-red_700 {
    background: none!important
}

.background-shape__circle.background-streamz-bright-red_700:before {
    background-color: #e00034
}

.background-shape__circle.background-streamz-bright-red_800 {
    background: none!important
}

.background-shape__circle.background-streamz-bright-red_800:before {
    background-color: #f20d3a
}

.background-shape__circle.background-streamz-bright-red_200 {
    background: none!important
}

.background-shape__circle.background-streamz-bright-red_200:before {
    background-color: #f5959e
}

.background-shape__circle.background-streamz-white {
    background: none!important
}

.background-shape__circle.background-streamz-white:before {
    background-color: #fff
}

.background-shape__circle.background-streamz-white_64 {
    background: none!important
}

.background-shape__circle.background-streamz-white_64:before {
    background-color: #aeaeae
}

.background-shape__circle.background-streamz-white_12 {
    background: none!important
}

.background-shape__circle.background-streamz-white_12:before {
    background-color: #201f2e
}

.background-shape__circle.background-streamz-white_08 {
    background: none!important
}

.background-shape__circle.background-streamz-white_08:before {
    background-color: #161425
}

.background-shape__circle.background-streamz-white_04 {
    background: none!important
}

.background-shape__circle.background-streamz-white_04:before {
    background-color: #0c0a1b
}

.background-shape__circle.background-play-more-midnight-blue {
    background: none!important
}

.background-shape__circle.background-play-more-midnight-blue:before {
    background-color: #001428
}

.background-shape__circle.background-play-more-grey-blue {
    background: none!important
}

.background-shape__circle.background-play-more-grey-blue:before {
    background-color: #32465a
}

.background-shape__circle.background-play-more-white {
    background: none!important
}

.background-shape__circle.background-play-more-white:before {
    background-color: #fff
}

.background-shape__circle.background-play-more-blue-700 {
    background: none!important
}

.background-shape__circle.background-play-more-blue-700:before {
    background-color: #0082b4
}

.background-shape__circle.background-play-more-blue-800 {
    background: none!important
}

.background-shape__circle.background-play-more-blue-800:before {
    background-color: #0170a1
}

.background-shape__circle.background-play-more-shade-24 {
    background: none!important
}

.background-shape__circle.background-play-more-shade-24:before {
    background-color: #002e4a
}

.background-shape__circle.background-play-more-white-24 {
    background: none!important
}

.background-shape__circle.background-play-more-white-24:before {
    background-color: #3d6075
}

.background-shape__circle.background-play-more-neutral-04 {
    background: none!important
}

.background-shape__circle.background-play-more-neutral-04:before {
    background-color: #838383
}

.background-shape__circle.background-play-sports-grey {
    background: none!important
}

.background-shape__circle.background-play-sports-grey:before {
    background-color: #14191e
}

.background-shape__circle.background-play-sports-soft-grey {
    background: none!important
}

.background-shape__circle.background-play-sports-soft-grey:before {
    background-color: #32465a
}

.background-shape__circle.background-play-sports-green {
    background: none!important
}

.background-shape__circle.background-play-sports-green:before {
    background-color: #00e650
}

.background-shape__circle.background-play-sports-yellow-500 {
    background: none!important
}

.background-shape__circle.background-play-sports-yellow-500:before {
    background-color: #ff0
}

.background-shape__circle.background-play-sports-yellow-600 {
    background: none!important
}

.background-shape__circle.background-play-sports-yellow-600:before {
    background-color: #ffeb00
}

.background-shape__circle.background-play-sports-shade-24 {
    background: none!important
}

.background-shape__circle.background-play-sports-shade-24:before {
    background-color: #544f17
}

.background-shape__circle.background-play-sports-white {
    background: none!important
}

.background-shape__circle.background-play-sports-white:before {
    background-color: #fff
}

.background-shape__circle.background-play-sports-neutral-04 {
    background: none!important
}

.background-shape__circle.background-play-sports-neutral-04:before {
    background-color: #838383
}

.background-shape__circle.background-play-sports-white-24 {
    background: none!important
}

.background-shape__circle.background-play-sports-white-24:before {
    background-color: #545454
}

.background-shape__circle.background-base-primary {
    background: none!important
}

.background-shape__circle.background-base-primary:before {
    background-color: #00807B
}

.background-shape__circle.background-black {
    background: none!important
}

.background-shape__circle.background-black:before {
    background-color: #291d18
}

.background-shape__circle.background-dark-grey {
    background: none!important
}

.background-shape__circle.background-dark-grey:before {
    background-color: #766f6b
}

.background-shape__circle.background-grey {
    background: none!important
}

.background-shape__circle.background-grey:before {
    background-color: #999391
}

.background-shape__circle.background-mid-grey {
    background: none!important
}

.background-shape__circle.background-mid-grey:before {
    background-color: #bab6b5
}

.background-shape__circle.background-light-grey {
    background: none!important
}

.background-shape__circle.background-light-grey:before {
    background-color: #eeeded
}

.background-shape__circle.background-very-light-grey {
    background: none!important
}

.background-shape__circle.background-very-light-grey:before {
    background-color: #f7f6f6
}

.background-shape__circle.background-brand-20e {
    background: none!important
}

.background-shape__circle.background-brand-20e:before {
    background-color: #c64c66
}

.background-shape__circle.background-brand-21e {
    background: none!important
}

.background-shape__circle.background-brand-21e:before {
    background-color: #c0465f
}

.background-shape__circle.background-brand-22e {
    background: none!important
}

.background-shape__circle.background-brand-22e:before {
    background-color: #ffcc34
}

.background-shape__circle.background-brand-23e {
    background: none!important
}

.background-shape__circle.background-brand-23e:before {
    background-color: #ffb61b
}

.background-shape__circle.background-brand-26e {
    background: none!important
}

.background-shape__circle.background-brand-26e:before {
    background-color: #fe9316
}

.background-shape__circle.background-dark-brown-20percent {
    background: none!important
}

.background-shape__circle.background-dark-brown-20percent:before {
    background-color: rgba(41,29,24,.2)
}

.background-shape__circle.background-white_72-20procent {
    background: none!important
}

.background-shape__circle.background-white_72-20procent:before {
    background-color: rgba(195,192,190,.2)
}

.background-shape__circle--small:before {
    top: -175rem
}

@media only screen and (min-width: 36em) {
    .background-shape__circle--small:before {
        top:-580rem
    }
}

.background-shape__circle--medium:before {
    top: -175rem
}

@media only screen and (min-width: 36em) {
    .background-shape__circle--medium:before {
        top:-570rem
    }
}

.background-shape__circle--large:before {
    top: -160rem
}

@media only screen and (min-width: 36em) {
    .background-shape__circle--large:before {
        top:-545rem
    }
}

.background-shape__circle--bottom:before {
    bottom: -200rem;
    margin-bottom: 15rem;
    position: fixed
}

@media only screen and (min-width: 36em) {
    .background-shape__circle--bottom:before {
        bottom:-600rem;
        margin-bottom: 15rem
    }
}

.cover-container {
    position: relative
}

.cover {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    z-index: inherit;
    cursor: inherit
}

.cover,.fill-up {
    position: absolute;
    top: 0;
    right: 0
}

.fill-up {
    left: 0;
    bottom: 0
}

.fill-up--width-height {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.form__checkbox {
    display: inline-block;
    position: relative
}

.form__checkbox+.form__checkbox {
    margin-left: 0
}

.form-helper+.form__checkbox,label+.form__checkbox {
    margin-left: 1rem;
    margin-right: 0
}

.form__checkbox input[type=checkbox].form__checkbox__input {
    height: 2.4rem;
    width: 2.4rem;
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.form__checkbox input[type=checkbox].form__checkbox__input+.form__checkbox__label.form-helper,.form__checkbox input[type=checkbox].form__checkbox__input+label.form__checkbox__label {
    position: relative;
    cursor: pointer;
    padding: 0;
    text-align: center
}

.form__checkbox input[type=checkbox].form__checkbox__input:after,.form__checkbox input[type=checkbox].form__checkbox__input:before {
    content: "";
    position: absolute;
    transition: background-color .25s ease
}

.form__checkbox input[type=checkbox].form__checkbox__input+.form__checkbox__label.form-helper:before,.form__checkbox input[type=checkbox].form__checkbox__input+label.form__checkbox__label:before {
    content: "";
    height: 2.4rem;
    width: 2.4rem;
    margin-right: .6rem;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    border: none;
    box-shadow: inset 0 0 0 .1rem var(--theme__text___text-default)
}

.form__checkbox input[type=checkbox].form__checkbox__input:hover+.form__checkbox__label.form-helper:after,.form__checkbox input[type=checkbox].form__checkbox__input:hover+.form__checkbox__label.form-helper:before,.form__checkbox input[type=checkbox].form__checkbox__input:hover+label.form__checkbox__label:after,.form__checkbox input[type=checkbox].form__checkbox__input:hover+label.form__checkbox__label:before {
    cursor: pointer
}

.form__checkbox input[type=checkbox].form__checkbox__input:checked+.form__checkbox__label.form-helper:before,.form__checkbox input[type=checkbox].form__checkbox__input:checked+label.form__checkbox__label:before {
    background: #ffc421;
    border: none;
    box-shadow: none
}

.form__checkbox input[type=checkbox].form__checkbox__input:active+.form__checkbox__label.form-helper:before,.form__checkbox input[type=checkbox].form__checkbox__input:active+label.form__checkbox__label:before,.form__checkbox input[type=checkbox].form__checkbox__input:focus+.form__checkbox__label.form-helper:before,.form__checkbox input[type=checkbox].form__checkbox__input:focus+label.form__checkbox__label:before {
    box-shadow: inset 0 0 0 .2rem var(--theme__text___text-default);
    border: none
}

.form__checkbox input[type=checkbox].form__checkbox__input:not(:checked):disabled+.form__checkbox__label.form-helper:before,.form__checkbox input[type=checkbox].form__checkbox__input:not(:checked):disabled+label.form__checkbox__label:before {
    box-shadow: none;
    background: transparent;
    border: .1rem solid #e5e3e3
}

.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+.form__checkbox__label.form-helper:before,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+label.form__checkbox__label:before {
    box-shadow: none;
    background: #ffc421;
    opacity: .4
}

.form__checkbox input[type=checkbox].form__checkbox__input+.form-helper,.form__checkbox input[type=checkbox].form__checkbox__input+label,.form__checkbox input[type=checkbox].form__checkbox__input:not(:checked):disabled {
    color: transparent
}

.form__checkbox input[type=checkbox].form__checkbox__input:checked+.form__checkbox__label.form-helper:after,.form__checkbox input[type=checkbox].form__checkbox__input:checked+label.form__checkbox__label:after {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 2.4rem;
    width: 2.4rem;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    color: #291d18;
    box-shadow: none;
    background-image: url("../../img/tick.svg");
}

.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+.form__checkbox__label.form-helper:after,.form__checkbox input[type=checkbox].form__checkbox__input:checked:disabled+label.form__checkbox__label:after {
    box-shadow: none;
    color: #766f6b
}

.form__checkbox__label {
    display: block
}

.form__checkbox.error input[type=checkbox].form__checkbox__input:not(:checked)+.form__checkbox__label.form-helper:before,.form__checkbox.error input[type=checkbox].form__checkbox__input:not(:checked)+label.form__checkbox__label:before {
    border: none;
    box-shadow: inset 0 0 0 .2rem var(--theme__error___error-default)
}

.CheckboxSwitch {
    display: inline-block;
    margin-left: 2rem;
    height: 2rem
}

.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked) {
    position: absolute;
    left: -9999px
}

.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+.CheckboxSwitch-control.form-helper,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+label.CheckboxSwitch-control {
    position: relative;
    top: .2rem;
    padding-left: 4rem;
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+.CheckboxSwitch-control.form-helper,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+label.CheckboxSwitch-control {
        top:0
    }
}

.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:after,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:before,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:after,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:before,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+.CheckboxSwitch-control.form-helper:after,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+.CheckboxSwitch-control.form-helper:before,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+label.CheckboxSwitch-control:after,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+label.CheckboxSwitch-control:before {
    content: "";
    position: absolute;
    height: 2rem;
    transition: all .25s ease
}

.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:before,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:before,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+.CheckboxSwitch-control.form-helper:before,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+label.CheckboxSwitch-control:before {
    left: 0;
    top: 0;
    width: 4rem;
    background: #766f6b;
    border-radius: 2.2rem;
    box-shadow: inset 0 0 .3rem 0 rgba(0,0,0,.16)
}

.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:after,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:after,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+.CheckboxSwitch-control.form-helper:after,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+label.CheckboxSwitch-control:after {
    left: 0;
    top: 0;
    background-color: #fff;
    border: .1rem solid #766f6b;
    box-sizing: border-box;
    border-radius: 50%;
    width: 2rem;
    box-shadow: 0 4px 8px 0 rgba(41,29,24,.08)
}

.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:after,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:after {
    left: 2rem;
    box-shadow: 0 4px 8px 0 rgba(41,29,24,.08);
    border: .1rem solid #ffc421
}

.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:before,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:before {
    background-color: #ffc421
}

.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:disabled+.CheckboxSwitch-control.form-helper,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:disabled+label.CheckboxSwitch-control {
    cursor: default
}

.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:disabled+.CheckboxSwitch-control.form-helper:after,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:disabled+label.CheckboxSwitch-control:after {
    border: .1rem solid #e5e3e3
}

.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked:disabled+.CheckboxSwitch-control.form-helper,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked:disabled+label.CheckboxSwitch-control {
    cursor: default
}

.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked:disabled+.CheckboxSwitch-control.form-helper:before,.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked:disabled+label.CheckboxSwitch-control:before {
    background: #ffc421
}

.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:before,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:before,.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:before,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:before,.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+.CheckboxSwitch-control.form-helper:before,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+.CheckboxSwitch-control.form-helper:before,.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+label.CheckboxSwitch-control:before,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+label.CheckboxSwitch-control:before {
    background: #b1adab
}

.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:after,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:after,.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:after,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:after,.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+.CheckboxSwitch-control.form-helper:after,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+.CheckboxSwitch-control.form-helper:after,.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+label.CheckboxSwitch-control:after,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:not(:checked)+label.CheckboxSwitch-control:after {
    border: .1rem solid #b1adab
}

.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:before,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:before,.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:before,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:before {
    background: #ffc421
}

.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:after,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:after,.theme--dark-ui.CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:after,.theme--dark-ui .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:after {
    border: .1rem solid #ffc421
}

.checkbox {
    display: inline-block;
    height: 2.4rem
}

.checkbox+.checkbox {
    margin-left: 0
}

.form-helper+.checkbox,label+.checkbox {
    margin-left: 1rem;
    margin-right: 0
}

.checkbox input[type=checkbox].checkbox-input:checked,.checkbox input[type=checkbox].checkbox-input:disabled,.checkbox input[type=checkbox].checkbox-input:not(:checked) {
    position: absolute;
    left: -9999px
}

.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control.form-helper,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control,.checkbox input[type=checkbox].checkbox-input:disabled+.checkbox-control.form-helper,.checkbox input[type=checkbox].checkbox-input:disabled+label.checkbox-control,.checkbox input[type=checkbox].checkbox-input:not(:checked)+.checkbox-control.form-helper,.checkbox input[type=checkbox].checkbox-input:not(:checked)+label.checkbox-control {
    position: relative;
    padding-left: 2.8rem;
    margin-left: .2rem;
    cursor: pointer;
    line-height: 2rem;
    color: #291d18;
    display: flex;
    align-items: center;
    justify-content: center
}

.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control.form-helper:after,.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control.form-helper:before,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control:after,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control:before,.checkbox input[type=checkbox].checkbox-input:disabled+.checkbox-control.form-helper:after,.checkbox input[type=checkbox].checkbox-input:disabled+.checkbox-control.form-helper:before,.checkbox input[type=checkbox].checkbox-input:disabled+label.checkbox-control:after,.checkbox input[type=checkbox].checkbox-input:disabled+label.checkbox-control:before,.checkbox input[type=checkbox].checkbox-input:not(:checked)+.checkbox-control.form-helper:after,.checkbox input[type=checkbox].checkbox-input:not(:checked)+.checkbox-control.form-helper:before,.checkbox input[type=checkbox].checkbox-input:not(:checked)+label.checkbox-control:after,.checkbox input[type=checkbox].checkbox-input:not(:checked)+label.checkbox-control:before {
    content: "";
    position: absolute;
    transition: background-color .25s ease
}

.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control.form-helper:before,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control:before,.checkbox input[type=checkbox].checkbox-input:disabled+.checkbox-control.form-helper:before,.checkbox input[type=checkbox].checkbox-input:disabled+label.checkbox-control:before,.checkbox input[type=checkbox].checkbox-input:not(:checked)+.checkbox-control.form-helper:before,.checkbox input[type=checkbox].checkbox-input:not(:checked)+label.checkbox-control:before {
    height: 2.4rem;
    width: 2.4rem;
    background-color: #fff;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 0 .1rem var(--theme__text___text-default)
}

.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control.form-helper:after,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control:after,.checkbox input[type=checkbox].checkbox-input:disabled+.checkbox-control.form-helper:after,.checkbox input[type=checkbox].checkbox-input:disabled+label.checkbox-control:after,.checkbox input[type=checkbox].checkbox-input:not(:checked)+.checkbox-control.form-helper:after,.checkbox input[type=checkbox].checkbox-input:not(:checked)+label.checkbox-control:after {
    background-color: transparent;
    border: 0;
    height: 2.4rem;
    width: 2.4rem;
    left: 0;
    top: 0;
    line-height: 2.4rem;
    box-shadow: none
}

.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control--circle.form-helper:after,.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control--circle.form-helper:before,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control--circle:after,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control--circle:before,.checkbox input[type=checkbox].checkbox-input:disabled+.checkbox-control--circle.form-helper:after,.checkbox input[type=checkbox].checkbox-input:disabled+.checkbox-control--circle.form-helper:before,.checkbox input[type=checkbox].checkbox-input:disabled+label.checkbox-control--circle:after,.checkbox input[type=checkbox].checkbox-input:disabled+label.checkbox-control--circle:before,.checkbox input[type=checkbox].checkbox-input:not(:checked)+.checkbox-control--circle.form-helper:after,.checkbox input[type=checkbox].checkbox-input:not(:checked)+.checkbox-control--circle.form-helper:before,.checkbox input[type=checkbox].checkbox-input:not(:checked)+label.checkbox-control--circle:after,.checkbox input[type=checkbox].checkbox-input:not(:checked)+label.checkbox-control--circle:before {
    content: "";
    position: absolute;
    transition: background-color ease;
    border-radius: 50%;
    color: #e5e3e3;
    box-shadow: 0 0 0 .1rem
}

.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control.form-helper:after,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control:after {
    background-color: #ffc421;
    box-shadow: inset 0 0 0 0 #fff
}

.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control--circle.form-helper:after,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control--circle:after {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif;
    color: #fff;
    background-color: transparent;
    font-size: 1.2rem;
    margin-left: .3rem;
    margin-top: -.1rem;
    box-shadow: inset 0 0 0 0 transparent
}

.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control.form-helper:before,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control:before {
    background-color: #291d18;
    margin-left: 0
}

.checkbox input[type=checkbox].checkbox-input:checked+.checkbox-control--circle.form-helper:before,.checkbox input[type=checkbox].checkbox-input:checked+label.checkbox-control--circle:before {
    background-color: #291d18;
    color: #291d18;
    margin-left: 0
}

.checkbox input[type=checkbox].checkbox-input:checked:focus+.checkbox-control.form-helper:before,.checkbox input[type=checkbox].checkbox-input:checked:focus+label.checkbox-control:before {
    box-shadow: 0 0 0 .2rem #291d18
}

.checkbox input[type=checkbox].checkbox-input:focus+.checkbox-control.form-helper:before,.checkbox input[type=checkbox].checkbox-input:focus+label.checkbox-control:before {
    box-shadow: 0 0 0 .2rem #291d18
}

.checkbox input[type=checkbox].checkbox-input:disabled+.checkbox-control.form-helper,.checkbox input[type=checkbox].checkbox-input:disabled+label.checkbox-control {
    cursor: default
}

.checkbox input[type=checkbox].checkbox-input:disabled+.checkbox-control.form-helper:after,.checkbox input[type=checkbox].checkbox-input:disabled+label.checkbox-control:after {
    background-color: #fff
}

.checkbox input[type=checkbox].checkbox-input:disabled+.checkbox-control--circle.form-helper:after,.checkbox input[type=checkbox].checkbox-input:disabled+label.checkbox-control--circle:after {
    background-color: transparent
}

.checkbox input[type=checkbox].checkbox-input:disabled+.checkbox-control.form-helper:before,.checkbox input[type=checkbox].checkbox-input:disabled+label.checkbox-control:before {
    box-shadow: 0 0 0 0 #766f6b
}

.checkbox input[type=checkbox].checkbox-input:disabled:checked+.checkbox-control.form-helper:after,.checkbox input[type=checkbox].checkbox-input:disabled:checked+label.checkbox-control:after {
    background-color: #fff;
    box-shadow: inset 0 0 0 0 #766f6b
}

.checkbox input[type=checkbox].checkbox-input:disabled:checked+.checkbox-control.form-helper:before,.checkbox input[type=checkbox].checkbox-input:disabled:checked+label.checkbox-control:before {
    background-color: #fff
}

.criteria-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    min-width: 100%;
    max-width: 100%;
    height: 3.2rem;
    font-size: 1.5rem;
    line-height: 2;
    font-weight: 500;
    padding: 0 1.6rem;
    border-radius: 1.6rem;
    border: .1rem solid #f7f6f6;
    white-space: nowrap;
    color: #291d18;
    background-color: #fff
}

@media only screen and (min-width: 36em) {
    .criteria-button {
        min-width:19.2rem;
        max-width: 19.2rem;
        font-size: 1.2rem;
        line-height: 1.6
    }
}

.criteria-button.selected {
    color: #291d18
}

.criteria-button.selected .show-check {
    display: inline;
    margin-bottom: .4rem;
    margin-left: .8rem;
    font-size: 1.1rem
}

.criteria-button.unselected {
    color: #bab6b5;
    pointer-events: none
}

.criteria-button.unselected .show-check {
    display: none
}

.criteria-button .criteria-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.select-dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%
}

.select {
    width: 100%;
    height: 3.4rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: .2rem
}

.select li {
    list-style-type: none
}

.select .form-helper,.select label {
    margin-bottom: 0
}

.select .error {
    border: 0 solid #c95942
}

.select_expand {
    width: 0;
    right: 0;
    visibility: hidden
}

.select_expand,.select_expandLabel {
    height: 3.4rem;
    position: absolute;
    top: 0
}

.select_expandLabel {
    display: block;
    width: 100%;
    left: 0;
    cursor: pointer;
    box-sizing: inherit;
    border-bottom: .1rem solid #eeeded
}

.select_expandLabel:after {
    content: ">";
    z-index: 1;
    position: absolute;
    transform: translate(-50%,-50%) rotate(90deg) scaleY(1.75);
    transition: all .3s cubic-bezier(.4,.25,.3,1);
    width: 0;
    height: 0;
    right: -1.2rem;
    top: .9rem;
    margin-top: 0;
    box-sizing: inherit;
    border-color: #ffc421 transparent;
    border-style: none;
    border-width: 0;
    visibility: visible;
    color: #bab6b5
}

.select_expandLabel:checked:after {
    border-width: 0;
    top: 70%;
    right: -1.2rem;
    transform: translate(-50%,-50%) rotate(90deg) scaleX(-1.2) scaleY(2)
}

.select_close {
    display: none
}

.select_closeLabel,.select_closeLabel-arrow {
    position: fixed;
    top: 0;
    left: 0;
    display: none
}

.select_closeLabel-arrow:after {
    content: ">";
    z-index: 1;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,-50%) rotate(90deg) scaleX(-1.2) scaleY(2);
    transition: all .3s cubic-bezier(.4,.25,.3,1);
    width: 0;
    height: 0;
    right: -1.2rem;
    top: .9rem;
    margin-top: 0;
    box-sizing: inherit;
    border-color: #ffc421 transparent;
    border-style: none;
    border-width: 0;
    visibility: visible;
    color: #bab6b5
}

.select_items {
    width: 100%;
    position: absolute;
    box-sizing: inherit;
    top: 0;
    left: 0;
    border-radius: .2rem;
    border: 0;
    padding-top: 3rem
}

.select_input {
    display: none
}

.select_option:hover {
    background-color: #fff;
    font-weight: 700
}

.select_option:hover .select_label {
    background: transparent
}

.select_label {
    transition: all .25s cubic-bezier(.4,.25,.3,1);
    display: block;
    height: 0;
    font-size: 1.8rem;
    line-height: 3.4rem;
    overflow: hidden;
    color: #291d18;
    background-color: #fff;
    cursor: pointer;
    padding: 0 0 0 2.4rem;
    font-weight: 400
}

.select_label-placeholder {
    height: 3.4rem;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6;
    background-color: transparent;
    color: #291d18;
    border-bottom: .1rem solid #eeeded;
    width: 100%;
    padding-left: 0
}

.select_options {
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    z-index: 1
}

.select_expand:checked+.select_closeLabel {
    display: block;
    width: 100%;
    height: 100%;
    cursor: default
}

.select_expand:checked+.select_closeLabel+.select_expandLabel:after {
    visibility: visible
}

.select_expand:checked+.select_closeLabel+.select_options {
    border-bottom-right-radius: .8rem;
    border-bottom-left-radius: .8rem;
    margin-top: .8rem;
    background-color: #fff
}

.select_expand:checked+.select_closeLabel+.select_options li:first-child {
    padding-top: 1.4rem
}

.select_expand:checked+.select_closeLabel+.select_options li:last-child {
    padding-bottom: 1.4rem
}

.select_expand:checked+.select_closeLabel+.select_options .select_label {
    height: 3.4rem;
    box-sizing: inherit;
    border: .2rem solid #fff;
    padding-right: 10%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select_expand:checked+.select_closeLabel+.select_options .dropdown_selected {
    background-color: #fff
}

.select_expand:checked+.select_closeLabel+.select_options+.select_expandLabel {
    display: none
}

.select_expand:checked+.select_closeLabel+.select_options+.select_expandLabel+.select_closeLabel-arrow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.4rem
}

.select_input:checked+.select_label {
    height: 3.4rem;
    margin-top: -2rem;
    padding-left: 0;
    padding-right: 10%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-dropdown-table {
    position: relative;
    z-index: 10
}

.select-dropdown-table .select {
    height: 3.4rem
}

@media only screen and (min-width: 36em) {
    .select-dropdown-table .select {
        height:3.4rem
    }
}

.select-dropdown-table .select_expand:checked+.select_closeLabel+.select_options .select_label {
    height: 3.4rem
}

@media only screen and (min-width: 36em) {
    .select-dropdown-table .select_expand:checked+.select_closeLabel+.select_options .select_label {
        height:3.4rem
    }
}

.select-dropdown-table .select_expand:checked+.select_closeLabel+.select_options+.select_expandLabel+.select_closeLabel-arrow {
    height: 3.4rem
}

@media only screen and (min-width: 36em) {
    .select-dropdown-table .select_expand:checked+.select_closeLabel+.select_options+.select_expandLabel+.select_closeLabel-arrow {
        height:3.4rem
    }
}

.select-dropdown-table .select_expand {
    height: 3.4rem
}

@media only screen and (min-width: 36em) {
    .select-dropdown-table .select_expand {
        height:3.4rem
    }
}

.select-dropdown-table .select_expandLabel {
    height: 3.4rem
}

@media only screen and (min-width: 36em) {
    .select-dropdown-table .select_expandLabel {
        height:3.4rem
    }
}

.select-dropdown-table .select_expandLabel:after {
    content: ">";
    z-index: 1;
    position: absolute;
    transform: translate(-50%,-50%) rotate(90deg) scaleY(1.75);
    transition: all .3s cubic-bezier(.4,.25,.3,1);
    width: 0;
    height: 0;
    right: -1.2rem;
    top: .9rem;
    margin-top: 0;
    box-sizing: inherit;
    border-color: #ffc421 transparent;
    border-style: none;
    border-width: 0;
    visibility: visible;
    color: #bab6b5
}

.select-dropdown-table .select_items {
    padding-top: 3rem
}

@media only screen and (min-width: 36em) {
    .select-dropdown-table .select_items {
        padding-top:3rem
    }
}

.select-dropdown-table .select_label-placeholder {
    height: 3.4rem
}

@media only screen and (min-width: 36em) {
    .select-dropdown-table .select_label-placeholder {
        height:3.4rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%
    }
}

.select-dropdown-table .select_label {
    line-height: 3.4rem
}

@media only screen and (min-width: 36em) {
    .select-dropdown-table .select_label {
        line-height:3.4rem
    }
}

.select-dropdown-table .select_input:checked+.select_label {
    height: 3.4rem;
    margin-top: -2rem
}

@media only screen and (min-width: 36em) {
    .select-dropdown-table .select_input:checked+.select_label {
        height:3.4rem;
        margin-top: -3rem
    }
}

.language-dropdown .select-dropdown {
    z-index: 10
}

.notifyVoicemails-dropdown .select-dropdown {
    z-index: 9
}

@media only screen and (min-width: 36em) {
    .Panel__myVoiceMail .dropdown-section {
        padding-right:0
    }
}

.mat-select-panel {
    border-radius: .5rem!important
}

.mat-select-panel .mat-option {
    border-bottom: none!important
}

.mat-select {
    background: #fff
}

.mat-select-trigger {
    padding: 1.2rem 0;
    border-bottom: .1rem solid #eeeded
}

.mat-select-trigger .mat-select-value {
    color: #bab6b5;
    padding-left: 0
}

.mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow {
    position: relative;
    margin-right: 4rem;
    border: none
}

.mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow:after {
    position: absolute;
    color: #bab6b5;
    font-size: 2.2rem;
    opacity: 1;
    border: 0 transparent;
    transform: translate(-50%,-50%) rotate(90deg) scaleY(1.75);
    top: .3rem;
    left: 2.4rem
}

.dropdown-menu {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    cursor: pointer;
    margin-left: 2.4rem;
    margin-top: 0;
    position: relative
}

.dropdown-menu .dropdown-menu__selector .form-helper,.dropdown-menu .dropdown-menu__selector label {
    display: block;
    visibility: visible;
    height: auto;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .dropdown-menu .dropdown-menu__selector .form-helper,.dropdown-menu .dropdown-menu__selector label {
        display:none
    }
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selected {
    display: inline-flex;
    align-items: center;
    padding: 1.1rem;
    width: auto;
    height: auto;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    visibility: visible;
    pointer-events: none
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selected:hover {
    background-color: #f7f6f6
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selected:active,.dropdown-menu .dropdown-menu__selector .dropdown-menu__selected__active {
    background-color: #ffeda1
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selected .gender {
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 2.4rem
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selected .dropdown-menu__selected-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selected .dropdown-menu__selected-item .dropdown-menu__selector-indicator {
    display: inline-block;
    box-sizing: border-box;
    height: .6rem;
    width: .6rem;
    margin-left: 1rem;
    margin-right: 1rem;
    vertical-align: middle;
    border-color: #291d18;
    border-style: solid;
    border-width: 0 .15rem .15rem 0;
    transform: rotate(45deg);
    transition: border-width .15s ease-in-out;
    margin-top: -.3rem
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selected .dropdown-menu__selected-item .dropdown-menu__selector-indicator.active {
    transform: rotate(-135deg);
    margin-top: .2rem
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu {
    border-radius: 0;
    visibility: hidden;
    height: 0;
    color: #291d18;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    position: absolute;
    padding: 1.1rem;
    min-width: 23rem
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu.open {
    visibility: visible;
    height: auto;
    background: #fff;
    z-index: 101;
    margin-top: 0
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu .dropdown-menu__menuitems__list {
    width: 100%;
    list-style: none
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu .dropdown-menu__menuitems__list-item {
    display: list-item;
    padding: .8rem 1rem;
    font-size: 1.4rem;
    line-height: 2rem;
    cursor: pointer;
    text-decoration: none;
    color: #291d18;
    opacity: 1;
    transition: opacity .3s ease-out;
    will-change: opacity;
    border-radius: .4rem
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu .dropdown-menu__menuitems__list-item .gender {
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 2.4rem
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu .dropdown-menu__menuitems__list-item.dropdown-menu__selector-menu--active,.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu .dropdown-menu__menuitems__list-item:hover {
    background-color: #f7f6f6
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu .dropdown-menu__menuitems__list-item:not(:last-child) {
    margin-bottom: .8rem
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu .dropdown-menu__menuitems__list-item a {
    text-decoration: none;
    color: #291d18;
    width: 100%
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu .dropdown-menu__menuitems__list-item a:hover {
    color: #291d18
}

.dropdown-menu .dropdown-menu__selector .dropdown-menu__selector-menu .dropdown-menu__menuitems__list-item:active {
    background-color: #eeeded
}

.dropdown-menu.dropdown-menu--pagination {
    min-width: 13rem
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector .dropdown-menu__selector__label.form-helper,.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector label.dropdown-menu__selector__label {
    height: auto;
    display: block;
    visibility: visible;
    padding: 1rem 2rem .8rem 1.6rem
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector .dropdown-menu__selector__label.form-helper .icon,.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector label.dropdown-menu__selector__label .icon {
    font-size: 1.6rem
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector .dropdown-menu__selector__label.form-helper .icon:before,.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector label.dropdown-menu__selector__label .icon:before {
    vertical-align: middle
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector-menu {
    right: 0;
    min-width: 13rem
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector-menu__list {
    list-style: none;
    border: none
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector-menu__list__item {
    padding: .8rem 0;
    border-top: none
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector-menu__list__item:first-child {
    border-top: none;
    border-bottom: .1rem solid #bab6b5
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector-menu__list__item:nth-child(2) {
    border-radius: .5rem .5rem 0 0
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector-menu__list__item:last-child {
    border-radius: 0 0 .5rem .5rem
}

.dropdown-menu.dropdown-menu--pagination .dropdown-menu__selector-menu__list__item span {
    padding: 0 1.6rem
}

.dropdown-menu--language {
    width: 3rem;
    height: 3rem
}

.dropdown-menu--language .dropdown-menu__selector .dropdown-menu__selector-menu {
    min-width: unset
}

.site-navigation .dropdown-menu .dropdown-menu__selector .dropdown-menu__selected:not(.icon) {
    font-size: 1.6rem;
    color: #766f6b
}

.select-dropdown-section {
    position: relative
}

.select-dropdown-section .select-dropdown {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    padding: 1.2rem 1.6rem;
    border-radius: 0;
    border: .2rem solid transparent;
    background: var(--theme__shade-12___elevation_white_l)
}

.select-dropdown-section .select-dropdown:focus {
    border-color: var(--theme__text___text-default)
}

.select-dropdown-section .select-dropdown.error {
    border: 0;
    border-bottom: .1rem solid #eeeded
}

.select-dropdown-section .select-dropdown.disabled,.select-dropdown-section .select-dropdown:disabled,.select-dropdown-section .select-dropdown [disabled] {
    color: #291d18
}

.select-dropdown-section .select-dropdown .placeholder-option {
    color: #291d18
}

.select-dropdown-section .select-dropdown__content {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    height: 5.2rem;
    justify-content: center
}

.select-dropdown-section .arrow {
    position: absolute;
    top: 2.4rem;
    right: 5rem;
    margin-right: 0;
    pointer-events: none
}

@media only screen and (min-width: 48.0625em) {
    .select-dropdown-section .arrow {
        right:5rem
    }
}

.select-dropdown-section .arrow:after {
    font-size: 1.6rem;
    color: #291d18
}

.select-dropdown-section .arrow--up {
    right: 3.5rem
}

.select-dropdown-section.default .select-dropdown {
    line-height: 2.4rem;
    padding: 0
}

.select-dropdown-section.default .form-control[readonly] {
    border-color: var(--theme__text___text-default);
    background: var(--theme__shade-12___elevation_white_l)
}

.select-dropdown-section.default .form-control {
    margin-right: 2.6rem
}

.select-dropdown-section.dropdown--with-multiple-select-labels {
    border-radius: .8rem;
    background: #fff
}

.select-dropdown-section.dropdown--with-multiple-select-labels .select-dropdown {
    background: #fff;
    border-radius: .8rem;
    padding: 1.6rem;
    height: 7.2rem
}

.select-dropdown-section.dropdown--with-multiple-select-labels .select-dropdown option {
    color: #291d18
}

.select-dropdown-section.dropdown--with-multiple-select-labels .arrow--down {
    right: 4.2rem;
    top: 50%
}

.select-dropdown-section.dropdown--with-multiple-select-labels .arrow--down:after {
    color: #291d18
}

.select-dropdown-section.dropdown--with-multiple-select-labels .arrow--up {
    top: 50%;
    right: 2rem
}

.select-dropdown-section.dropdown--with-multiple-select-labels .arrow--up:after {
    color: #291d18
}

.select-dropdown__options {
    margin-top: .5rem;
    background: #fff;
    color: #291d18;
    border-top: 0;
    border-radius: 0 0 .4rem .4rem;
    z-index: 9999
}

.select-dropdown__options__content {
    list-style-type: none;
    background-color: var(--theme__text___text-reverted);
    max-height: 20rem;
    padding: .8rem 0;
    outline: none;
    border-radius: 0;
    overflow: hidden auto;
    -webkit-tap-highlight-color: #291d18;
    box-shadow: var(--box-shadow__s___s-dark)
}

.select-dropdown__options__list {
    border-bottom: none;
    background-color: var(--theme__text___text-reverted);
    color: var(--theme__text___text-default);
    font-weight: 400;
    transition: font-weight .3s ease-out;
    padding: .8rem 2.4rem
}

.select-dropdown__options__list.selected,.select-dropdown__options__list:hover {
    background-color: var(--theme__shade-04___elevation_white_m);
    color: var(--theme__text___text-default)
}

.disabled-elements .select-dropdown-section .default .select-dropdown {
    background: transparent
}

.disabled-elements .select-dropdown-section .default .select-dropdown .form-control {
    background: transparent;
    border: 0
}

.dropdown-suggest {
    position: relative;
    display: inline-block
}

.dropdown-suggest .dropdown-suggest__menu {
    display: block;
    position: absolute;
    right: 0;
    top: 1rem;
    width: 14rem;
    height: auto;
    border-radius: unset;
    margin-top: 0;
    padding: 1.1rem;
    background: #fff;
    box-sizing: border-box;
    z-index: 1001
}

.dropdown-suggest .dropdown-suggest__menu div.dropdown-menu__menuitems__list,.dropdown-suggest .dropdown-suggest__menu ul {
    width: 100%;
    list-style: none
}

.dropdown-suggest .dropdown-suggest__menu div.dropdown-menu__menuitems__list div.dropdown-menu__menuitems__list-item,.dropdown-suggest .dropdown-suggest__menu ul li {
    display: list-item;
    padding: .8rem 1rem;
    font-size: 1.4rem;
    cursor: pointer;
    text-decoration: none;
    opacity: 1;
    transition: opacity .3s ease-out;
    will-change: opacity
}

.dropdown-suggest .dropdown-suggest__menu div.dropdown-menu__menuitems__list div.dropdown-menu__menuitems__list-item:hover,.dropdown-suggest .dropdown-suggest__menu ul li:hover {
    opacity: 1;
    font-weight: 400;
    background-color: #f7f6f6
}

.dropdown-suggest .dropdown-suggest__menu div.dropdown-menu__menuitems__list div.dropdown-menu__menuitems__list-item.dropdown-suggest__menu--active,.dropdown-suggest .dropdown-suggest__menu div.dropdown-menu__menuitems__list div.dropdown-menu__menuitems__list-item.dropdown-suggest__selector-menu--active,.dropdown-suggest .dropdown-suggest__menu div.dropdown-menu__menuitems__list div.dropdown-menu__menuitems__list-item:active,.dropdown-suggest .dropdown-suggest__menu div.dropdown-menu__menuitems__list div.dropdown-menu__menuitems__list-item:focus,.dropdown-suggest .dropdown-suggest__menu ul li.dropdown-suggest__menu--active,.dropdown-suggest .dropdown-suggest__menu ul li.dropdown-suggest__selector-menu--active,.dropdown-suggest .dropdown-suggest__menu ul li:active,.dropdown-suggest .dropdown-suggest__menu ul li:focus {
    opacity: 1;
    line-height: inherit;
    font-weight: 400;
    background-color: #eeeded;
    cursor: default
}

.dropdown-suggest .dropdown-suggest__menu div.dropdown-menu__menuitems__list div.dropdown-menu__menuitems__list-item:not(:last-child),.dropdown-suggest .dropdown-suggest__menu ul li:not(:last-child) {
    border-bottom: 0
}

@media only screen and (min-width: 36em) {
    .dropdown-suggest .dropdown-suggest__menu div.dropdown-menu__menuitems__list div.dropdown-menu__menuitems__list-item:not(:last-child),.dropdown-suggest .dropdown-suggest__menu ul li:not(:last-child) {
        border-bottom:unset
    }
}

.dropdown-suggest .dropdown-suggest__menu div.dropdown-menu__menuitems__list div.dropdown-menu__menuitems__list-item a,.dropdown-suggest .dropdown-suggest__menu ul li a {
    text-decoration: none;
    color: #291d18
}

.dropdown-suggest.dropdown-suggest--search .dropdown-suggest__menu {
    width: calc(100vw - 26.9rem);
    padding: 0
}

@media only screen and (min-width: 1212px) {
    .dropdown-suggest.dropdown-suggest--search .dropdown-suggest__menu {
        width:99.7rem
    }
}

@media only screen and (max-width: 1211px) and (min-width:740px) {
    .dropdown-suggest.dropdown-suggest--search .dropdown-suggest__menu {
        width:calc(100vw - 21.5rem)
    }
}

.dropdown-suggest.dropdown-suggest--max5results div.dropdown-menu__menuitems__list,.dropdown-suggest.dropdown-suggest--max5results ul {
    max-height: 21.5rem;
    overflow: auto
}

.dropdown-suggest.dropdown-suggest--max4results div.dropdown-menu__menuitems__list,.dropdown-suggest.dropdown-suggest--max4results ul {
    max-height: 19.35rem;
    overflow: auto
}

.dropdown-suggest.dropdown-suggest--max3results div.dropdown-menu__menuitems__list,.dropdown-suggest.dropdown-suggest--max3results ul {
    max-height: 14.62rem;
    overflow: auto
}

.dropdown-suggest.dropdown-suggest--max2results div.dropdown-menu__menuitems__list,.dropdown-suggest.dropdown-suggest--max2results ul {
    max-height: 10.32rem;
    overflow: auto
}

.select-dropdown.select-dropdown--table {
    text-align: left
}

.select-dropdown.select-dropdown--table .select2-container .select2-choice {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 0 1rem 1rem
}

.select-dropdown.select-dropdown--table .select2-container {
    margin: 0
}

/*!
* ui-select
* http://github.com/angular-ui/ui-select
* Version: 0.19.8 - 2017-04-18T05:43:43.881Z
* License: MIT
*/
.ui-select-highlight {
    font-weight: 700
}

.ui-select-offscreen {
    clip: rect(0 0 0 0)!important;
    width: 1px!important;
    height: 1px!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important;
    outline: 0!important;
    left: 0!important;
    top: 0!important
}

.ui-select-choices-row:hover {
    background-color: #f7f6f6
}

.select2-result-single {
    background-color: var(--theme__text___text-reverted);
    padding-left: 0
}

.select2-locked>.select2-search-choice-close {
    display: none
}

.select-locked>.ui-select-match-close {
    display: none
}

body>.select2-container.open {
    z-index: 9999
}

.ui-select-container.select2.direction-up .ui-select-match,.ui-select-container[theme=select2].direction-up .ui-select-match {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ui-select-container.select2.direction-up .ui-select-dropdown,.ui-select-container[theme=select2].direction-up .ui-select-dropdown {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-width: 1px;
    border-top-style: solid;
    box-shadow: 0 -4px 8px rgba(0,0,0,.25);
    margin-top: -4px
}

.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search,.ui-select-container[theme=select2].direction-up .ui-select-dropdown .select2-search {
    margin-top: 4px
}

.ui-select-container[theme=select2] .ui-select-dropdown .ui-select-search-hidden,.ui-select-container[theme=select2] .ui-select-dropdown .ui-select-search-hidden input {
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: 0
}

.selectize-input.selectize-focus {
    border-color: #91abc9!important
}

.selectize-control.single>.selectize-input>input {
    width: 100%
}

.selectize-control.multi>.selectize-input>input {
    margin: 0!important
}

.selectize-control>.selectize-dropdown {
    width: 100%
}

.ng-dirty.ng-invalid>div.selectize-input {
    border-color: #d44950
}

.ui-select-container[theme=selectize].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0,0,0,.25);
    margin-top: -2px
}

.ui-select-container[theme=selectize] input.ui-select-search-hidden {
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    width: 0
}

.select2-container {
    width: 100%;
    margin: 0;
    position: relative;
    zoom:1;display: block;
    *display: inline;
    vertical-align: middle
}

.select2-container,.select2-drop,.select2-search,.select2-search input {
    box-sizing: border-box
}

.select2-container .select2-choice {
    display: block;
    padding: 1.2rem 1.6rem;
    overflow: hidden;
    position: relative;
    border: .2rem solid transparent;
    white-space: nowrap;
    font-size: 1.8rem;
    line-height: 1;
    color: var(--theme__text___text-default);
    text-decoration: none;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--theme__shade_08___elevation_white_m)
}

.single-value {
    width: 100%;
    margin: 1rem 0 0;
    padding: 1.5rem 1.2rem 1.2rem;
    border: solid #ffc421;
    border-width: 0 0 .1rem;
    color: #655c58
}

@media only screen and (min-width: 36em) {
    .single-value {
        width:100%
    }
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;
    border-radius: 0 0 .4rem .4rem;
    background-image: linear-gradient(0deg,#eee,#fff 90%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr="#ffffff",endColorstr="#eeeeee",GradientType=0)
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 4.2rem
}

.select2-container .select2-choice>.select2-chosen {
    margin-right: 2.6rem;
    padding-top: .8rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 2.7rem
}

.select2-container .select2-choice abbr {
    display: none;
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    right: 2.4rem;
    top: .8rem;
    font-size: .1rem;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    outline: 0
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block
}

.select2-container .select2-choice abbr:hover {
    background-position: right -1.1rem;
    cursor: pointer
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-drop {
    position: absolute;
    top: 100%;
    width: 100%;
    margin-top: .5rem;
    background: #fff;
    color: #291d18;
    border: .1rem solid #bab6b5;
    border-top: 0;
    border-radius: 0 0 .4rem .4rem;
    z-index: 9999
}

.select2-drop-auto-width {
    border-top: .1rem solid #aaa;
    width: auto
}

.select2-drop-auto-width .select2-search {
    padding-top: .4rem
}

.select2-drop.select2-drop-above {
    margin-top: .1rem;
    border-top: .1rem solid #aaa;
    border-bottom: 0;
    border-radius: .4rem .4rem 0 0
}

.select2-drop-active {
    border: 0;
    border-top: none;
    border-radius: 0
}

.select2-container .select2-choice .select2-arrow {
    position: absolute;
    right: 1.6rem;
    top: 2rem;
    display: inline-block;
    box-sizing: border-box;
    height: .8rem;
    width: .8rem;
    margin-left: 1rem;
    vertical-align: middle;
    border-style: solid;
    border-color: unset;
    border-width: 0 .1rem .1rem 0;
    transform: rotate(45deg);
    transition: border-width .15s ease-in-out
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 2.6rem;
    margin: 0;
    padding: .8rem 1.6rem;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}

.select2-search input {
    width: 100%!important;
    height: auto!important;
    min-height: 2.6rem;
    padding: .4rem 1.6rem;
    margin: 0;
    outline: 0;
    background: #fff;
    border: .1rem solid #f7f6f6;
    border-radius: 1.6rem
}

.select2-search input:focus {
    border: .1rem solid #ffc421
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: .4rem
}

.select2-container-active .select2-choice,.select2-container-active .select2-choices,.select2-dropdown-open .select2-choice {
    border: solid #ffc421;
    border-width: 0 0 .1rem
}

.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices {
    border: .1rem solid #29a8b8;
    border-top-color: transparent
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    filter: none;
    transform: rotate(-135deg);
    border-style: solid solid solid none;
    top: 2.4rem;
    border-color: unset;
    border-left: 0 solid;
    border-bottom-width: .1rem;
    border-right-width: .1rem;
    border-top-width: 0
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -1.8rem .1rem
}

.select2-results {
    max-height: 20rem;
    padding: .8rem 0;
    margin: 0;
    outline: none;
    border-radius: 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0
}

.select2-results ul.select2-result-sub>li .select2-result-label {
    padding-left: 2rem
}

.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 4rem
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 6rem
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 8rem
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 10rem
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 11rem
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 12rem
}

.select2-results .ui-select-choices-group {
    list-style: none;
    display: list-item;
    background-image: none;
    padding: 0
}

.select2-results,li.ui-select-choices-group {
    padding: 0
}

.select2-results li.select2-result-with-children>.select2-result-label {
    color: #ffc421;
    font-weight: 700
}

.select2-results .select2-result-label {
    padding: 0 2.4rem;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-results .select2-highlighted {
    background-color: var(--theme__shade-04___elevation_white_m);
    color: var(--theme__text___text-default);
    font-weight: inherit
}

.select2-results li em {
    background: #feffde;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: transparent
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}

.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item
}

.select2-results .select2-disabled,.select2-results .select2-disabled.select2-highlighted {
    color: #ffc421;
    font-weight: 700;
    display: list-item;
    cursor: default
}

.select2-results .select2-disabled .select2-result-label {
    cursor: default
}

.select2-results .select2-selected {
    display: none
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
    cursor: default
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: transparent;
    background-image: none;
    border-left: 0
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}

.select2-container-multi .select2-choices {
    height: auto!important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: .1rem solid #f7f6f6;
    cursor: text;
    overflow: hidden;
    background-color: #fff
}

.select2-locked {
    padding: .3rem .5rem!important
}

.select2-container-multi .select2-choices {
    min-height: 3.6rem;
    width: 100%
}

.select2-container-multi.select2-container-active .select2-choices {
    border-bottom: .1rem solid #ffc421;
    outline: none
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
    box-sizing: content-box
}

.select2-container-multi .select2-choices .select2-search-field {
    position: absolute;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    height: 3.2rem;
    width: 100%
}

.select2-container-multi .select2-choices li.select2-search-field:after {
    content: ">";
    position: absolute;
    float: right;
    top: 50%;
    right: 0;
    transform: translate(-50%,-50%) rotate(90deg) scaleX(1) scaleY(1.75);
    color: #291d18;
    font-size: 1.5rem
}

.select2-container-multi.select2-container-active .select2-choices li.select2-search-field:after {
    transform: translate(-50%,-50%) rotate(90deg) scaleX(-1) scaleY(1.75)
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: .5rem 0;
    margin: .1rem 0;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem;
    color: #655c58;
    outline: 0;
    border: 0;
    background: transparent!important;
    cursor: pointer;
    z-index: 5
}

.select2-default {
    color: var(--theme__text___text-default)!important
}

.select2-container-multi .select2-choices .select2-search-choice {
    margin: 0 .4rem .4rem 0;
    position: relative;
    font-size: 1.5rem;
    line-height: 1.6rem;
    color: #fff;
    cursor: default;
    border: 0;
    border-radius: 1.6rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffc421
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4
}

.select2-container-multi .select2-choices .select2-search-choice span.ng-binding {
    padding: 0 8px 8px 16px;
    position: relative;
    top: 8px
}

.select2-container-multi .select2-search-choice-close {
    left: .3rem;
    padding: 8px 16px 8px 4px;
    border-radius: 0 16px 16px 0;
    display: inline-block;
    background: #27a9a7;
    position: relative
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -1.1rem
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -1.1rem
}

.select2-container-multi.select2-container-disabled .select2-choices {
    cursor: default
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    pointer-events: none
}

.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match {
    text-decoration: underline
}

.select2-offscreen,.select2-offscreen:focus {
    clip: rect(0 0 0 0)!important;
    width: .1rem!important;
    height: .1rem!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important;
    outline: 0!important;
    left: 0!important;
    top: 0!important
}

.select2-display-none {
    display: none
}

.select2-measure-scrollbar {
    position: absolute;
    top: -1000rem;
    left: -1000rem;
    width: 10rem;
    height: 10rem;
    overflow: scroll
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) {
    .select2-container .select2-choice .select2-arrow b,.select2-container .select2-choice abbr,.select2-search-choice-close,.select2-search input {
        background-repeat:no-repeat!important;
        background-size: 6rem 4rem!important
    }

    .select2-search input {
        background-position: 100% -2.1rem!important
    }
}

.ui-select-choices-row {
    padding: .8rem;
    border-bottom: none;
    background-color: var(--theme__text___text-reverted);
    color: var(--theme__text___text-default);
    font-weight: 400;
    transition: font-weight .3s ease-out
}

.ui-select-choices-row:focus,.ui-select-choices-row:hover {
    background-color: var(--theme__shade-04___elevation_white_m);
    color: var(--theme__text___text-default);
    font-weight: inherit
}

.ui-select-container.select2.direction-up .ui-select-dropdown,.ui-select-container[theme=select2].direction-up .ui-select-dropdown {
    border-radius: .8rem;
    border-top-style: none
}

.select2-search-choice-close {
    position: relative;
    right: 0;
    top: 0;
    width: 1.6rem;
    height: 1.6rem;
    float: right
}

.select2-search-choice-close:hover {
    opacity: 1
}

.select2-search-choice-close:after,.select2-search-choice-close:before {
    position: absolute;
    left: 1.2rem;
    top: 1.1rem;
    content: " ";
    height: 1.2rem;
    width: .1rem;
    background-color: #fff
}

.select2-search-choice-close:before {
    transform: rotate(45deg)
}

.select2-search-choice-close:after {
    transform: rotate(-45deg)
}

.ng-dirty.ng-invalid>a.select2-choice {
    border: 0;
    border-bottom: .1rem solid #c95942;
    background: #fff
}

.ng-touched.ng-invalid>a.select2-choice {
    border: 0;
    border-bottom: .1rem solid #c95942;
    background: #fff
}

.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match,.ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #29a8b8;
    border-radius: 0
}

.select2-dropdown-open.direction-up .select2-results {
    border-radius: 0
}

.ui-select-multiple .ui-select-match-item {
    position: relative;
    z-index: 10!important
}

.select2-container-active a.select2-choice {
    border: .2rem solid var(--theme__text___text-default)
}

.select2-container-multi.select2-container-active .select2-choices {
    overflow-x: scroll;
    scrollbar-width: none
}

.select2-container-multi.select2-container-active .select2-choices::-webkit-scrollbar {
    width: 0
}

.select2-container-multi.select2-container-active .select2-choices .ui-select-match {
    display: -webkit-inline-box;
    width: calc(100% - 2rem)
}

.select2-container-multi .select2-choices .select2-search-field {
    top: 1rem
}

.select2-container-active.select2-dropdown-open a.select2-choice {
    border-bottom: .2rem solid var(--theme__text___text-default)
}

.select2-result-single .ui-select-choices-row:last-child {
    border-bottom: 0
}

dropout {
    display: block;
    position: relative;
    width: calc(100% + 5rem);
    background: transparent;
    text-transform: uppercase;
    font-size: 1.2rem;
    cursor: pointer
}

dropout .dropout-visible:after {
    content: "";
    width: .5rem;
    box-sizing: border-box;
    border-left: .3rem solid transparent;
    border-right: .3rem solid transparent;
    border-bottom: .3rem solid #fff;
    vertical-align: middle;
    margin-left: .5rem;
    display: inline-block
}

dropout .dropout-visible.open:after {
    content: "";
    width: .5rem;
    box-sizing: border-box;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .3rem .3rem 0;
    vertical-align: middle;
    margin-left: .5rem;
    display: inline-block
}

dropout .dropout-onclick {
    position: absolute;
    top: 1.9rem;
    left: 0;
    width: 100%;
    height: 20rem;
    z-index: 1000
}

dropout .dropout-onclick:before {
    content: "";
    display: block;
    position: absolute;
    top: -.5rem;
    left: 1rem;
    width: 0;
    box-sizing: border-box;
    border-right: 7rem solid transparent;
    border-left: .7rem solid transparent;
    border-bottom: .7rem solid #fff
}

@media only screen and (min-width: 48.0625em) {
    dropout .dropout-onclick:before {
        display:none
    }
}

dropout .dropout-onclick .dropout-onclick-item {
    color: #766f6b;
    background: #fff;
    padding: .5rem;
    margin: 0;
    display: block;
    opacity: 1
}

dropout .dropout-onclick .dropout-onclick-item.selected {
    font-weight: 700
}

.AutoComplete {
    position: relative;
    display: inline-block
}

.AutoComplete .Form__input {
    width: 100%
}

.AutoComplete .dropdown-suggest {
    width: 100%;
    display: block
}

.AutoComplete .dropdown-suggest .dropdown-suggest__menu {
    top: 0;
    width: 100%
}

.form-autocomplete .form__input {
    max-width: 100%
}

.form-autocomplete .form__input .disabled,.form-autocomplete .form__input:disabled,.form-autocomplete .form__input:disabled.form-control {
    margin-bottom: .8rem;
    border-width: 0 0 .1rem;
    pointer-events: none;
    padding: 1.2rem 0
}

.cdk-overlay-container {
    position: fixed;
    top: 1rem;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1001;
    pointer-events: none
}

.cdk-overlay-container .cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1006;
    display: flex;
    flex-direction: column;
    min-width: .1rem;
    min-height: .1rem
}

.cdk-overlay-container .cdk-overlay-pane {
    position: absolute;
    box-sizing: border-box;
    z-index: 1001
}

.cdk-overlay-container .mat-autocomplete-panel,.cdk-overlay-container .mat-select-panel {
    position: relative;
    width: 100%;
    max-width: none;
    background-color: #fff;
    border: .1rem solid #eeeded;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.cdk-overlay-container .mat-autocomplete-panel .mat-option,.cdk-overlay-container .mat-select-panel .mat-option {
    position: relative;
    display: block;
    height: 4.8rem;
    line-height: 4.8rem;
    max-width: 100%;
    padding: 0 1.6rem;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: .1rem solid #eeeded
}

.cdk-overlay-container .mat-autocomplete-panel .mat-option.mat-active,.cdk-overlay-container .mat-autocomplete-panel .mat-option:hover,.cdk-overlay-container .mat-select-panel .mat-option.mat-active,.cdk-overlay-container .mat-select-panel .mat-option:hover {
    background: #fff;
    color: #291d18;
    font-weight: 700
}

.cdk-overlay-container .mat-autocomplete-panel .mat-option .mat-option-text,.cdk-overlay-container .mat-select-panel .mat-option .mat-option-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.cdk-overlay-container .mat-autocomplete-panel .mat-option .mat-option-ripple,.cdk-overlay-container .mat-select-panel .mat-option .mat-option-ripple {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .cdk-overlay-container .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content {
        width: 73rem
    }

    .cdk-overlay-container .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay--message {
        width: 70rem
    }

    .cdk-overlay-container .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay--message .delivery-address-details-form-grp {
        width: 34rem
    }

    .cdk-overlay-container .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay--message .address-container .address-community,.cdk-overlay-container .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay--message .address-container .address-street .street {
        width: 35rem
    }

    .cdk-overlay-container .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay--message .address-container .address-street .sub-section {
        width: 34rem
    }
}

.date-picker input,.Form__input,.form__input {
    display: block;
    width: 100%;
    box-sizing: inherit;
    padding: 1.2rem 0 1.2rem 1.6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    max-width: 47rem;
    color: #291d18;
    background-color: var(--theme__shade-12___elevation_white_l);
    border: .2rem solid transparent
}

.date-picker input:focus,.Form__input:focus,.form__input:focus {
    border-color: var(--theme__text___text-default);
    outline: 0
}

.date-picker input::-moz-placeholder,.Form__input::-moz-placeholder,.form__input::-moz-placeholder {
    color: #766f6b
}

.date-picker input:-ms-input-placeholder,.Form__input:-ms-input-placeholder,.form__input:-ms-input-placeholder {
    color: #766f6b
}

.date-picker input::placeholder,.Form__input::placeholder,.form__input::placeholder {
    color: #766f6b
}

.date-picker input:disabled,.date-picker input[readonly],.Form__input--disabled,.form__input--disabled,.Form__input:disabled,.form__input:disabled,.Form__input[readonly],.form__input[readonly] {
    background-color: var(--theme__shade-04___elevation_white_m);
    padding: 1.2rem 0 1.2rem 1.6rem;
    margin-bottom: -.8rem;
    opacity: 1;
    border: 0 solid #dddbda;
    color: #291d18
}

.date-picker input.Form__input--invalid,.form-group.error .form-control,.Form__input--error,.form__input--error,.Form__input.Form__input--invalid,.form__input.Form__input--invalid {
    background: var(--theme__shade-04___elevation_white_m);
    border-color: var(--theme__error___error-default)
}

.Form__input--valid,.form__input--valid {
    border-color: var(--theme__shade-12___elevation_white_l);
    position: relative
}

.Form__input--with-icon,.form__input--with-icon {
    display: flex;
    align-items: center;
    padding: .6rem 1.6rem;
    width: 100%;
    background-color: #fff
}

.Form__input--with-icon .form__input,.form__input--with-icon .form__input {
    margin-bottom: 0;
    border: 0;
    height: 2rem;
    max-width: 100%;
    background-color: #fff
}

.Form__input--with-icon .form__input--icon,.form__input--with-icon .form__input--icon {
    color: #bab6b5
}

.Form__input-container--valid,.form__input-container--valid {
    position: relative
}

.Form__input-container--valid:after,.form__input-container--valid:after {
    content: "";
    font-family: icons,sans-serif;
    position: absolute;
    right: 0;
    top: 1.2rem;
    color: #ffc421
}

.Form__input-container .Form__input,.Form__input-container .form__input,.form__input-container .Form__input,.form__input-container .form__input {
    padding-right: 2rem
}

.Form__input-container--invalid,.form__input-container--invalid {
    display: flex;
    align-items: center;
    position: unset;
    max-width: 100%
}

.Form__input-container--invalid .icon-error,.form__input-container--invalid .icon-error,.Form__input-container--invalid .icon-error-input,.form__input-container--invalid .icon-error-input {
    display: none;
    color: #c95942;
    position: unset;
    right: 0;
    top: 0;
    background: transparent
}

@media only screen and (min-width: 36em) {
    .Form__input-container--invalid .icon-error,.form__input-container--invalid .icon-error,.Form__input-container--invalid .icon-error-input,.form__input-container--invalid .icon-error-input {
        top:0
    }
}

.form-group.error .form-control {
    background-color: transparent;
    border-color: transparent;
    color: #c95942
}

.form-control {
    display: block;
    width: 100%;
    box-sizing: inherit;
    padding: 1.2rem 0 1.2rem 1.6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #291d18;
    background-color: var(--theme__shade-12___elevation_white_l);
    margin-bottom: 0;
    border: .2rem solid transparent
}

.form-control:focus {
    border-color: var(--theme__text___text-default);
    outline: 0
}

.form-control::-moz-placeholder {
    color: #766f6b;
    opacity: 1;
    font-weight: 400
}

.form-control::placeholder {
    color: #766f6b;
    opacity: 1;
    font-weight: 400
}

.form-control:-ms-input-placeholder {
    color: #766f6b;
    opacity: 1;
    font-weight: 400
}

.form-control.disabled,.form-control:disabled,.form-control[readonly] {
    background-color: var(--theme__shade-04___elevation_white_m);
    padding: 1.2rem 0 1.2rem 1.6rem;
    margin-bottom: .2rem;
    opacity: 1;
    border: 0 solid #dddbda;
    color: #291d18
}

.form-control.error,.form-control.ng-dirty.ng-invalid {
    border-color: var(--theme__error___error-default);
    background: transparent
}

.form-control.error:focus,.form-control.ng-dirty.ng-invalid:focus {
    border-color: var(--theme__error___error-default)
}

.FormGroup__input.Form__input--error input {
    border-color: var(--theme__error___error-default);
    background: transparent
}

.FormGroup__input.Form__input--error input:focus {
    border-color: var(--theme__error___error-default)
}

.FormGroup__input .formErrorInput {
    margin-top: auto;
    padding: 0;
    background: transparent;
    color: var(--theme__error___error-default)
}

.form-group .Form__input,.form-group .form__input {
    max-width: 100%
}

.form-group .formErrorInput {
    padding: 0;
    background: transparent;
    color: var(--theme__error___error-default)
}

.form__singleNumberInput {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    max-width: 5rem;
    padding: 1.2rem 1.6rem;
    display: inline-block;
    text-align: center
}

.form__singleNumberInput::-webkit-inner-spin-button,.form__singleNumberInput::-webkit-outer-spin-button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.input-fixed-text {
    position: relative
}

.input-fixed-text input {
    padding-left: 5.5rem
}

.fixed-label {
    position: absolute;
    left: 1.5rem;
    top: 1.4rem;
    margin-bottom: 0;
    font-size: 1.6rem
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

.form__label--error {
    color: var(--theme__error___error-default)
}

.form-helper,label {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--theme__text___text-default);
    cursor: pointer;
    margin-bottom: .8rem
}

@media only screen and (min-width: 36em) {
    .form-helper,label {
        font-size:1.8rem
    }
}

label--disabled {
    pointer-events: none
}

.label--large.form-helper,label.label--large {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .label--large.form-helper,label.label--large {
        font-size:1.8rem
    }
}

.label--large--disabled.form-helper,label.label--large--disabled {
    pointer-events: none
}

.label--checkbox.form-helper,.label--radio.form-helper,label.label--checkbox,label.label--radio {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: .8rem
}

.label--checkbox--disabled.form-helper,.label--radio--disabled.form-helper,label.label--checkbox--disabled,label.label--radio--disabled {
    pointer-events: none
}

.label--switch.form-helper,label.label--switch {
    max-width: 70%;
    margin-bottom: 0;
    margin-top: .3rem;
    vertical-align: top
}

@media only screen and (min-width: 36em) {
    .label--switch.form-helper,label.label--switch {
        width:auto
    }
}

.label--switch--disabled.form-helper,label.label--switch--disabled {
    pointer-events: none
}

.FormGroup__label {
    font-size: 1.6rem;
    color: var(--theme__text___text-default);
    font-weight: 400;
    margin-bottom: .8rem;
    white-space: normal
}

textarea {
    outline: none;
    overflow: auto
}

textarea.form-control,textarea.form__input {
    max-width: 47rem;
    overflow: hidden;
    resize: none
}

textarea.form-control--error,textarea.form-control.Form__input--invalid,textarea.form__input--error,textarea.form__input.Form__input--invalid {
    background: var(--theme__shade-04___elevation_white_m)
}

textarea.form-control--error:focus,textarea.form-control.Form__input--invalid:focus,textarea.form__input--error:focus,textarea.form__input.Form__input--invalid:focus {
    border-color: var(--theme__error___error-default)
}

.FormGroup__input.Form__input--error textarea {
    background: transparent
}

.FormGroup__input.Form__input--error textarea:focus {
    border-color: var(--theme__error___error-default)
}

.form__radio--button-group {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 36em) {
    .form__radio--button-group {
        flex-direction:row;
        align-items: flex-start
    }
}

.form__radio--button {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 8.4rem;
    box-sizing: border-box;
    box-shadow: var(--box-shadow__xs___xs-dark)
}

@media only screen and (min-width: 36em) {
    .form__radio--button {
        width:25.4rem
    }
}

.form__radio--button:not(:first-child) {
    margin-top: 2.4rem;
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .form__radio--button:not(:first-child) {
        margin-top:0;
        margin-left: 2.4rem
    }
}

.form__radio--button__input {
    display: none
}

.form__radio--button__label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    padding: .8rem 1.6rem;
    font-size: 1.6rem;
    font-weight: 400
}

.form__radio--button--active,.form__radio--button.active,.form__radio--button:focus {
    box-shadow: inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
}

.form__radio--button:hover {
    box-shadow: inset 0 0 0 .1rem #ffc421,var(--box-shadow__xs___xs-dark)
}

.checkbox-container {
    position: relative;
    min-height: 8.2rem
}

.checkbox-container:not(:last-child) {
    margin-bottom: 1.6rem
}

.checkbox-container__input {
    position: absolute;
    visibility: hidden
}

.checkbox-container__input:disabled+.checkbox-container__label {
    opacity: .4;
    pointer-events: none
}

.checkbox-container__input:not(:checked)+.checkbox-container__label.profile-label {
    border: none;
    background: #fff
}

.checkbox-container__input:hover+.checkbox-container__label {
    border: none;
    box-shadow: inset 0 0 0 .1rem #ffc421
}

.checkbox-container__input:checked+.checkbox-container__label,.checkbox-container__input:hover:checked+.checkbox-container__label {
    border: none;
    background: var(--theme__elevation___xs);
    box-shadow: inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
}

.checkbox-container__input:checked+.checkbox-container__label .checkbox-container__label__tick,.checkbox-container__input:hover:checked+.checkbox-container__label .checkbox-container__label__tick {
    border: none;
    background: #ffc421
}

.checkbox-container__input:checked+.checkbox-container__label .checkbox-container__label__tick .icon-tick,.checkbox-container__input:hover:checked+.checkbox-container__label .checkbox-container__label__tick .icon-tick {
    visibility: visible;
    color: #291d18
}

.checkbox-container__input:checked+.checkbox-container__label .checkbox-container__label__no-border,.checkbox-container__input:hover:checked+.checkbox-container__label .checkbox-container__label__no-border {
    border: none
}

.checkbox-container__input:checked+.checkbox-container__label .checkbox-container__label__content,.checkbox-container__input:checked+.checkbox-container__label .checkbox-container__label__content__small,.checkbox-container__input:hover:checked+.checkbox-container__label .checkbox-container__label__content,.checkbox-container__input:hover:checked+.checkbox-container__label .checkbox-container__label__content__small {
    color: #291d18
}

.checkbox-container__label {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 8.2rem;
    margin-bottom: 0;
    padding: 2.2rem 3.2rem;
    background: var(--theme__elevation___xs);
    border: none;
    transition: all .3s ease-out;
    cursor: pointer
}

.checkbox-container__label__tick {
    flex-direction: column;
    height: 2.4rem;
    width: 2.4rem;
    margin-right: 3.2rem;
    font-size: 1.6rem;
    border: .1rem solid #291d18
}

.checkbox-container__label__tick .icon-tick {
    visibility: hidden
}

.checkbox-container__label__no-border {
    border: none
}

.checkbox-container__label .profile-icon {
    width: 4.8rem;
    height: 4.8rem;
    border: .1rem solid #eeeded;
    border-radius: 50%;
    min-width: 4.8rem
}

.checkbox-container__label .profile-icon img {
    width: 3rem;
    height: 3rem
}

.checkbox-container__label__content {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 900;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #291d18
}

.checkbox-container__label__content__small {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 500;
    color: #291d18
}

.label-cards.cards {
    align-items: center
}

.label-cards.cards .cards-slot {
    margin: 0 .8rem .8rem 0
}

@media only screen and (min-width: 36em) {
    .label-cards.cards .cards-slot {
        margin:0 .8rem .8rem 0
    }
}

.label-cards.cards .cards-slot.animation-show-slide-up {
    -webkit-animation-delay: calc(.3s + var(--animation-delay)*0.1s);
    animation-delay: calc(.3s + var(--animation-delay)*0.1s)
}

.label-cards.cards .cards-radio {
    position: absolute;
    display: none
}

.label-cards.cards .cards-radio__label {
    cursor: inherit;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

.label-cards.cards .cards--container {
    display: flex;
    flex-shrink: 0;
    height: 7.2rem;
    width: 100%
}

.label-cards.cards .cards--container.disabled {
    opacity: .4
}

.label-cards.cards .cards--container.disabled .form-helper,.label-cards.cards .cards--container.disabled label {
    display: none
}

.label-cards.cards .cards-radio:checked+.cards--container {
    background-color: #fff;
    color: #291d18
}

.label-cards.cards .cards-radio:checked+.cards--container [class*=cards-content__] {
    color: inherit
}

.label-cards.cards .cards-radio:checked+.cards--container [class=cards--body--inner-container] {
    box-shadow: inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
}

@media only screen and (min-width: 36em) {
    .label-cards.cards .cards-radio:checked+.cards--container [class=cards--body--inner-container] {
        box-shadow:inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
    }
}

.label-cards.cards .cards-radio:checked+.cards--container .badge--price-tag {
    background: #fff;
    color: #ffc421
}

.label-cards.cards .cards-radio:checked+.cards--container .text-flow--button {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.label-cards.cards .cards-radio:checked:hover+.cards--container [class=cards--body--inner-container] {
    box-shadow: inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
}

@media only screen and (min-width: 36em) {
    .label-cards.cards .cards-radio:checked:hover+.cards--container [class=cards--body--inner-container] {
        box-shadow:inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
    }
}

.label-cards.cards .cards-radio:hover+.cards--container [class=cards--body--inner-container] {
    box-shadow: inset 0 0 0 .1rem #ffc421
}

.label-cards.cards .cards--container .cards--body--inner-container:hover {
    box-shadow: inset 0 0 0 .1rem #ffc421
}

.label-cards.cards .cards--body {
    display: flex;
    flex: 1 0;
    padding: 0;
    max-width: 100%
}

.label-cards.cards .cards--body--inner-container {
    box-shadow: inset 0 0 0 .1rem transparent,var(--box-shadow__xs___xs-dark);
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    padding: 1.6rem;
    position: relative
}

.label-cards.cards .cards--body--inner-container>div {
    z-index: 1
}

.label-cards.cards.card-mini .cards-slot {
    max-width: 100%
}

.label-cards.cards.card-mini .cards--container {
    display: flex;
    flex-shrink: 0;
    height: 7.2rem;
    width: 100%
}

.label-cards.cards.card-mini .cards--container.disabled,.label-cards.cards.card-mini .cards--container[disabled=disabled] {
    opacity: .4
}

.label-cards.cards.card-mini .cards--container.disabled .form-helper,.label-cards.cards.card-mini .cards--container.disabled label,.label-cards.cards.card-mini .cards--container[disabled=disabled] .form-helper,.label-cards.cards.card-mini .cards--container[disabled=disabled] label {
    display: none
}

.label-cards.cards.card-mini .cards--container .cover {
    align-items: center
}

.label-cards.cards.card-mini .cards-content__header {
    border: .1rem solid;
    border-color: inherit;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    font-size: 1.6rem;
    height: 2.4rem;
    justify-content: center;
    margin: .8rem;
    text-align: center;
    width: 2.4rem;
    min-width: 2.4rem
}

.label-cards.cards.card-mini .cards-content__header i {
    display: none
}

.label-cards.cards.card-mini .cards-radio:checked+.cards--container .cards-content__header i {
    display: block
}

.label-cards.cards.card-mini .cards-content__body {
    flex: 1 1 auto;
    padding-left: 1.6rem
}

.label-cards.cards.card-mini .cards-content__body--shrink {
    flex: 1 1 auto
}

.label-cards.cards.card-mini .cards-content__body--no-padding-left {
    padding-left: 0
}

.label-cards.cards.card-mini .cards-content__type {
    font-size: 2.4rem;
    margin: .8rem
}

.label-cards.cards.card-mini.card-mini--radio-circle-box .cards-content__header {
    border: 0
}

.label-cards.cards.card-mini.card-mini--radio-circle-box .cards-content__header .radio-circle-box {
    width: 100%;
    height: 100%
}

.label-cards.cards.card-mini.card-mini--radio-circle-box .cards-radio:checked+.cards--container .cards-content__header .radio-circle-box:before {
    content: "";
    background-color: #291d18;
    width: .8rem;
    height: .8rem;
    border-radius: 50%
}

.label-cards.cards.card-mini.card-mini--radio-circle-box .cards-slot {
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--radio-circle-box .cards-slot {
        margin-right:0
    }
}

.label-cards.cards.card-mini.card-mini--with-icon {
    display: flex;
    flex-wrap: wrap
}

.label-cards.cards.card-mini.card-mini--with-icon .cards-slot {
    margin: 0;
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .label-cards.cards.card-mini.card-mini--with-icon .cards-slot {
        margin:0 .8rem 2rem 0;
        width: auto
    }
}

.label-cards.cards.card-mini.card-mini--with-icon .cards--container {
    width: 100%
}

.label-cards.cards.card-mini.card-mini--with-icon .cards--container .cards-content__body:last-child {
    width: 19.3rem
}

.label-cards.cards.card-mini.card-mini--with-icon .cards--container .cards-content__body-range {
    text-overflow: ellipsis
}

.label-cards.cards.card-mini.card-mini--with-icon-and-amount {
    display: flex;
    flex-wrap: wrap
}

.label-cards.cards.card-mini.card-mini--with-icon-and-amount .cards--container {
    width: 20.4rem
}

.label-cards.cards.card-mini.card-mini--with-icon-and-amount .cards-content__header {
    margin: 0
}

.label-cards.cards.card-mini.card-mini--with-icon-and-amount .cards-slot {
    margin: 0 1.6rem 1.6rem;
    width: 20.4rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--with-icon-and-amount .cards-slot {
        margin:0 2rem 1.2rem 0;
        width: 20.4rem
    }
}

.label-cards.cards.card-counter .cards--container {
    height: 100%;
    width: 100%
}

.label-cards.cards.card-counter .cards--body,.label-cards.cards.card-counter .cards--body--inner-container {
    flex: 1 1 auto
}

.label-cards.cards.card-counter .cards--body--inner-container .cards-content__header {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    width: auto
}

.label-cards.cards.card-square {
    display: flex;
    justify-content: space-evenly;
    align-items: stretch
}

.label-cards.cards.card-square.animation-show-slide-up {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square {
        justify-content:center
    }
}

.label-cards.cards.card-square .cards-slot {
    width: 40%
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square .cards-slot {
        width:26.5rem;
        margin: 0 1rem 2rem
    }
}

.label-cards.cards.card-square .cards--container {
    display: flex;
    flex-shrink: 0;
    margin: 0 0 .8rem;
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square .cards--container {
        margin:0 0 .8rem;
        width: 26.5rem
    }
}

.label-cards.cards.card-square .cards--container.disabled,.label-cards.cards.card-square .cards--container[disabled=disabled] {
    opacity: .4
}

.label-cards.cards.card-square .cards-radio:disabled+.cards--container {
    cursor: default
}

.label-cards.cards.card-square .cards--body {
    flex: 1 0 35%;
    padding: 0;
    justify-content: flex-end
}

.label-cards.cards.card-square .cards--body--inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: relative;
    width: 100%
}

.label-cards.cards.card-square .cards-content__header {
    display: none
}

.label-cards.cards.card-square .cards-content__image {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    width: 100%;
    height: auto;
    min-height: 18rem;
    border-bottom: 0;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square .cards-content__image {
        min-height:22.4rem
    }
}

.label-cards.cards.card-square .cards-content__image img {
    width: 80%;
    max-width: 11rem;
    height: auto;
    margin: 2.4rem auto 1.5rem
}

.label-cards.cards.card-square .cards-content__image svg {
    height: auto;
    margin: 2.4rem 0 1.5rem;
    max-width: 11rem;
    width: 11rem
}

.label-cards.cards.card-square .cards-content__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 7.4rem;
    padding: 1.1rem 1.6rem;
    text-align: center;
    width: 80%
}

.label-cards.cards.card-square.card-square--combi {
    flex-direction: column;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi {
        flex-direction:row;
        justify-content: center
    }
}

.label-cards.cards.card-square.card-square--combi .cards-slot {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi .cards-slot {
        width:26.5rem
    }
}

.label-cards.cards.card-square.card-square--combi .cards--body {
    flex: 1 0 35%;
    padding: 0;
    justify-content: flex-end
}

.label-cards.cards.card-square.card-square--combi .cards--body--inner-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1 0 auto;
    padding: 0;
    position: relative
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi .cards--body--inner-container {
        flex-direction:column
    }
}

.label-cards.cards.card-square.card-square--combi .cards--container {
    display: flex;
    flex-shrink: 0;
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi .cards--container {
        height:100%;
        width: 26.5rem
    }
}

.label-cards.cards.card-square.card-square--combi .cards-content__header,.label-cards.cards.card-square.card-square--combi .cards-content__image {
    display: none
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi .cards-content__image {
        display:flex
    }
}

.label-cards.cards.card-square.card-square--combi .cards-content__icon {
    display: flex;
    align-items: center
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi .cards-content__icon {
        display:none
    }
}

.label-cards.cards.card-square.card-square--combi .cards-content__icon i {
    color: inherit;
    font-size: 2.6rem;
    padding: 2.2rem 2.2rem 1.6rem;
    height: 102%;
    line-height: 2.6rem;
    border-right: 1px solid #ccc9c8
}

.label-cards.cards.card-square.card-square--combi .cards-content__body {
    display: flex;
    flex: 1 0 auto;
    align-items: start;
    justify-content: center;
    min-height: 6.4rem;
    padding: 1.1rem 1.6rem;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi .cards-content__body {
        justify-content:center;
        align-items: center
    }
}

.label-cards.cards.card-square.card-square-secondary {
    justify-content: left;
    flex-direction: column;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    margin-top: 1rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square-secondary {
        flex-direction:row;
        margin-top: 3rem
    }
}

.label-cards.cards.card-square.card-square-secondary .cards-slot {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square-secondary .cards-slot {
        width:16rem;
        margin: 0 1.6rem 0 0
    }
}

.label-cards.cards.card-square.card-square-secondary .cards-slot .cards-radio:checked+.cards--container {
    background-color: #fff;
    color: #291d18;
    font-weight: 900
}

.label-cards.cards.card-square.card-square-secondary .cards-slot .cards--container [class*=cards-content__] {
    filter: none
}

.label-cards.cards.card-square.card-square-secondary .cards--body--inner-container {
    flex-direction: row
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square-secondary .cards--body--inner-container {
        flex-direction:column
    }
}

.label-cards.cards.card-square.card-square-secondary .cards--container {
    width: 100%;
    height: 8.5rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square-secondary .cards--container {
        width:15rem;
        height: 100%
    }
}

.label-cards.cards.card-square.card-square-secondary .cards-content__image {
    padding: 3rem 1.2rem;
    width: 8rem;
    min-height: 13.5rem;
    border-right: .1rem solid #f7f6f6;
    border-bottom: none
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square-secondary .cards-content__image {
        width:100%;
        border-right: none;
        border-bottom: .1rem solid;
        padding: 2.6rem 3.2rem 1rem
    }
}

.label-cards.cards.card-square.card-square-secondary .cards-content__image svg {
    height: 4rem;
    width: 100%;
    margin: 1.5rem 0
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square-secondary .cards-content__image svg {
        height:6rem
    }
}

.label-cards.cards.card-square.card-square-secondary .cards-content__body {
    width: 100%;
    height: 100%;
    align-items: baseline;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square-secondary .cards-content__body {
        text-align:center;
        align-items: center
    }
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square-secondary .cards-content__body .text-flow--button {
        font-size:1.6rem;
        line-height: 1.8rem
    }
}

.label-cards.cards.card-square.card-square-secondary.card-square-secondary--header {
    flex-direction: column;
    flex-wrap: wrap
}

@media only screen and (min-width: 48.0625em) {
    .label-cards.cards.card-square.card-square-secondary.card-square-secondary--header {
        flex-direction:row
    }
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot {
        width:100%;
        margin-bottom: 2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot {
        width:calc(33.3% - 3rem);
        margin-right: 4rem;
        margin-bottom: 4rem
    }

    .label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 74.5em) {
    .label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot {
        width:calc(25% - 3rem)
    }

    .label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot:nth-child(3n) {
        margin-right: 4rem
    }

    .label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot:nth-child(4n) {
        margin-right: 0
    }
}

.label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot .cards--container {
    height: 100%
}

.label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot .cards--container .cards--body--inner-container {
    flex-direction: column
}

.label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot .cards--container .cards-content__body {
    justify-content: flex-start
}

.label-cards.cards.card-square.card-square--small {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch
}

.label-cards.cards.card-square.card-square--small .cards-slot {
    margin: 0 1rem .8rem 0;
    width: 14rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--small .cards-slot {
        margin:0 1rem 1rem 0;
        width: 14rem
    }
}

.label-cards.cards.card-square.card-square--small .cards--container {
    display: flex;
    flex-shrink: 0;
    height: 100%;
    width: 14rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--small .cards--container {
        width:14rem
    }
}

.label-cards.cards.card-square.card-square--small .cards-content__image {
    min-height: 13.5rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--small .cards-content__image {
        min-height:14rem
    }
}

.label-cards.cards.card-square.card-square--small .cards-content__image img,.label-cards.cards.card-square.card-square--small .cards-content__image svg {
    width: 80%;
    max-width: 8rem
}

.label-cards.cards.card-square.card-square--small .cards-content__body {
    width: 14rem;
    min-height: 3.4rem;
    padding: .4rem .6rem
}

.label-cards.cards.card-square.card-square--small.cards-slot-with-badge {
    margin-top: 2.4rem
}

.label-cards.cards.card-square.card-square--small.cards-slot-with-badge .badge.badge--card.badge--card--small {
    position: absolute;
    top: -2.4rem
}

.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-slot {
    width: 100%;
    margin: 0 0 1rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-slot {
        margin:0 .5rem
    }
}

.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards--body--inner-container {
    flex-direction: row
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards--body--inner-container {
        flex-direction:column
    }
}

.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__image {
    width: 25%;
    min-height: auto;
    border-right: .1rem solid;
    border-bottom: 0;
    height: 100%
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__image {
        width:100%;
        border-bottom: .1rem solid;
        border-right: 0;
        height: auto
    }
}

.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__image img {
    margin: 4.4rem auto 4rem;
    max-width: 4.8rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__image img {
        max-width:8.4rem
    }
}

.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__body {
    margin-left: 2rem;
    padding-top: 2rem;
    align-items: flex-start;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__body {
        margin-left:0;
        padding-top: 2rem
    }
}

.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__body .text-flow--button {
    font-size: 1.6rem;
    line-height: 2rem;
    padding-bottom: .8rem;
    margin-left: -2rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__body .text-flow--button {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__body__text-list {
    font-size: 1.4rem;
    line-height: 1.8rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__body__text-list {
        font-size:1.6rem;
        line-height: 1.8rem
    }
}

.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__body__text-list li {
    padding-bottom: 1.3rem
}

.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards--body--inner-container .cover {
    margin-top: 1.8rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards--body--inner-container .cover {
        margin-top:2.7rem
    }
}

.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards--body--inner-container .cover .badge--price-tag {
    padding: .2rem .8rem;
    width: auto
}

.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards--container {
    width: 100%;
    height: auto
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards--container {
        width:24.5rem;
        height: 100%;
        padding: 0
    }
}

.label-cards.cards.card-date {
    display: flex
}

.label-cards.cards.card-date .cards--container {
    height: 15.6rem;
    width: 12.4rem
}

.label-cards.cards.card-date .cards--body--inner-container {
    flex-direction: column;
    justify-content: space-between
}

.label-cards.cards.card-date .cards-content__footer,.label-cards.cards.card-date .cards-content__header {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700
}

.label-cards.cards.card-date .cards-content__body {
    font-size: 4.8rem;
    line-height: 5.6rem;
    font-weight: 500
}

.label-cards.cards.card-date .cards-content__timing {
    line-height: 3rem
}

.label-cards.cards.card-date .cards-content__timing i.disabled {
    opacity: .35
}

.label-cards.cards.card-date.card-date-with-value .cards--container {
    width: 11.6rem;
    height: 16.8rem
}

.label-cards.cards.card-date.card-date-with-value .cards--body--inner-container {
    padding: .8rem
}

.label-cards.cards.card-date.card-date-with-value .cards-content__footer {
    text-transform: none
}

.label-cards.cards.card-mini.card-mini--square-checkbox {
    justify-content: stretch;
    align-items: stretch
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox {
        display:flex;
        flex-wrap: wrap
    }
}

.label-cards.cards.card-mini.card-mini--square-checkbox .cards-radio:checked+.cards--container .cards--body--inner-container {
    box-shadow: inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
}

@media only screen and (min-width: 20em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox :nth-child(3n),.label-cards.cards.card-mini.card-mini--square-checkbox>:last-child {
        margin-right:0
    }
}

@media only screen and (max-width: 35.99em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox>:last-child {
        margin-bottom:0
    }
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox .cards-slot {
        width:auto;
        flex: 1 1 calc(33.333% - 2rem)
    }
}

@media only screen and (max-width: 35.99em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox .cards-slot {
        margin-right:0
    }
}

.label-cards.cards.card-mini.card-mini--square-checkbox .cards-slot__shrink-2x-cards-row {
    flex: 0 1 calc(50% - 0.4rem)
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox .cards-slot__shrink-2x-cards-row {
        max-width:calc(50% - .4rem)
    }
}

.label-cards.cards.card-mini.card-mini--square-checkbox .cards-slot__shrink-3x-cards-row {
    flex: 0 1 calc(33.333% - 0.55rem)
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox .cards-slot__shrink-3x-cards-row {
        max-width:calc(33.333% - .55rem)
    }
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox .cards--body--inner-container {
        width:100%;
        align-items: inherit
    }

    .label-cards.cards.card-mini.card-mini--square-checkbox .cards--body--inner-container .cards-content__body {
        width: 100%;
        padding: 1.4rem 0 0;
        display: flex;
        flex-direction: column
    }
}

.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container {
    height: 100%;
    width: 100%;
    flex-shrink: 1
}

.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards--body--inner-container {
    flex: 1 1 auto;
    word-break: break-word
}

.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__body__text-description {
    flex: 1 1 auto
}

.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__body__text-list ul {
    display: none
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__body__text-list ul {
        display:block;
        padding: 0 0 0 1.6rem;
        flex: 1
    }

    .label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__body__text-list ul li {
        padding-bottom: 1rem
    }
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .mobile-align {
        justify-content:center
    }
}

.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__body {
    flex: 1 1 auto
}

.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__body-range,.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .text-md-hidden {
    display: block
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__body-range,.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .text-md-hidden {
        display:none
    }
}

.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__body-label {
    display: none
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__body-label {
        width:calc(100% + 4rem);
        bottom: 0;
        left: 0;
        text-align: center;
        display: flex;
        position: relative;
        padding: 1.6rem 2.4rem 0;
        justify-content: center;
        border-top: .1rem solid #c3c0be;
        margin-left: -2rem;
        min-height: 7.7rem;
        align-items: center
    }
}

.label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__header {
    top: .4rem
}

@media only screen and (min-width: 36em) {
    .label-cards.cards.card-mini.card-mini--square-checkbox .cards--append.cards--container .cards-content__header {
        top:2rem;
        left: .7rem
    }
}

.label-cards.cards.card-mini.card-mini--square-checkbox .badge--overlap__top--right {
    z-index: 1
}

.label-cards.cards.cards--no-desktop-full-card .cards-slot {
    margin-right: 0
}

.label-cards.cards.cards--no-desktop-full-card .cards--append.cards--container {
    height: auto
}

.label-cards.cards.cards--no-desktop-full-card .cards--body--inner-container {
    flex: 1 1 auto;
    word-break: break-word
}

.label-cards.cards.cards--no-desktop-full-card .cards-content__body {
    flex: 1 1 auto
}

.label-cards.cards.cards--no-desktop-full-card .cards-content__body-label {
    display: none
}

@media only screen and (max-width: 48.0525em) {
    .cards-wrapper--cards-counter-row {
        flex-wrap:wrap
    }
}

@media only screen and (max-width: 48.0525em) {
    .cards-wrapper--cards-counter-row .card-counter--container.card__2x-cards-per-row {
        width:calc(50% - .4rem)
    }
}

@media only screen and (min-width: 36em) {
    .cards-wrapper--cards-counter-row .card-counter--container:last-child {
        margin-right:0
    }
}

@media only screen and (max-width: 48.0525em) {
    .cards-wrapper--cards-counter-row .card-counter--container:nth-child(2n) {
        margin-right:0
    }
}

.checkbox-circle {
    display: flex;
    flex-direction: column;
    width: 8rem;
    height: auto;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .checkbox-circle {
        width:12rem;
        height: auto
    }
}

.checkbox-circle input[type=checkbox] {
    display: none
}

.checkbox-circle .form-helper,.checkbox-circle label {
    transition: all .3s ease-in-out
}

.checkbox-circle input[type=checkbox]~.circle-container.form-helper,.checkbox-circle input[type=checkbox]~label.circle-container {
    background-color: var(--theme__elevation___xs)
}

.checkbox-circle input[type=checkbox]~.circle-container.form-helper .circle-container__icon,.checkbox-circle input[type=checkbox]~label.circle-container .circle-container__icon {
    color: #291d18
}

.checkbox-circle input[type=checkbox]:checked~.circle-container.form-helper,.checkbox-circle input[type=checkbox]:checked~label.circle-container {
    box-shadow: inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
}

.checkbox-circle input[type=checkbox]:focus~.circle-container.form-helper,.checkbox-circle input[type=checkbox]:focus~label.circle-container,.checkbox-circle input[type=checkbox]:hover~.circle-container.form-helper,.checkbox-circle input[type=checkbox]:hover~label.circle-container {
    box-shadow: inset 0 0 0 .1rem #ffc421,var(--box-shadow__xs___xs-dark)
}

@media only screen and (min-width: 36em) {
    .checkbox-circle input[type=checkbox]:focus~.circle-container.form-helper,.checkbox-circle input[type=checkbox]:focus~label.circle-container,.checkbox-circle input[type=checkbox]:hover~.circle-container.form-helper,.checkbox-circle input[type=checkbox]:hover~label.circle-container {
        transform:translateY(-.5rem)
    }
}

.radio-circle {
    width: 8rem;
    height: 12rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    text-align: center;
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .radio-circle {
        width:12rem;
        height: 18rem
    }
}

.radio-circle input[type=radio] {
    display: none
}

.radio-circle .form-helper,.radio-circle label {
    transition: all .3s ease-in-out
}

.radio-circle .circle-container {
    flex-direction: column
}

.radio-circle input[type=radio]~.circle-container.form-helper,.radio-circle input[type=radio]~label.circle-container {
    background-color: var(--theme__elevation___xs)
}

.radio-circle input[type=radio]~.circle-container.form-helper .circle--icon,.radio-circle input[type=radio]~.circle-container.form-helper .text-flow--h1,.radio-circle input[type=radio]~.circle-container.form-helper .text-flow--label,.radio-circle input[type=radio]~label.circle-container .circle--icon,.radio-circle input[type=radio]~label.circle-container .text-flow--h1,.radio-circle input[type=radio]~label.circle-container .text-flow--label {
    color: #291d18
}

.radio-circle input[type=radio]:active~.circle-container.form-helper,.radio-circle input[type=radio]:active~label.circle-container,.radio-circle input[type=radio]:checked~.circle-container.form-helper,.radio-circle input[type=radio]:checked~label.circle-container {
    box-shadow: inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
}

.radio-circle:focus .circle-container,.radio-circle:hover .circle-container {
    box-shadow: inset 0 0 0 .1rem #ffc421,var(--box-shadow__xs___xs-dark)
}

@media only screen and (min-width: 36em) {
    .radio-circle:focus .circle-container,.radio-circle:hover .circle-container {
        transform:translateY(-.5rem)
    }
}

.number-input {
    width: 8rem;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .number-input {
        width:12rem
    }
}

.number-input--row {
    justify-content: center;
    margin-top: 1rem
}

.number-input--buttons {
    margin-left: .8rem;
    margin-right: .8rem;
    overflow: hidden;
    cursor: pointer
}

.number-input--buttons:focus {
    box-shadow: inset 0 0 0 .1rem #ffc421
}

.number-input .text-flow--label {
    margin-top: .7rem
}

.number-input--margin-hover .text-flow--label,.radio-circle:focus .text-flow--label,.radio-circle:hover .text-flow--label {
    margin-top: 0
}

.number-input .circle-container {
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 36em) {
    .number-input:hover .circle-container {
        transform:translateY(-.5rem)
    }
}

.radio-checkbox {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.radio-checkbox--background.radio-checkbox--background--active,.radio-checkbox--background:active {
    color: #291d18;
    background: #ffc421
}

.radio-checkbox--background.radio-checkbox--background--active .label--large.form-helper,.radio-checkbox--background.radio-checkbox--background--active label.label--large,.radio-checkbox--background:active .label--large.form-helper,.radio-checkbox--background:active label.label--large {
    color: #291d18
}

.radio-checkbox--background .form__radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper:before,.radio-checkbox--background .form__radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label:before {
    background-color: #291d18
}

.radio-checkbox--background--disabled {
    border: .2rem solid #f7f6f6;
    background: #f7f6f6;
    pointer-events: none
}

.radio-checkbox .form-helper,.radio-checkbox label {
    color: var(--theme__text___text-default)
}

.form__radio,.radio {
    position: relative;
    z-index: 2;
    display: inline-block
}

.form__radio+.form__radio,.form__radio+.radio,.radio+.form__radio,.radio+.radio {
    margin-left: 0
}

.form__radio+.form-helper+input[type=text],.form__radio+label+input[type=text],.radio+.form-helper+input[type=text],.radio+label+input[type=text] {
    margin-top: 1rem
}

.form-helper+.form__radio,.form-helper+.radio,label+.form__radio,label+.radio {
    margin-left: 1rem;
    margin-right: 0
}

.form__radio input[type=radio].form__radio__input:checked,.form__radio input[type=radio].form__radio__input:disabled,.form__radio input[type=radio].form__radio__input:not(:checked),.form__radio input[type=radio].radio-input:checked,.form__radio input[type=radio].radio-input:disabled,.form__radio input[type=radio].radio-input:not(:checked),.form__radio input[type=radio].radio__input:checked,.form__radio input[type=radio].radio__input:disabled,.form__radio input[type=radio].radio__input:not(:checked),.radio input[type=radio].form__radio__input:checked,.radio input[type=radio].form__radio__input:disabled,.radio input[type=radio].form__radio__input:not(:checked),.radio input[type=radio].radio-input:checked,.radio input[type=radio].radio-input:disabled,.radio input[type=radio].radio-input:not(:checked),.radio input[type=radio].radio__input:checked,.radio input[type=radio].radio__input:disabled,.radio input[type=radio].radio__input:not(:checked) {
    position: absolute;
    left: -9999px
}

.form__radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper,.form__radio input[type=radio].form__radio__input:checked+.radio-control.form-helper,.form__radio input[type=radio].form__radio__input:checked+label.form__radio__label,.form__radio input[type=radio].form__radio__input:checked+label.radio-control,.form__radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper,.form__radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper,.form__radio input[type=radio].form__radio__input:disabled+label.form__radio__label,.form__radio input[type=radio].form__radio__input:disabled+label.radio-control,.form__radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper,.form__radio input[type=radio].form__radio__input:not(:checked)+.radio-control.form-helper,.form__radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label,.form__radio input[type=radio].form__radio__input:not(:checked)+label.radio-control,.form__radio input[type=radio].radio-input:checked+.form__radio__label.form-helper,.form__radio input[type=radio].radio-input:checked+.radio-control.form-helper,.form__radio input[type=radio].radio-input:checked+label.form__radio__label,.form__radio input[type=radio].radio-input:checked+label.radio-control,.form__radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper,.form__radio input[type=radio].radio-input:disabled+.radio-control.form-helper,.form__radio input[type=radio].radio-input:disabled+label.form__radio__label,.form__radio input[type=radio].radio-input:disabled+label.radio-control,.form__radio input[type=radio].radio-input:not(:checked)+.form__radio__label.form-helper,.form__radio input[type=radio].radio-input:not(:checked)+.radio-control.form-helper,.form__radio input[type=radio].radio-input:not(:checked)+label.form__radio__label,.form__radio input[type=radio].radio-input:not(:checked)+label.radio-control,.form__radio input[type=radio].radio__input:checked+.form__radio__label.form-helper,.form__radio input[type=radio].radio__input:checked+.radio-control.form-helper,.form__radio input[type=radio].radio__input:checked+label.form__radio__label,.form__radio input[type=radio].radio__input:checked+label.radio-control,.form__radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper,.form__radio input[type=radio].radio__input:disabled+.radio-control.form-helper,.form__radio input[type=radio].radio__input:disabled+label.form__radio__label,.form__radio input[type=radio].radio__input:disabled+label.radio-control,.form__radio input[type=radio].radio__input:not(:checked)+.form__radio__label.form-helper,.form__radio input[type=radio].radio__input:not(:checked)+.radio-control.form-helper,.form__radio input[type=radio].radio__input:not(:checked)+label.form__radio__label,.form__radio input[type=radio].radio__input:not(:checked)+label.radio-control,.radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper,.radio input[type=radio].form__radio__input:checked+.radio-control.form-helper,.radio input[type=radio].form__radio__input:checked+label.form__radio__label,.radio input[type=radio].form__radio__input:checked+label.radio-control,.radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper,.radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper,.radio input[type=radio].form__radio__input:disabled+label.form__radio__label,.radio input[type=radio].form__radio__input:disabled+label.radio-control,.radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper,.radio input[type=radio].form__radio__input:not(:checked)+.radio-control.form-helper,.radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label,.radio input[type=radio].form__radio__input:not(:checked)+label.radio-control,.radio input[type=radio].radio-input:checked+.form__radio__label.form-helper,.radio input[type=radio].radio-input:checked+.radio-control.form-helper,.radio input[type=radio].radio-input:checked+label.form__radio__label,.radio input[type=radio].radio-input:checked+label.radio-control,.radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper,.radio input[type=radio].radio-input:disabled+.radio-control.form-helper,.radio input[type=radio].radio-input:disabled+label.form__radio__label,.radio input[type=radio].radio-input:disabled+label.radio-control,.radio input[type=radio].radio-input:not(:checked)+.form__radio__label.form-helper,.radio input[type=radio].radio-input:not(:checked)+.radio-control.form-helper,.radio input[type=radio].radio-input:not(:checked)+label.form__radio__label,.radio input[type=radio].radio-input:not(:checked)+label.radio-control,.radio input[type=radio].radio__input:checked+.form__radio__label.form-helper,.radio input[type=radio].radio__input:checked+.radio-control.form-helper,.radio input[type=radio].radio__input:checked+label.form__radio__label,.radio input[type=radio].radio__input:checked+label.radio-control,.radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper,.radio input[type=radio].radio__input:disabled+.radio-control.form-helper,.radio input[type=radio].radio__input:disabled+label.form__radio__label,.radio input[type=radio].radio__input:disabled+label.radio-control,.radio input[type=radio].radio__input:not(:checked)+.form__radio__label.form-helper,.radio input[type=radio].radio__input:not(:checked)+.radio-control.form-helper,.radio input[type=radio].radio__input:not(:checked)+label.form__radio__label,.radio input[type=radio].radio__input:not(:checked)+label.radio-control {
    position: relative;
    padding-left: 3.1rem;
    cursor: pointer;
    line-height: 2rem;
    color: var(--theme__text___text-default);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default
}

.form__radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:after,.form__radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:checked+label.form__radio__label:after,.form__radio input[type=radio].form__radio__input:checked+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:checked+label.radio-control:after,.form__radio input[type=radio].form__radio__input:checked+label.radio-control:before,.form__radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:after,.form__radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:disabled+label.form__radio__label:after,.form__radio input[type=radio].form__radio__input:disabled+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:disabled+label.radio-control:after,.form__radio input[type=radio].form__radio__input:disabled+label.radio-control:before,.form__radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:not(:checked)+.radio-control.form-helper:after,.form__radio input[type=radio].form__radio__input:not(:checked)+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label:after,.form__radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:not(:checked)+label.radio-control:after,.form__radio input[type=radio].form__radio__input:not(:checked)+label.radio-control:before,.form__radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:checked+.radio-control.form-helper:after,.form__radio input[type=radio].radio-input:checked+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:checked+label.form__radio__label:after,.form__radio input[type=radio].radio-input:checked+label.form__radio__label:before,.form__radio input[type=radio].radio-input:checked+label.radio-control:after,.form__radio input[type=radio].radio-input:checked+label.radio-control:before,.form__radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:disabled+.radio-control.form-helper:after,.form__radio input[type=radio].radio-input:disabled+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:disabled+label.form__radio__label:after,.form__radio input[type=radio].radio-input:disabled+label.form__radio__label:before,.form__radio input[type=radio].radio-input:disabled+label.radio-control:after,.form__radio input[type=radio].radio-input:disabled+label.radio-control:before,.form__radio input[type=radio].radio-input:not(:checked)+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio-input:not(:checked)+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:not(:checked)+.radio-control.form-helper:after,.form__radio input[type=radio].radio-input:not(:checked)+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:not(:checked)+label.form__radio__label:after,.form__radio input[type=radio].radio-input:not(:checked)+label.form__radio__label:before,.form__radio input[type=radio].radio-input:not(:checked)+label.radio-control:after,.form__radio input[type=radio].radio-input:not(:checked)+label.radio-control:before,.form__radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:checked+.radio-control.form-helper:after,.form__radio input[type=radio].radio__input:checked+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:checked+label.form__radio__label:after,.form__radio input[type=radio].radio__input:checked+label.form__radio__label:before,.form__radio input[type=radio].radio__input:checked+label.radio-control:after,.form__radio input[type=radio].radio__input:checked+label.radio-control:before,.form__radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:disabled+.radio-control.form-helper:after,.form__radio input[type=radio].radio__input:disabled+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:disabled+label.form__radio__label:after,.form__radio input[type=radio].radio__input:disabled+label.form__radio__label:before,.form__radio input[type=radio].radio__input:disabled+label.radio-control:after,.form__radio input[type=radio].radio__input:disabled+label.radio-control:before,.form__radio input[type=radio].radio__input:not(:checked)+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio__input:not(:checked)+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:not(:checked)+.radio-control.form-helper:after,.form__radio input[type=radio].radio__input:not(:checked)+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:not(:checked)+label.form__radio__label:after,.form__radio input[type=radio].radio__input:not(:checked)+label.form__radio__label:before,.form__radio input[type=radio].radio__input:not(:checked)+label.radio-control:after,.form__radio input[type=radio].radio__input:not(:checked)+label.radio-control:before,.radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:after,.radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:checked+label.form__radio__label:after,.radio input[type=radio].form__radio__input:checked+label.form__radio__label:before,.radio input[type=radio].form__radio__input:checked+label.radio-control:after,.radio input[type=radio].form__radio__input:checked+label.radio-control:before,.radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:after,.radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:disabled+label.form__radio__label:after,.radio input[type=radio].form__radio__input:disabled+label.form__radio__label:before,.radio input[type=radio].form__radio__input:disabled+label.radio-control:after,.radio input[type=radio].form__radio__input:disabled+label.radio-control:before,.radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:not(:checked)+.radio-control.form-helper:after,.radio input[type=radio].form__radio__input:not(:checked)+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label:after,.radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label:before,.radio input[type=radio].form__radio__input:not(:checked)+label.radio-control:after,.radio input[type=radio].form__radio__input:not(:checked)+label.radio-control:before,.radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:after,.radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:checked+.radio-control.form-helper:after,.radio input[type=radio].radio-input:checked+.radio-control.form-helper:before,.radio input[type=radio].radio-input:checked+label.form__radio__label:after,.radio input[type=radio].radio-input:checked+label.form__radio__label:before,.radio input[type=radio].radio-input:checked+label.radio-control:after,.radio input[type=radio].radio-input:checked+label.radio-control:before,.radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:after,.radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:disabled+.radio-control.form-helper:after,.radio input[type=radio].radio-input:disabled+.radio-control.form-helper:before,.radio input[type=radio].radio-input:disabled+label.form__radio__label:after,.radio input[type=radio].radio-input:disabled+label.form__radio__label:before,.radio input[type=radio].radio-input:disabled+label.radio-control:after,.radio input[type=radio].radio-input:disabled+label.radio-control:before,.radio input[type=radio].radio-input:not(:checked)+.form__radio__label.form-helper:after,.radio input[type=radio].radio-input:not(:checked)+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:not(:checked)+.radio-control.form-helper:after,.radio input[type=radio].radio-input:not(:checked)+.radio-control.form-helper:before,.radio input[type=radio].radio-input:not(:checked)+label.form__radio__label:after,.radio input[type=radio].radio-input:not(:checked)+label.form__radio__label:before,.radio input[type=radio].radio-input:not(:checked)+label.radio-control:after,.radio input[type=radio].radio-input:not(:checked)+label.radio-control:before,.radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:after,.radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:checked+.radio-control.form-helper:after,.radio input[type=radio].radio__input:checked+.radio-control.form-helper:before,.radio input[type=radio].radio__input:checked+label.form__radio__label:after,.radio input[type=radio].radio__input:checked+label.form__radio__label:before,.radio input[type=radio].radio__input:checked+label.radio-control:after,.radio input[type=radio].radio__input:checked+label.radio-control:before,.radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:after,.radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:disabled+.radio-control.form-helper:after,.radio input[type=radio].radio__input:disabled+.radio-control.form-helper:before,.radio input[type=radio].radio__input:disabled+label.form__radio__label:after,.radio input[type=radio].radio__input:disabled+label.form__radio__label:before,.radio input[type=radio].radio__input:disabled+label.radio-control:after,.radio input[type=radio].radio__input:disabled+label.radio-control:before,.radio input[type=radio].radio__input:not(:checked)+.form__radio__label.form-helper:after,.radio input[type=radio].radio__input:not(:checked)+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:not(:checked)+.radio-control.form-helper:after,.radio input[type=radio].radio__input:not(:checked)+.radio-control.form-helper:before,.radio input[type=radio].radio__input:not(:checked)+label.form__radio__label:after,.radio input[type=radio].radio__input:not(:checked)+label.form__radio__label:before,.radio input[type=radio].radio__input:not(:checked)+label.radio-control:after,.radio input[type=radio].radio__input:not(:checked)+label.radio-control:before {
    content: "";
    position: absolute
}

.form__radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:checked+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:checked+label.radio-control:before,.form__radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:disabled+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:disabled+label.radio-control:before,.form__radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:not(:checked)+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:not(:checked)+label.radio-control:before,.form__radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:checked+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:checked+label.form__radio__label:before,.form__radio input[type=radio].radio-input:checked+label.radio-control:before,.form__radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:disabled+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:disabled+label.form__radio__label:before,.form__radio input[type=radio].radio-input:disabled+label.radio-control:before,.form__radio input[type=radio].radio-input:not(:checked)+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:not(:checked)+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:not(:checked)+label.form__radio__label:before,.form__radio input[type=radio].radio-input:not(:checked)+label.radio-control:before,.form__radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:checked+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:checked+label.form__radio__label:before,.form__radio input[type=radio].radio__input:checked+label.radio-control:before,.form__radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:disabled+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:disabled+label.form__radio__label:before,.form__radio input[type=radio].radio__input:disabled+label.radio-control:before,.form__radio input[type=radio].radio__input:not(:checked)+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:not(:checked)+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:not(:checked)+label.form__radio__label:before,.form__radio input[type=radio].radio__input:not(:checked)+label.radio-control:before,.radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:checked+label.form__radio__label:before,.radio input[type=radio].form__radio__input:checked+label.radio-control:before,.radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:disabled+label.form__radio__label:before,.radio input[type=radio].form__radio__input:disabled+label.radio-control:before,.radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:not(:checked)+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label:before,.radio input[type=radio].form__radio__input:not(:checked)+label.radio-control:before,.radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:checked+.radio-control.form-helper:before,.radio input[type=radio].radio-input:checked+label.form__radio__label:before,.radio input[type=radio].radio-input:checked+label.radio-control:before,.radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:disabled+.radio-control.form-helper:before,.radio input[type=radio].radio-input:disabled+label.form__radio__label:before,.radio input[type=radio].radio-input:disabled+label.radio-control:before,.radio input[type=radio].radio-input:not(:checked)+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:not(:checked)+.radio-control.form-helper:before,.radio input[type=radio].radio-input:not(:checked)+label.form__radio__label:before,.radio input[type=radio].radio-input:not(:checked)+label.radio-control:before,.radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:checked+.radio-control.form-helper:before,.radio input[type=radio].radio__input:checked+label.form__radio__label:before,.radio input[type=radio].radio__input:checked+label.radio-control:before,.radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:disabled+.radio-control.form-helper:before,.radio input[type=radio].radio__input:disabled+label.form__radio__label:before,.radio input[type=radio].radio__input:disabled+label.radio-control:before,.radio input[type=radio].radio__input:not(:checked)+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:not(:checked)+.radio-control.form-helper:before,.radio input[type=radio].radio__input:not(:checked)+label.form__radio__label:before,.radio input[type=radio].radio__input:not(:checked)+label.radio-control:before {
    height: 2.4rem;
    width: 2.4rem;
    background-color: transparent;
    border-radius: 1.2rem;
    top: 0;
    left: .15rem;
    box-shadow: inset 0 0 0 .1rem var(--theme__text___text-default);
    cursor: pointer
}

.form__radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:after,.form__radio input[type=radio].form__radio__input:checked+label.form__radio__label:after,.form__radio input[type=radio].form__radio__input:checked+label.radio-control:after,.form__radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:after,.form__radio input[type=radio].form__radio__input:disabled+label.form__radio__label:after,.form__radio input[type=radio].form__radio__input:disabled+label.radio-control:after,.form__radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio__input:not(:checked)+.radio-control.form-helper:after,.form__radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label:after,.form__radio input[type=radio].form__radio__input:not(:checked)+label.radio-control:after,.form__radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio-input:checked+.radio-control.form-helper:after,.form__radio input[type=radio].radio-input:checked+label.form__radio__label:after,.form__radio input[type=radio].radio-input:checked+label.radio-control:after,.form__radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio-input:disabled+.radio-control.form-helper:after,.form__radio input[type=radio].radio-input:disabled+label.form__radio__label:after,.form__radio input[type=radio].radio-input:disabled+label.radio-control:after,.form__radio input[type=radio].radio-input:not(:checked)+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio-input:not(:checked)+.radio-control.form-helper:after,.form__radio input[type=radio].radio-input:not(:checked)+label.form__radio__label:after,.form__radio input[type=radio].radio-input:not(:checked)+label.radio-control:after,.form__radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio__input:checked+.radio-control.form-helper:after,.form__radio input[type=radio].radio__input:checked+label.form__radio__label:after,.form__radio input[type=radio].radio__input:checked+label.radio-control:after,.form__radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio__input:disabled+.radio-control.form-helper:after,.form__radio input[type=radio].radio__input:disabled+label.form__radio__label:after,.form__radio input[type=radio].radio__input:disabled+label.radio-control:after,.form__radio input[type=radio].radio__input:not(:checked)+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio__input:not(:checked)+.radio-control.form-helper:after,.form__radio input[type=radio].radio__input:not(:checked)+label.form__radio__label:after,.form__radio input[type=radio].radio__input:not(:checked)+label.radio-control:after,.radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:after,.radio input[type=radio].form__radio__input:checked+label.form__radio__label:after,.radio input[type=radio].form__radio__input:checked+label.radio-control:after,.radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:after,.radio input[type=radio].form__radio__input:disabled+label.form__radio__label:after,.radio input[type=radio].form__radio__input:disabled+label.radio-control:after,.radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio__input:not(:checked)+.radio-control.form-helper:after,.radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label:after,.radio input[type=radio].form__radio__input:not(:checked)+label.radio-control:after,.radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:after,.radio input[type=radio].radio-input:checked+.radio-control.form-helper:after,.radio input[type=radio].radio-input:checked+label.form__radio__label:after,.radio input[type=radio].radio-input:checked+label.radio-control:after,.radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:after,.radio input[type=radio].radio-input:disabled+.radio-control.form-helper:after,.radio input[type=radio].radio-input:disabled+label.form__radio__label:after,.radio input[type=radio].radio-input:disabled+label.radio-control:after,.radio input[type=radio].radio-input:not(:checked)+.form__radio__label.form-helper:after,.radio input[type=radio].radio-input:not(:checked)+.radio-control.form-helper:after,.radio input[type=radio].radio-input:not(:checked)+label.form__radio__label:after,.radio input[type=radio].radio-input:not(:checked)+label.radio-control:after,.radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:after,.radio input[type=radio].radio__input:checked+.radio-control.form-helper:after,.radio input[type=radio].radio__input:checked+label.form__radio__label:after,.radio input[type=radio].radio__input:checked+label.radio-control:after,.radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:after,.radio input[type=radio].radio__input:disabled+.radio-control.form-helper:after,.radio input[type=radio].radio__input:disabled+label.form__radio__label:after,.radio input[type=radio].radio__input:disabled+label.radio-control:after,.radio input[type=radio].radio__input:not(:checked)+.form__radio__label.form-helper:after,.radio input[type=radio].radio__input:not(:checked)+.radio-control.form-helper:after,.radio input[type=radio].radio__input:not(:checked)+label.form__radio__label:after,.radio input[type=radio].radio__input:not(:checked)+label.radio-control:after {
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    height: .8rem;
    width: .8rem;
    top: 0;
    left: .15rem;
    line-height: 2.4rem
}

.form__radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:after,.form__radio input[type=radio].form__radio__input:checked+label.form__radio__label:after,.form__radio input[type=radio].form__radio__input:checked+label.radio-control:after,.form__radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio-input:checked+.radio-control.form-helper:after,.form__radio input[type=radio].radio-input:checked+label.form__radio__label:after,.form__radio input[type=radio].radio-input:checked+label.radio-control:after,.form__radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio__input:checked+.radio-control.form-helper:after,.form__radio input[type=radio].radio__input:checked+label.form__radio__label:after,.form__radio input[type=radio].radio__input:checked+label.radio-control:after,.radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:after,.radio input[type=radio].form__radio__input:checked+label.form__radio__label:after,.radio input[type=radio].form__radio__input:checked+label.radio-control:after,.radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:after,.radio input[type=radio].radio-input:checked+.radio-control.form-helper:after,.radio input[type=radio].radio-input:checked+label.form__radio__label:after,.radio input[type=radio].radio-input:checked+label.radio-control:after,.radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:after,.radio input[type=radio].radio__input:checked+.radio-control.form-helper:after,.radio input[type=radio].radio__input:checked+label.form__radio__label:after,.radio input[type=radio].radio__input:checked+label.radio-control:after {
    margin: .8rem;
    background-color: #291d18;
    box-shadow: none;
    cursor: pointer
}

.form__radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:checked+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:checked+label.radio-control:before,.form__radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:checked+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:checked+label.form__radio__label:before,.form__radio input[type=radio].radio-input:checked+label.radio-control:before,.form__radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:checked+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:checked+label.form__radio__label:before,.form__radio input[type=radio].radio__input:checked+label.radio-control:before,.radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:checked+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:checked+label.form__radio__label:before,.radio input[type=radio].form__radio__input:checked+label.radio-control:before,.radio input[type=radio].radio-input:checked+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:checked+.radio-control.form-helper:before,.radio input[type=radio].radio-input:checked+label.form__radio__label:before,.radio input[type=radio].radio-input:checked+label.radio-control:before,.radio input[type=radio].radio__input:checked+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:checked+.radio-control.form-helper:before,.radio input[type=radio].radio__input:checked+label.form__radio__label:before,.radio input[type=radio].radio__input:checked+label.radio-control:before {
    background-color: #ffc421;
    box-shadow: none;
    cursor: pointer
}

.form__radio input[type=radio].form__radio__input:active+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:active+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:active+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:active+label.radio-control:before,.form__radio input[type=radio].form__radio__input:focus+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:focus+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:focus+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:focus+label.radio-control:before,.form__radio input[type=radio].radio-input:active+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:active+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:active+label.form__radio__label:before,.form__radio input[type=radio].radio-input:active+label.radio-control:before,.form__radio input[type=radio].radio-input:focus+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:focus+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:focus+label.form__radio__label:before,.form__radio input[type=radio].radio-input:focus+label.radio-control:before,.form__radio input[type=radio].radio__input:active+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:active+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:active+label.form__radio__label:before,.form__radio input[type=radio].radio__input:active+label.radio-control:before,.form__radio input[type=radio].radio__input:focus+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:focus+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:focus+label.form__radio__label:before,.form__radio input[type=radio].radio__input:focus+label.radio-control:before,.radio input[type=radio].form__radio__input:active+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:active+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:active+label.form__radio__label:before,.radio input[type=radio].form__radio__input:active+label.radio-control:before,.radio input[type=radio].form__radio__input:focus+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:focus+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:focus+label.form__radio__label:before,.radio input[type=radio].form__radio__input:focus+label.radio-control:before,.radio input[type=radio].radio-input:active+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:active+.radio-control.form-helper:before,.radio input[type=radio].radio-input:active+label.form__radio__label:before,.radio input[type=radio].radio-input:active+label.radio-control:before,.radio input[type=radio].radio-input:focus+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:focus+.radio-control.form-helper:before,.radio input[type=radio].radio-input:focus+label.form__radio__label:before,.radio input[type=radio].radio-input:focus+label.radio-control:before,.radio input[type=radio].radio__input:active+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:active+.radio-control.form-helper:before,.radio input[type=radio].radio__input:active+label.form__radio__label:before,.radio input[type=radio].radio__input:active+label.radio-control:before,.radio input[type=radio].radio__input:focus+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:focus+.radio-control.form-helper:before,.radio input[type=radio].radio__input:focus+label.form__radio__label:before,.radio input[type=radio].radio__input:focus+label.radio-control:before {
    box-shadow: inset 0 0 0 .2rem var(--theme__text___text-default);
    background-color: none
}

.form__radio input[type=radio].form__radio__input:checked:focus+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:checked:focus+label.radio-control:before,.form__radio input[type=radio].form__radio__input:focus:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:focus:checked+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:focus:checked+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:focus:checked+label.radio-control:before,.form__radio input[type=radio].radio-input:checked:focus+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:checked:focus+label.radio-control:before,.form__radio input[type=radio].radio-input:focus:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:focus:checked+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:focus:checked+label.form__radio__label:before,.form__radio input[type=radio].radio-input:focus:checked+label.radio-control:before,.form__radio input[type=radio].radio__input:checked:focus+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:checked:focus+label.radio-control:before,.form__radio input[type=radio].radio__input:focus:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:focus:checked+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:focus:checked+label.form__radio__label:before,.form__radio input[type=radio].radio__input:focus:checked+label.radio-control:before,.radio input[type=radio].form__radio__input:checked:focus+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:checked:focus+label.radio-control:before,.radio input[type=radio].form__radio__input:focus:checked+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:focus:checked+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:focus:checked+label.form__radio__label:before,.radio input[type=radio].form__radio__input:focus:checked+label.radio-control:before,.radio input[type=radio].radio-input:checked:focus+.radio-control.form-helper:before,.radio input[type=radio].radio-input:checked:focus+label.radio-control:before,.radio input[type=radio].radio-input:focus:checked+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:focus:checked+.radio-control.form-helper:before,.radio input[type=radio].radio-input:focus:checked+label.form__radio__label:before,.radio input[type=radio].radio-input:focus:checked+label.radio-control:before,.radio input[type=radio].radio__input:checked:focus+.radio-control.form-helper:before,.radio input[type=radio].radio__input:checked:focus+label.radio-control:before,.radio input[type=radio].radio__input:focus:checked+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:focus:checked+.radio-control.form-helper:before,.radio input[type=radio].radio__input:focus:checked+label.form__radio__label:before,.radio input[type=radio].radio__input:focus:checked+label.radio-control:before {
    box-shadow: none;
    background-color: #ffc421
}

.form__radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper,.form__radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper,.form__radio input[type=radio].form__radio__input:disabled+label.form__radio__label,.form__radio input[type=radio].form__radio__input:disabled+label.radio-control,.form__radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper,.form__radio input[type=radio].radio-input:disabled+.radio-control.form-helper,.form__radio input[type=radio].radio-input:disabled+label.form__radio__label,.form__radio input[type=radio].radio-input:disabled+label.radio-control,.form__radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper,.form__radio input[type=radio].radio__input:disabled+.radio-control.form-helper,.form__radio input[type=radio].radio__input:disabled+label.form__radio__label,.form__radio input[type=radio].radio__input:disabled+label.radio-control,.radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper,.radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper,.radio input[type=radio].form__radio__input:disabled+label.form__radio__label,.radio input[type=radio].form__radio__input:disabled+label.radio-control,.radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper,.radio input[type=radio].radio-input:disabled+.radio-control.form-helper,.radio input[type=radio].radio-input:disabled+label.form__radio__label,.radio input[type=radio].radio-input:disabled+label.radio-control,.radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper,.radio input[type=radio].radio__input:disabled+.radio-control.form-helper,.radio input[type=radio].radio__input:disabled+label.form__radio__label,.radio input[type=radio].radio__input:disabled+label.radio-control {
    pointer-events: none
}

.form__radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:after,.form__radio input[type=radio].form__radio__input:disabled+label.form__radio__label:after,.form__radio input[type=radio].form__radio__input:disabled+label.radio-control:after,.form__radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio-input:disabled+.radio-control.form-helper:after,.form__radio input[type=radio].radio-input:disabled+label.form__radio__label:after,.form__radio input[type=radio].radio-input:disabled+label.radio-control:after,.form__radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio__input:disabled+.radio-control.form-helper:after,.form__radio input[type=radio].radio__input:disabled+label.form__radio__label:after,.form__radio input[type=radio].radio__input:disabled+label.radio-control:after,.radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:after,.radio input[type=radio].form__radio__input:disabled+label.form__radio__label:after,.radio input[type=radio].form__radio__input:disabled+label.radio-control:after,.radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:after,.radio input[type=radio].radio-input:disabled+.radio-control.form-helper:after,.radio input[type=radio].radio-input:disabled+label.form__radio__label:after,.radio input[type=radio].radio-input:disabled+label.radio-control:after,.radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:after,.radio input[type=radio].radio__input:disabled+.radio-control.form-helper:after,.radio input[type=radio].radio__input:disabled+label.form__radio__label:after,.radio input[type=radio].radio__input:disabled+label.radio-control:after {
    pointer-events: none;
    opacity: .4
}

.form__radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:disabled+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:disabled+label.radio-control:before,.form__radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:disabled+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:disabled+label.form__radio__label:before,.form__radio input[type=radio].radio-input:disabled+label.radio-control:before,.form__radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:disabled+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:disabled+label.form__radio__label:before,.form__radio input[type=radio].radio__input:disabled+label.radio-control:before,.radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:disabled+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:disabled+label.form__radio__label:before,.radio input[type=radio].form__radio__input:disabled+label.radio-control:before,.radio input[type=radio].radio-input:disabled+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:disabled+.radio-control.form-helper:before,.radio input[type=radio].radio-input:disabled+label.form__radio__label:before,.radio input[type=radio].radio-input:disabled+label.radio-control:before,.radio input[type=radio].radio__input:disabled+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:disabled+.radio-control.form-helper:before,.radio input[type=radio].radio__input:disabled+label.form__radio__label:before,.radio input[type=radio].radio__input:disabled+label.radio-control:before {
    pointer-events: none;
    opacity: .4
}

.form__radio input[type=radio].form__radio__input:disabled:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio__input:disabled:checked+.radio-control.form-helper:after,.form__radio input[type=radio].form__radio__input:disabled:checked+label.form__radio__label:after,.form__radio input[type=radio].form__radio__input:disabled:checked+label.radio-control:after,.form__radio input[type=radio].radio-input:disabled:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio-input:disabled:checked+.radio-control.form-helper:after,.form__radio input[type=radio].radio-input:disabled:checked+label.form__radio__label:after,.form__radio input[type=radio].radio-input:disabled:checked+label.radio-control:after,.form__radio input[type=radio].radio__input:disabled:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].radio__input:disabled:checked+.radio-control.form-helper:after,.form__radio input[type=radio].radio__input:disabled:checked+label.form__radio__label:after,.form__radio input[type=radio].radio__input:disabled:checked+label.radio-control:after,.radio input[type=radio].form__radio__input:disabled:checked+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio__input:disabled:checked+.radio-control.form-helper:after,.radio input[type=radio].form__radio__input:disabled:checked+label.form__radio__label:after,.radio input[type=radio].form__radio__input:disabled:checked+label.radio-control:after,.radio input[type=radio].radio-input:disabled:checked+.form__radio__label.form-helper:after,.radio input[type=radio].radio-input:disabled:checked+.radio-control.form-helper:after,.radio input[type=radio].radio-input:disabled:checked+label.form__radio__label:after,.radio input[type=radio].radio-input:disabled:checked+label.radio-control:after,.radio input[type=radio].radio__input:disabled:checked+.form__radio__label.form-helper:after,.radio input[type=radio].radio__input:disabled:checked+.radio-control.form-helper:after,.radio input[type=radio].radio__input:disabled:checked+label.form__radio__label:after,.radio input[type=radio].radio__input:disabled:checked+label.radio-control:after {
    background-color: #291d18
}

.form__radio input[type=radio].form__radio__input:disabled:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio__input:disabled:checked+.radio-control.form-helper:before,.form__radio input[type=radio].form__radio__input:disabled:checked+label.form__radio__label:before,.form__radio input[type=radio].form__radio__input:disabled:checked+label.radio-control:before,.form__radio input[type=radio].radio-input:disabled:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio-input:disabled:checked+.radio-control.form-helper:before,.form__radio input[type=radio].radio-input:disabled:checked+label.form__radio__label:before,.form__radio input[type=radio].radio-input:disabled:checked+label.radio-control:before,.form__radio input[type=radio].radio__input:disabled:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].radio__input:disabled:checked+.radio-control.form-helper:before,.form__radio input[type=radio].radio__input:disabled:checked+label.form__radio__label:before,.form__radio input[type=radio].radio__input:disabled:checked+label.radio-control:before,.radio input[type=radio].form__radio__input:disabled:checked+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio__input:disabled:checked+.radio-control.form-helper:before,.radio input[type=radio].form__radio__input:disabled:checked+label.form__radio__label:before,.radio input[type=radio].form__radio__input:disabled:checked+label.radio-control:before,.radio input[type=radio].radio-input:disabled:checked+.form__radio__label.form-helper:before,.radio input[type=radio].radio-input:disabled:checked+.radio-control.form-helper:before,.radio input[type=radio].radio-input:disabled:checked+label.form__radio__label:before,.radio input[type=radio].radio-input:disabled:checked+label.radio-control:before,.radio input[type=radio].radio__input:disabled:checked+.form__radio__label.form-helper:before,.radio input[type=radio].radio__input:disabled:checked+.radio-control.form-helper:before,.radio input[type=radio].radio__input:disabled:checked+label.form__radio__label:before,.radio input[type=radio].radio__input:disabled:checked+label.radio-control:before {
    background-color: transparent;
    border: .1rem solid #291d18
}

.form__radio input[type=radio].form__radio--checkmark+.form__radio__label.form-helper,.form__radio input[type=radio].form__radio--checkmark+label.form__radio__label,.radio input[type=radio].form__radio--checkmark+.form__radio__label.form-helper,.radio input[type=radio].form__radio--checkmark+label.form__radio__label {
    width: 2.4rem;
    height: 2.4rem;
    border: .08rem solid #a0a1a2;
    border-radius: 1.2rem
}

.form__radio input[type=radio].form__radio--checkmark:disabled+.form__radio__label.form-helper,.form__radio input[type=radio].form__radio--checkmark:disabled+label.form__radio__label,.radio input[type=radio].form__radio--checkmark:disabled+.form__radio__label.form-helper,.radio input[type=radio].form__radio--checkmark:disabled+label.form__radio__label {
    border: .08rem solid rgba(160,161,162,.2)
}

.form__radio input[type=radio].form__radio--checkmark:not(:checked)+.form__radio__label.form-helper,.form__radio input[type=radio].form__radio--checkmark:not(:checked)+label.form__radio__label,.radio input[type=radio].form__radio--checkmark:not(:checked)+.form__radio__label.form-helper,.radio input[type=radio].form__radio--checkmark:not(:checked)+label.form__radio__label {
    padding-left: 0
}

.form__radio input[type=radio].form__radio--checkmark:not(:checked)+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio--checkmark:not(:checked)+label.form__radio__label:before,.radio input[type=radio].form__radio--checkmark:not(:checked)+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio--checkmark:not(:checked)+label.form__radio__label:before {
    background: transparent;
    box-shadow: none
}

.form__radio input[type=radio].form__radio--checkmark:checked+.form__radio__label.form-helper,.form__radio input[type=radio].form__radio--checkmark:checked+label.form__radio__label,.radio input[type=radio].form__radio--checkmark:checked+.form__radio__label.form-helper,.radio input[type=radio].form__radio--checkmark:checked+label.form__radio__label {
    padding-left: 0;
    border: .08rem solid #fff
}

.form__radio input[type=radio].form__radio--checkmark:checked+.form__radio__label.form-helper:before,.form__radio input[type=radio].form__radio--checkmark:checked+label.form__radio__label:before,.radio input[type=radio].form__radio--checkmark:checked+.form__radio__label.form-helper:before,.radio input[type=radio].form__radio--checkmark:checked+label.form__radio__label:before {
    background: #ffc421;
    box-shadow: none
}

.form__radio input[type=radio].form__radio--checkmark:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio--checkmark:checked+label.form__radio__label:after,.radio input[type=radio].form__radio--checkmark:checked+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio--checkmark:checked+label.form__radio__label:after {
    content: "";
    top: -.2rem;
    left: .2rem;
    padding-top: .3rem;
    color: #fff;
    background: transparent;
    box-shadow: none;
    font-size: .8rem;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .form__radio .radio input[type=radio].radio-input:checked+.radio-control.form-helper:after,.form__radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio__input:checked+label.form__radio__label:after,.form__radio input[type=radio].radio-input:checked+.radio-control.form-helper:after,.form__radio input[type=radio].radio-input:checked+label.radio-control:after,.radio .radio input[type=radio].radio-input:checked+.radio-control.form-helper:after,.radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio__input:checked+label.form__radio__label:after,.radio input[type=radio].radio-input:checked+.radio-control.form-helper:after,.radio input[type=radio].radio-input:checked+label.radio-control:after {
        margin: .8rem!important;
        top: 0!important
    }

    .form__radio .radio input[type=radio].radio-input:disabled+.radio-control.form-helper:after,.form__radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:after,.form__radio input[type=radio].form__radio__input:disabled+label.form__radio__label:after,.form__radio input[type=radio].radio-input:disabled+.radio-control.form-helper:after,.form__radio input[type=radio].radio-input:disabled+label.radio-control:after,.radio .radio input[type=radio].radio-input:disabled+.radio-control.form-helper:after,.radio input[type=radio].form__radio__input:disabled+.form__radio__label.form-helper:after,.radio input[type=radio].form__radio__input:disabled+label.form__radio__label:after,.radio input[type=radio].radio-input:disabled+.radio-control.form-helper:after,.radio input[type=radio].radio-input:disabled+label.radio-control:after {
        margin: .8rem .4rem -.9rem!important;
        top: 0!important
    }
}

@media only screen and (min-width: 36em) {
    .radio-checkbox--horizontal .radio-checkbox {
        display:inline-flex;
        align-items: center
    }
}

.radio-checkbox--horizontal .form__radio,.radio-checkbox--horizontal .radio {
    margin-right: .6rem
}

.radio-checkbox--horizontal .form__radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper,.radio-checkbox--horizontal .form__radio input[type=radio].form__radio__input:checked+label.form__radio__label,.radio-checkbox--horizontal .form__radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper,.radio-checkbox--horizontal .form__radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label,.radio-checkbox--horizontal .radio input[type=radio].form__radio__input:checked+.form__radio__label.form-helper,.radio-checkbox--horizontal .radio input[type=radio].form__radio__input:checked+label.form__radio__label,.radio-checkbox--horizontal .radio input[type=radio].form__radio__input:not(:checked)+.form__radio__label.form-helper,.radio-checkbox--horizontal .radio input[type=radio].form__radio__input:not(:checked)+label.form__radio__label {
    line-height: 2.4rem;
    margin-bottom: 0
}

.radio-checkbox--horizontal .label--large {
    margin-right: 2.4rem;
    margin-bottom: 0;
    line-height: 2.4rem;
    vertical-align: sub;
    color: #655c58
}

@media only screen and (min-width: 36em) {
    .radio-checkbox--horizontal .label--large {
        margin-right:3.2rem
    }
}

.radio-checkbox--horizontal .whitespace {
    display: none
}

.selector {
    width: 100%;
    cursor: pointer;
    background: #fff;
    border-radius: .8rem
}

@media only screen and (min-width: 36em) {
    .selector {
        position:relative;
        width: 39.2rem;
        min-height: 5.2rem
    }
}

.selector__action {
    pointer-events: none;
    height: .8rem
}

.selector__action .arrow.arrow--down:after,.selector__action .arrow.arrow--up:after {
    color: #291d18;
    top: 0;
    opacity: .8;
    font-size: 2rem;
    border: 0 transparent
}

.selector__action .arrow--up:after {
    left: 2rem
}

.selector__list {
    display: flex;
    position: absolute;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.6rem;
    height: 5.2rem;
    border-radius: 0;
    border: .1rem solid #eeeded;
    list-style-type: none
}

.selector__list__icon {
    padding-right: 1rem
}

.selector__list__icon .icon-circle {
    background: #ffc421;
    width: 3.6rem;
    height: 3.6rem
}

.selector__list__icon [class^=icon] {
    color: #fff
}

.selector__list__icon [class^=icon]:before {
    position: relative;
    font-size: 2rem
}

.selector__list__icon .icon-wifi:before {
    right: -.1rem
}

.selector__list__first-item {
    width: 100%;
    border-radius: .8rem
}

.selector__list__first-item .selector__list__section {
    display: flex;
    align-items: center;
    width: 90%
}

.selector__list__first-item--opened {
    height: auto;
    width: 100%;
    overflow: visible;
    z-index: 5;
    background: #fff;
    border-radius: .8rem .8rem 0 0;
    border-bottom: 0
}

.selector__list__first-item--opened+ul {
    display: flex;
    position: absolute;
    margin-top: 5rem;
    margin-bottom: 0;
    padding: 0;
    height: auto;
    width: 100%;
    max-height: 20rem;
    overflow: auto;
    border-top: .1rem solid #f7f6f6;
    border-radius: 0 0 .8rem .8rem;
    z-index: 999;
    background: #fff
}

.selector__list__first-item--closed+ul {
    display: none
}

.selector__list__options__item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex: 1 0 100%;
    margin-right: 0;
    padding: 1.6rem;
    width: 90%;
    border-bottom: .1rem solid #f7f6f6
}

.selector__list__options__item--active {
    order: -1
}

.selector__list__options__item:hover {
    background: #ffc421;
    color: #fff
}

.selector__list__options__item:hover .icon-circle {
    background: #fff
}

.selector__list__options__item:hover [class^=icon] {
    color: #ffc421
}

.selector__list__options__item:hover .selector__list__content__second-section__item {
    color: #fff
}

.selector__list__options__item__link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.6rem;
    text-decoration: none;
    width: 100%;
    color: #291d18
}

.selector__list__content {
    display: flex;
    width: 92%;
    justify-content: space-between
}

.selector__list__content__second-section .last-item {
    color: #c95942
}

.selector--with-icon .selector__list {
    height: 6.8rem
}

.selector--with-icon .selector__list__first-item--opened+ul {
    height: auto;
    margin-top: 6.8rem
}

.selector--with-icon .selector__list__content {
    width: 80%
}

.range-slider {
    width: 100%;
    box-sizing: inherit;
    margin-top: 1rem;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer
}

.range-slider::-webkit-slider-runnable-track {
    height: .8rem;
    border-radius: .4rem;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15);
    border: none;
    background: #f7f6f6
}

.range-slider::-webkit-slider-thumb {
    width: 2rem;
    height: 2rem;
    border: 0;
    margin-top: -.5rem;
    background: #f7f6f6;
    box-shadow: .1rem .3rem .8rem 0 rgba(30,37,74,.09),.1rem .1rem .3rem 0 rgba(30,37,74,.18);
    border-radius: 100%;
    -webkit-appearance: none;
    appearance: none
}

.range-slider::-moz-range-track {
    height: .8rem;
    border-radius: .4rem;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15);
    border: none;
    background: #f7f6f6
}

.range-slider::-moz-focus-outer {
    border: 0
}

.range-slider::-moz-range-thumb {
    width: 2rem;
    height: 2rem;
    box-shadow: .1rem .3rem .8rem 0 rgba(30,37,74,.09),.1rem .1rem .3rem 0 rgba(30,37,74,.18);
    border: 0;
    background: #f7f6f6;
    border-radius: 100%
}

.range-slider::-ms-track {
    height: .8rem;
    background: transparent;
    border-color: transparent;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15);
    box-sizing: border-box;
    border-width: .6rem 0;
    border-radius: .4rem;
    color: transparent
}

.range-slider::-ms-fill-lower,.range-slider::-ms-fill-upper {
    height: .5rem;
    background: #f7f6f6
}

.range-slider::-ms-thumb {
    width: 1.2rem;
    height: 1.2rem;
    border: 0;
    background: #f7f6f6;
    box-shadow: .1rem .3rem .8rem 0 rgba(30,37,74,.09),.1rem .1rem .3rem 0 rgba(30,37,74,.18);
    border-radius: 100%;
    margin: auto
}

.range-slider::-ms-tooltip {
    display: none
}

.picker-wrapper {
    text-align: center;
    position: relative;
    height: 21rem;
    display: inline-block;
    line-height: 3rem;
    width: 100%;
    font-size: 2rem;
    perspective: 100rem;
    perspective-origin: 50%;
    overflow: hidden
}

.picker-wrapper .slider-hide {
    border-color: #fff;
    border-style: solid;
    border-width: 0 1rem
}

.picker-wrapper__align {
    margin: 0 -1rem
}

.picker-scroller {
    box-sizing: inherit;
    -webkit-transition: -webkit-transform .1s ease;
    -webkit-transform: translateZ(-90px) rotateX(0deg);
    -webkit-transform-style: preserve-3d;
    height: 100%;
    padding-top: 8rem;
    padding-bottom: 8rem
}

.picker-scroller .option {
    display: flex;
    justify-content: left;
    box-sizing: inherit;
    padding-left: 3rem;
    position: absolute;
    -webkit-backface-visibility: hidden;
    width: 100%;
    transition: all .3s;
    color: #766f6b;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    font-size: 4rem;
    font-weight: 700;
    line-height: 5rem
}

.picker-scroller .option span {
    font-size: 1.2rem;
    padding-left: 1rem
}

.picker-scroller .option__bonus-msg {
    display: flex;
    align-items: center;
    vertical-align: middle;
    max-height: 4.5rem;
    padding: 0 .5rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 700;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden
}

.picker-up {
    top: 0;
    background: linear-gradient(0deg,hsla(0,0%,100%,0) -150%,#fff);
    border-bottom: .2rem solid #ffc421
}

.picker-down,.picker-up {
    box-sizing: inherit;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 8rem
}

.picker-down {
    top: 12rem;
    background: linear-gradient(180deg,hsla(0,0%,100%,0) -150%,#fff);
    border-top: .2rem solid #ffc421
}

.clone-scroller {
    box-sizing: inherit;
    z-index: 5;
    overflow: auto;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 9rem;
    padding-bottom: 9rem
}

.clone-scroller .option {
    visibility: hidden
}

.wheel-counter {
    height: 21rem;
    position: relative;
    background-color: #fff;
    overflow: hidden
}

.wheel-counter__list {
    position: relative;
    top: 5.5em
}

.wheel-counter__list__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    display: block;
    font-size: 4rem;
    line-height: 5rem;
    text-align: center;
    will-change: transform;
    contain: strict
}

.wheel-counter__list__item__large {
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 700
}

.wheel-counter__list__item__small {
    font-size: 1.2rem;
    padding-left: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.wheel-counter__layer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% + 1rem)
}

.wheel-counter__layer__top {
    width: 100%;
    height: 8rem;
    border-bottom: .2rem solid #ffc421;
    transform: translateZ(5.625em);
    background: linear-gradient(0deg,hsla(0,0%,100%,0) -150%,#fff)
}

.wheel-counter__layer__middle {
    height: 6rem
}

.wheel-counter__layer__bottom {
    width: 100%;
    height: 8rem;
    transform: translateZ(5.625em);
    background: linear-gradient(180deg,hsla(0,0%,100%,0) -150%,#fff);
    border-top: .2rem solid #ffc421
}

code {
    text-align: center
}

.arrow,.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--back div,.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--next div {
    width: 0;
    height: 0;
    position: relative;
    margin-right: 1rem
}

.arrow--up:after,.product-wizard .product-wizard-info.product-wizard-info__open .product-wizard-info-title .arrow:after {
    content: ">";
    position: absolute;
    color: #bab6b5;
    font-size: 2.2rem;
    opacity: 1;
    border: 0 transparent;
    transform: translate(-50%,-50%) rotate(270deg) scaleY(1.75);
    top: .3rem;
    left: .8rem
}

.arrow--down:after,.mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow:after,.product-wizard .product-wizard-info .product-wizard-info-title .arrow:after {
    content: ">";
    position: absolute;
    color: #bab6b5;
    font-size: 2.2rem;
    opacity: 1;
    border: 0 transparent;
    transform: translate(-50%,-50%) rotate(90deg) scaleY(1.75);
    top: .3rem;
    left: 2.4rem
}

.arrow--right:after,.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--next div:after {
    content: ">";
    position: absolute;
    color: #bab6b5;
    font-size: 2.2rem;
    opacity: 1;
    border: 0 transparent;
    transform: translate(-50%,-50%) rotate(0deg) scaleY(1.75);
    top: .3rem;
    left: .5rem
}

.arrow--left:after,.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--back div:after {
    content: ">";
    position: absolute;
    color: #bab6b5;
    font-size: 2.2rem;
    opacity: 1;
    border: 0 transparent;
    transform: translate(-50%,-50%) rotate(180deg) scaleY(1.75);
    top: .3rem;
    left: .6rem
}

.icon-formulas:before {
    vertical-align: middle
}

.icon-formulas__symbol:after {
    content: "+";
    color: #ffc421;
    margin-left: .5rem;
    margin-right: .1rem;
    vertical-align: middle
}

.icon-formulas__hide:after {
    color: transparent
}

.icons-circle {
    border-radius: 50%;
    text-align: center;
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 36em) {
    .icons-circle {
        width:3rem;
        height: 3rem
    }
}

.icons-circle--filled {
    border-color: #ffc421;
    background-color: #ffc421
}

.icons-circle--filled--button:active {
    background-color: #ffc421;
    border-color: #ffc421;
    width: 3rem;
    height: 3rem
}

@media only screen and (min-width: 36em) {
    .icons-circle--filled--button:active {
        width:4rem;
        height: 4rem
    }
}

.icons-circle--filled--button:active .icons-circle--content {
    color: #fff
}

@media only screen and (min-width: 36em) {
    .icons-circle--filled--button:hover {
        border-color:#ffc421
    }
}

.icons-circle--filled--secondary {
    background-color: #fff;
    border: 0;
    width: 3rem;
    height: 3rem
}

@media only screen and (min-width: 36em) {
    .icons-circle--filled--secondary {
        width:4rem;
        height: 4rem
    }
}

.icons-circle--filled--reverse {
    background-color: #999391
}

.icons-circle--filled--medium {
    min-width: 4.7rem;
    min-height: 4.7rem
}

.icons-circle--filled--medium:active {
    min-width: 4.7rem;
    min-height: 4.7rem
}

.icons-circle--content {
    color: #fff;
    fill: #fff
}

.icons-circle--content--secondary {
    color: #bab6b5
}

.icons-circle--content--reverse {
    color: #fff
}

.icons-circle--content--medium:before {
    position: relative;
    top: 0;
    font-size: 2.2rem
}

.icons-circle--disabled {
    opacity: .4;
    cursor: default;
    pointer-events: none
}

.icons-circle--disabled:active {
    background-color: #fff;
    border-color: #fff
}

.icons-circle--disabled:active .icons-circle--content {
    color: #bab6b5
}

.icons-circle--disabled:hover {
    border-color: #fff
}

.icons-circle--bordered {
    width: 2.4rem;
    height: 2.4rem;
    border: .1rem solid #8c8d8e;
    color: #c5c6c6;
    cursor: pointer
}

.icons-circle--bordered [class^=icon] {
    position: relative;
    top: .1rem;
    font-size: 1rem
}

.icons-circle--bordered--disabled {
    cursor: default;
    pointer-events: none;
    opacity: .4
}

.icons-overview .icons-category {
    display: flex;
    flex-wrap: wrap
}

.icons-overview .icons-category--item {
    width: 20rem;
    height: auto;
    margin: 1rem 2rem 1rem 0;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #eeeded;
    border-radius: 6px
}

.icons-overview .icons-category--item .icon-md:before,.icons-overview .icons-category--item .icon-sm:before {
    margin-right: 1.5rem
}

.icon--notification__s {
    height: 1.7rem;
    width: 1.7rem
}

.icon--notification__xs {
    height: .8rem;
    width: .8rem
}

.icon--notification__xs--notification--dot {
    left: 1.3rem
}

.icon--notification__top--right {
    top: -.7rem;
    right: -.7rem
}

.social-sharing__options {
    display: flex;
    flex-wrap: wrap
}

.social-sharing__option {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 4rem;
    color: var(--theme__text___text-default);
    font-size: 2.2rem
}

@media only screen and (min-width: 48.0625em) {
    .social-sharing__option--hide-from-medium {
        display:none
    }
}

.password-meter {
    height: 1rem;
    width: 100%;
    background: #f7f6f6;
    margin: 1rem;
    border-radius: 1rem
}

.password-meter .password-meter-progress {
    height: 100%;
    width: 0;
    transition: width .4s linear;
    border-radius: 1rem
}

.password-meter .password-meter-progress.weak {
    width: 25%;
    background: #ffc421
}

.password-meter .password-meter-progress.average {
    width: 50%;
    background: #ffc421
}

.password-meter .password-meter-progress.strong {
    width: 75%;
    background: #ffc421
}

.password-meter .password-meter-progress.stronger {
    width: 100%;
    background: #ffc421
}

.progress-bar {
    height: .4rem;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none
}

@media only screen and (min-width: 36em) {
    .progress-bar {
        width:100%;
        position: fixed;
        bottom: 0;
        left: 0;
        border-radius: 0
    }
}

.progress-bar--inline {
    position: relative;
    bottom: none;
    left: auto
}

@media only screen and (min-width: 36em) {
    .progress-bar--inline {
        position:relative;
        bottom: none;
        left: auto
    }
}

.progress-bar .indicator-progress {
    height: 100%;
    width: 0;
    max-width: 100%;
    background: #ffc421;
    border-radius: 0
}

.progress-bar .ready-1 {
    width: 1%
}

.progress-bar .ready-2 {
    width: 2%
}

.progress-bar .ready-3 {
    width: 3%
}

.progress-bar .ready-4 {
    width: 4%
}

.progress-bar .ready-5 {
    width: 5%
}

.progress-bar .ready-6 {
    width: 6%
}

.progress-bar .ready-7 {
    width: 7%
}

.progress-bar .ready-8 {
    width: 8%
}

.progress-bar .ready-9 {
    width: 9%
}

.progress-bar .ready-10 {
    width: 10%
}

.progress-bar .ready-11 {
    width: 11%
}

.progress-bar .ready-12 {
    width: 12%
}

.progress-bar .ready-13 {
    width: 13%
}

.progress-bar .ready-14 {
    width: 14%
}

.progress-bar .ready-15 {
    width: 15%
}

.progress-bar .ready-16 {
    width: 16%
}

.progress-bar .ready-17 {
    width: 17%
}

.progress-bar .ready-18 {
    width: 18%
}

.progress-bar .ready-19 {
    width: 19%
}

.progress-bar .ready-20 {
    width: 20%
}

.progress-bar .ready-21 {
    width: 21%
}

.progress-bar .ready-22 {
    width: 22%
}

.progress-bar .ready-23 {
    width: 23%
}

.progress-bar .ready-24 {
    width: 24%
}

.progress-bar .ready-25 {
    width: 25%
}

.progress-bar .ready-26 {
    width: 26%
}

.progress-bar .ready-27 {
    width: 27%
}

.progress-bar .ready-28 {
    width: 28%
}

.progress-bar .ready-29 {
    width: 29%
}

.progress-bar .ready-30 {
    width: 30%
}

.progress-bar .ready-31 {
    width: 31%
}

.progress-bar .ready-32 {
    width: 32%
}

.progress-bar .ready-33 {
    width: 33%
}

.progress-bar .ready-34 {
    width: 34%
}

.progress-bar .ready-35 {
    width: 35%
}

.progress-bar .ready-36 {
    width: 36%
}

.progress-bar .ready-37 {
    width: 37%
}

.progress-bar .ready-38 {
    width: 38%
}

.progress-bar .ready-39 {
    width: 39%
}

.progress-bar .ready-40 {
    width: 40%
}

.progress-bar .ready-41 {
    width: 41%
}

.progress-bar .ready-42 {
    width: 42%
}

.progress-bar .ready-43 {
    width: 43%
}

.progress-bar .ready-44 {
    width: 44%
}

.progress-bar .ready-45 {
    width: 45%
}

.progress-bar .ready-46 {
    width: 46%
}

.progress-bar .ready-47 {
    width: 47%
}

.progress-bar .ready-48 {
    width: 48%
}

.progress-bar .ready-49 {
    width: 49%
}

.progress-bar .ready-50 {
    width: 50%
}

.progress-bar .ready-51 {
    width: 51%
}

.progress-bar .ready-52 {
    width: 52%
}

.progress-bar .ready-53 {
    width: 53%
}

.progress-bar .ready-54 {
    width: 54%
}

.progress-bar .ready-55 {
    width: 55%
}

.progress-bar .ready-56 {
    width: 56%
}

.progress-bar .ready-57 {
    width: 57%
}

.progress-bar .ready-58 {
    width: 58%
}

.progress-bar .ready-59 {
    width: 59%
}

.progress-bar .ready-60 {
    width: 60%
}

.progress-bar .ready-61 {
    width: 61%
}

.progress-bar .ready-62 {
    width: 62%
}

.progress-bar .ready-63 {
    width: 63%
}

.progress-bar .ready-64 {
    width: 64%
}

.progress-bar .ready-65 {
    width: 65%
}

.progress-bar .ready-66 {
    width: 66%
}

.progress-bar .ready-67 {
    width: 67%
}

.progress-bar .ready-68 {
    width: 68%
}

.progress-bar .ready-69 {
    width: 69%
}

.progress-bar .ready-70 {
    width: 70%
}

.progress-bar .ready-71 {
    width: 71%
}

.progress-bar .ready-72 {
    width: 72%
}

.progress-bar .ready-73 {
    width: 73%
}

.progress-bar .ready-74 {
    width: 74%
}

.progress-bar .ready-75 {
    width: 75%
}

.progress-bar .ready-76 {
    width: 76%
}

.progress-bar .ready-77 {
    width: 77%
}

.progress-bar .ready-78 {
    width: 78%
}

.progress-bar .ready-79 {
    width: 79%
}

.progress-bar .ready-80 {
    width: 80%
}

.progress-bar .ready-81 {
    width: 81%
}

.progress-bar .ready-82 {
    width: 82%
}

.progress-bar .ready-83 {
    width: 83%
}

.progress-bar .ready-84 {
    width: 84%
}

.progress-bar .ready-85 {
    width: 85%
}

.progress-bar .ready-86 {
    width: 86%
}

.progress-bar .ready-87 {
    width: 87%
}

.progress-bar .ready-88 {
    width: 88%
}

.progress-bar .ready-89 {
    width: 89%
}

.progress-bar .ready-90 {
    width: 90%
}

.progress-bar .ready-91 {
    width: 91%
}

.progress-bar .ready-92 {
    width: 92%
}

.progress-bar .ready-93 {
    width: 93%
}

.progress-bar .ready-94 {
    width: 94%
}

.progress-bar .ready-95 {
    width: 95%
}

.progress-bar .ready-96 {
    width: 96%
}

.progress-bar .ready-97 {
    width: 97%
}

.progress-bar .ready-98 {
    width: 98%
}

.progress-bar .ready-99 {
    width: 99%
}

.progress-bar .ready-100 {
    width: 100%
}

.progress-bar--inactive {
    background-color: #f7f6f6;
    border-radius: .8rem
}

.progress-bar--inactive .indicator-progress {
    border-radius: .8rem
}

.carrousel-single-element {
    display: table;
    width: 100%
}

.carrousel-single-element .carrousel-single-element-row {
    display: table-row
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--back,.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--current,.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--next {
    display: table-cell;
    vertical-align: middle
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--back {
    height: 100%;
    text-align: left;
    cursor: pointer;
    white-space: nowrap
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--back div {
    padding-left: 2.5rem;
    width: auto;
    height: inherit;
    margin-right: 0
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--back div.arrow--left:after {
    top: 1rem
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--current {
    width: 90%;
    padding: 0 10px;
    text-align: center
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--current .carrousel-single-element--content {
    text-align: center
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--current .carrousel-single-element--status {
    display: inline-block
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--current .carrousel-single-element--status .carrousel-single-element--status-indictor {
    background-color: grey;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    float: left;
    margin: 0 5px;
    cursor: pointer
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--current .carrousel-single-element--status .carrousel-single-element--status-indictor.carrousel-single-element--status-indictor__selected {
    background-color: #ffc421
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--next {
    height: 100%;
    text-align: right;
    cursor: pointer;
    white-space: nowrap
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--next div {
    padding-right: 2.5rem;
    width: auto;
    height: inherit;
    margin-right: 0
}

.carrousel-single-element .carrousel-single-element-row .carrousel-single-element--next div.arrow--right:after {
    top: .9rem;
    right: -.8rem;
    left: unset
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .carrousel-single-element .carrousel-single-element-row .carrousel-single-element--next div.arrow--right:after {
        right: -6.9rem
    }
}

.carrousel-single-element-statusrow {
    padding: 0 10px;
    text-align: center
}

.carrousel-single-element-statusrow .carrousel-single-element--content {
    text-align: center
}

.carrousel-single-element-statusrow .carrousel-single-element--status {
    display: inline-block
}

.carrousel-single-element-statusrow .carrousel-single-element--status .carrousel-single-element--status-indictor {
    background-color: grey;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    float: left;
    margin: 0 5px;
    cursor: pointer
}

.carrousel-single-element-statusrow .carrousel-single-element--status .carrousel-single-element--status-indictor.carrousel-single-element--status-indictor__selected {
    background-color: #ffc421
}

.carrousel-single-element__product-wizard .carrousel-single-element-row .carrousel-single-element--back span,.carrousel-single-element__product-wizard .carrousel-single-element-row .carrousel-single-element--next span {
    color: #eeeded;
    font-weight: 700
}

.carrousel-single-element__product-wizard .carrousel-single-element-row .carrousel-single-element--current .carrousel-single-element--content.carrousel-single-element--content__notincluded {
    color: #eeeded;
    font-weight: 700;
    text-transform: uppercase
}

.slick-carousel__slider.slick-slider {
    display: flex;
    align-items: center
}

.slick-carousel__slider.slick-slider .slick-disabled {
    display: none!important
}

.slick-carousel__slider.slick-slider__items {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.slick-carousel__slider.slick-slider .slick-dots li {
    height: .8rem;
    width: .8rem;
    margin: 0 1rem 0 0
}

.slick-carousel__slider.slick-slider .slick-dots li button {
    height: .8rem;
    width: .8rem;
    background-color: var(--theme__shade-12___white-24)
}

.slick-carousel__slider.slick-slider .slick-dots li button:before {
    content: none
}

.slick-carousel__slider.slick-slider .slick-dots li.slick-active button {
    background-color: var(--theme__text___text-default)
}

@media only screen and (min-width: 48.0625em) {
    .slick-carousel__slider.slick-slider .slick-dots.slick-dots--small {
        bottom:-1.5rem
    }
}

@media only screen and (min-width: 74.5em) {
    .slick-carousel__slider.slick-slider .slick-dots.slick-dots--small {
        bottom:-2.5rem
    }
}

.slick-carousel__slider.slick-slider .slick-dots.slick-dots--small li,.slick-carousel__slider.slick-slider .slick-dots.slick-dots--small li button {
    height: .8rem;
    width: .8rem
}

.slick-carousel__slider.slick-slider .slick-dots--grey li.slick-active button {
    background-color: var(--theme__text___text-default)
}

.slick-carousel__slider.slick-slider .slick-dots--button {
    min-width: .8rem;
    min-height: .8rem;
    border-radius: 50%
}

.slick-carousel__slider--thumbnail-image {
    width: 3rem;
    height: 3rem;
    opacity: .4
}

@media only screen and (min-width: 74.5em) {
    .slick-carousel__slider--thumbnail-image {
        width:4rem;
        height: 4rem
    }
}

.slick-carousel__slider--thumbnail-image.slick-current {
    opacity: unset
}

.hardware-details__slider-thumbnails .slick-slider-button__highlight,.slick-carousel__slider.slick-slider .slick-slider-button__highlight {
    height: 3.2rem;
    width: 3.2rem;
    min-width: 3.2rem;
    border: none;
    border-radius: 50%
}

.hardware-details__slider-thumbnails .slick-slider-button__highlight.arrow:after,.slick-carousel__slider.slick-slider .slick-slider-button__highlight.arrow:after {
    font-size: 2rem;
    color: #291d18;
    top: 1.6rem;
    left: 1.6rem
}

.hardware-details__slider-thumbnails .slick-slider-button__highlight.slick-next:before,.hardware-details__slider-thumbnails .slick-slider-button__highlight.slick-prev:before,.slick-carousel__slider.slick-slider .slick-slider-button__highlight.slick-next:before,.slick-carousel__slider.slick-slider .slick-slider-button__highlight.slick-prev:before {
    color: #291d18
}

.cmp-text__listing--primary-ticks ul,.listing--none {
    list-style-type: none
}

.ngx-slider span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-min {
    left: 0
}

.ngx-slider span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-max {
    right: 0
}

.ngx-slider span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-max,.ngx-slider span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-min {
    top: -.8rem;
    width: 2rem;
    height: 2rem;
    z-index: 2
}

@media only screen and (min-width: 48.0625em) {
    .ngx-slider span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-max,.ngx-slider span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-min {
        top:-.5rem;
        width: 1.2rem;
        height: 1.2rem
    }
}

.ngx-slider span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-max.ngx-slider-active,.ngx-slider span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-min.ngx-slider-active {
    outline: none
}

.ngx-slider span.ngx-slider-span.ngx-slider-bar {
    height: .4rem
}

@media only screen and (min-width: 48.0625em) {
    .ngx-slider span.ngx-slider-span.ngx-slider-bar {
        height:.2rem
    }
}

.ngx-slider span.ngx-slider-span.ngx-slider-bubble {
    bottom: 2rem
}

.ngx-slider--fixed-pointer span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-min {
    left: 0!important
}

.ngx-slider--fixed-pointer span.ngx-slider-span.ngx-slider-pointer.ngx-slider-pointer-max {
    left: unset!important
}

.Table tbody .Table__email {
    background-color: transparent;
    padding: 0
}

@media only screen and (min-width: 36em) {
    .Table tbody .Table__email {
        padding:.5rem 1.5rem;
        margin-bottom: 0;
        text-align: right;
        background-color: rgba(0,151,147,.2)
    }
}

.Table tbody .Table__email td {
    padding: 0
}

@media only screen and (min-width: 36em) {
    .Table tbody .Table__email td {
        padding:.5rem 1.5rem
    }
}

.Table tbody .Table__email .SingleInputForm .SingleInputForm-item {
    display: block
}

@media only screen and (min-width: 36em) {
    .Table tbody .Table__email .SingleInputForm .SingleInputForm-item {
        display:inline
    }
}

.Table tbody .Table__email .SingleInputForm .SingleInputForm-input {
    line-height: 3rem;
    background: #f7f6f6;
    width: 100%;
    display: block
}

@media only screen and (min-width: 36em) {
    .Table tbody .Table__email .SingleInputForm .SingleInputForm-input {
        background:#fff;
        width: auto;
        display: inline-block
    }
}

.Table tbody .Table__email .SingleInputForm .SingleInputForm-input.Input-error {
    background: transparent
}

.Table tbody .Table__email .SingleInputForm .form-helper,.Table tbody .Table__email .SingleInputForm label {
    font-size: 1.6rem
}

.FormGroup__input.Form__input--error .SingleInputForm-input {
    background: transparent!important
}

.FormGroup__input.Form__input--error .SingleInputForm-input:focus {
    border: .1rem solid #eeeded
}

@media only screen and (min-width: 36em) {
    .FormGroup__input.Form__input--error .SingleInputForm-input:focus {
        border:none
    }
}

.Table__inlineHeader {
    display: inline-block;
    margin-right: 1rem;
    font-weight: 500
}

@media only screen and (min-width: 36em) {
    .Table__inlineHeader {
        display:none
    }
}

.Table__inlineHeader.Table__inlineHeader--block {
    display: block
}

@media only screen and (min-width: 36em) {
    .Table__inlineHeader.Table__inlineHeader--block {
        display:none
    }
}

.Table .sort {
    margin-left: .5rem;
    line-height: 1;
    pointer-events: none
}

.Table .sort img {
    display: inline-block;
    width: .8rem
}

.Table {
    background-color: transparent;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    box-sizing: border-box;
    border: 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    border-collapse: separate;
    border-spacing: 0 .8rem
}

.Table td,.Table th {
    padding: 1.8rem 1.5rem;
    vertical-align: top;
    border: 0
}

.Table td img,.Table th img {
    display: inline-block;
    width: 2.5rem
}

.Table thead th {
    vertical-align: bottom;
    border: .1rem solid transparent;
    color: #bab6b5;
    background-color: transparent;
    font-weight: 500
}

.Table td {
    border: 0
}

.Table thead td,.Table thead th {
    border-bottom-width: .2rem
}

.Table tbody tr {
    background-color: hsla(0,0%,100%,.71);
    border-radius: .5rem
}

.Table tbody tr.active {
    background-color: rgba(0,151,147,.2)
}

.Table tbody tr.active td {
    border-color: transparent
}

.Table--empty {
    table-layout: fixed
}

.icon-down-rectangle-green,.icon-down-rectangle-white,.icon-up-rectangle-green {
    font-size: .5rem;
    vertical-align: middle
}

.icon-down-rectangle-white {
    color: #fff
}

.icon-file {
    display: inline-block;
    margin-right: .5rem;
    font-size: 2rem
}

@media only screen and (min-width: 36em) {
    .icon-file {
        display:inline-block
    }
}

.icon-usage-data,.icon-usage-message,.icon-usage-pbm,.icon-usage-voice {
    font-size: 2.4rem;
    color: #655c58
}

.icon-text-block__text {
    width: calc(100% - 3rem);
    padding-bottom: .3rem;
    flex: 1
}

@media only screen and (min-width: 36em) {
    .icon-text-block__text {
        margin:0;
        padding: 0 0 2rem .5rem
    }
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .icon-text-block__text {
        width: calc(100% - 4rem)
    }
}

@media only screen and (-ms-high-contrast:active) and (min-width: 36em),only screen and (-ms-high-contrast:none) and (min-width:36em) {
    .icon-text-block__text {
        width:calc(100% - 4rem)
    }
}

.icon-text-block__icon {
    margin: .4rem
}

.icon-text-block__icon:before {
    vertical-align: sub
}

.icon-text-block__icon.icon-text-block__icon--hightlighted {
    width: 3.4rem;
    height: 3.4rem;
    padding: .5rem;
    display: flex;
    align-items: center;
    border-radius: 5.9rem
}

.icon-text-block__icon.icon-text-block__icon--hightlighted:before {
    position: relative;
    top: .9rem;
    left: .3rem
}

@media only screen and (min-width: 48.0625em) {
    .icon-text-block__icon.icon-text-block__icon--hightlighted:before {
        top:.7rem
    }
}

.select-row .select-indicator:before {
    content: "";
    width: 2.4rem;
    height: 2.4rem
}

.select-row .icon-tick {
    width: 2.4rem;
    height: 2.4rem
}

.select-row .icon-tick:before {
    padding: .4rem .5rem
}

.teaser--title a:last-of-type {
    vertical-align: top
}

.teaser--subtitle span:after {
    content: "|"
}

.teaser--subtitle span:last-of-type:after {
    content: ""
}

.background__gradient--black-to-grey {
    background-image: linear-gradient(180deg,#000,#555 59%,#626262 63%,#494949)
}

.logo a {
    color: #ffc421;
    font-size: 4rem
}

@media only screen and (min-width: 36em) {
    .logo a {
        font-size:8rem
    }
}

.logo img,.logo svg {
    width: 4.2rem;
    height: auto
}

@media only screen and (min-width: 36em) {
    .logo img,.logo svg {
        width:8rem
    }
}

.logo .logo--yellow-fellow {
    line-height: 4.5rem;
    font-size: 5.6rem;
    color: #ffc421;
    vertical-align: text-bottom
}

@media only screen and (min-width: 36em) {
    .logo .logo--yellow-fellow {
        line-height:6rem;
        font-size: 10rem
    }
}

.logo img.logo--yellow-fellow {
    height: 4.5rem
}

@media only screen and (min-width: 36em) {
    .logo img.logo--yellow-fellow {
        height:6rem
    }
}

.logo .logo--yellow-fellow--loading {
    height: 7rem
}

@media only screen and (min-width: 36em) {
    .logo .logo--yellow-fellow--loading {
        height:10rem
    }
}

.card-content.extra-large .invoices .details-section .dashboard-card__invoices-view,.card-content.large .invoices .details-section .dashboard-card__invoices-view,.card-content.medium .invoices .details-section .dashboard-card__invoices-view,.hardware-product--info__content-price__actual,.hardware-product__content__header,.hardware-search__content__show-item .hardware-search__dropdown__selector-menu__list__item,.login-sales-journey__Container__section__description,.login-sales-journey__Container__section__note,.sales-flow .sales-flow__header,.sales-flow__content__configuration .label-cards .cards-content__body-label,.selector__list__content__first-section>span:first-child,.sim-home-activation .form-group .form-helper,.sim-home-activation .form-group label,.text-font-family--t1 {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.home-networks .add-firewall-rule__overlay .overlay__section__content__add-rule .select-dropdown,.text-font-family--t2 {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.hardware-search__nav__title,.hardware-search__overlay-title,.text-font-family--t3,.third-party-services__title {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.account-line-selector .account-selector__list__account-info__account-id,.cmp-accordion__title,.hardware-search__content--no-result__data,.mobile-usage-limits .mobile-usage-limits__input-text,.navigation-secondary .nav-secondary li,.pay-balance__detailed-info-section>div .detailed-info-section__title,.pay-balance__info-section .info-section__bill-info>div .bill-info__title,.pay-balance__info-section .info-section__outstanding-amount .outstanding-amount__title,.pay-balance__info-section .link,.sales-cart__order-info__title,.sales-flow__content__configuration .plan-notification p:first-of-type,.self-install__product__name.bundle-product__name,.soft_match-message .info-message,.text-font-family--t4 {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.text-font-family--t5 {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.card-content--wave-data-card .wave-data-card__desc-section .desc-section__more-info,.card-content--wave-data-card .wave-data-card__desc-section .desc-section__title,.care-page--version2 .secondary-header--care__container__component-name h1,.care-page-tln-bus--version-2 .secondary-header--care__container__component-name h1,.care-page .secondary-header--care__container__component-name h1,.contract-overview .manage-tip-contract--overlay .Form__input--placeholder-data,.dashboard-account .dashboard-account__header.dashboard-account-container--without-credentials h1,.employee-overview .manage-tip-contract--overlay .Form__input--placeholder-data,.hardware-details--no-result__content__data,.hardware-product--info__content-price__label,.hardware-product--info__content-title,.hardware-sticky-header.sticky-header__name,.hardware-sticky-header__name,.internet-usage-notifications .content-section__header .header-title,.manage-option__container .manage-option__item .product-options__title,.mobile-usage-limits .mobile-usage-limits__text,.mobile-usage-notifications .content-section__header .header-title,.overlay__block-sim .overlay__section__content__title,.overlay__unblock-sim .overlay__section__content__title,.price__red-bold,.profile-information__details-section .details-section__name,.promo-highlight--mini,.selector__list__content__second-section .last-item,.sim-management .label--sim,.sim-management__sim-block .sim-block__block-label,.text-font-family--t6,.text-font-family--t7,.text-font-family--t8,.text-font-family--t9,.text-font-family--t10 {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 20em) {
    .text--xxs--xs {
        font-size:1rem;
        line-height: 1.2rem
    }
}

@media only screen and (min-width: 36em) {
    .text--xxs--sm {
        font-size:1rem;
        line-height: 1.2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .text--xxs--md {
        font-size:1rem;
        line-height: 1.2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--xxs--lg {
        font-size:1rem;
        line-height: 1.2rem
    }
}

@media only screen and (min-width: 90em) {
    .text--xxs--xl {
        font-size:1rem;
        line-height: 1.2rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--xxs--xxl {
        font-size:1rem;
        line-height: 1.2rem
    }
}

.header-accordion--vertical .icon-minus,.header-accordion--vertical .icon-plus,.text--xxs {
    font-size: 1rem;
    line-height: 1.2rem
}

@media only screen and (min-width: 20em) {
    .text--xs--xs {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

@media only screen and (min-width: 36em) {
    .text--xs--sm {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .text--xs--md {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--xs--lg {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

@media only screen and (min-width: 90em) {
    .text--xs--xl {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--xs--xxl {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

.cmp-text .disclaimer-body,.cmp-text .link,.cmp-text .link--secondary,.consult-options__overview .plan-notification .product-options__summary__feature-section .feature-section__options--disclaimer,.discount-use--conditions__content p,.hardware-details__terms-conditions,.mobile-overview-usage__usage-section .usage-section__subtitle-section,.Panel__voicemail-v2 .Table td.Table__action- .action-controls span,.price--superscript-small .price--superscript-currency,.price--superscript-small .price--superscript-digit,.text--xs {
    font-size: 1.2rem;
    line-height: 1.6rem
}

@media only screen and (min-width: 20em) {
    .text--s--xs {
        font-size:1.4rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 36em) {
    .text--s--sm {
        font-size:1.4rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .text--s--md {
        font-size:1.4rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--s--lg {
        font-size:1.4rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 90em) {
    .text--s--xl {
        font-size:1.4rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--s--xxl {
        font-size:1.4rem;
        line-height: 2rem
    }
}

.account-line-selector .account-selector__list__account-info__outstanding-balance .inclusive-text,.appointments--limitations__description-section,.badge,.cards--wave-data-card .cards--body .wave-subtitle,.cmp-accordion__item .cmp-accordion__panel,.cmp-text .disclaimer-heading,.content-section__details .link,.contract-row-item__item.label-column .icon-chevron-down:before,.contract-row-item__item.label-column .icon-chevron-up:before,.employee-row-item__item.label-column .icon-chevron-down:before,.employee-row-item__item.label-column .icon-chevron-up:before,.hardware-product--summary__details__item-discount.price,.hardware-product .badge--card--recommended,.hardware-product__content__desc,.my-bill__section .section__info-reference,.network-topology--devices-child-info-name,.network-topology--devices-info-name,.openid-login-page__container--form-login-section .form-helper,.openid-login-page__container--form-login-section label,.openid-login-page__container--inner .form-helper,.openid-login-page__container--inner a,.openid-login-page__container--inner label,.openid-login-page__footer,.Panel__voicemail-v2 .Table th,.price--superscript-medium .price--superscript-currency,.price--superscript-medium .price--superscript-digit,.promo-highlight--mini,.realspeed .content-section .testresults__cards__content,.sales-cart-row__content__section__title .badge,.sales-display-info__content__row__description,.sim-home-activation.sim-activation-update .contact-details-block .form-group .FormGroup__label,.text--s {
    font-size: 1.4rem;
    line-height: 2rem
}

.openid-login-page__container--inner .notification--errorfield a {
    font-size: 1.6rem;
}

.openid-login-page__container--inner
@media only screen and (min-width: 20em) {
    .text--m--xs {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 36em) {
    .text--m--sm {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--summary__details__item-discount.price,.text--m--md {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--m--lg {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 90em) {
    .text--m--xl {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--m--xxl {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.account-line-selector .account-selector__list__account-info__account-details,.account-line-selector .account-selector__list__account-info__account-id,.account-line-selector .account-selector__list__account-info__outstanding-balance,.account-line-selector .account-selector__list__account-info__outstanding-balance .outstanding-value,.appointments--limitations .title-section__subtext-section,.badge--card,.card-content.extra-large .invoices .details-section .dashboard-card__invoices-view,.card-content.large .invoices .details-section .dashboard-card__invoices-view,.card-content.medium .invoices .details-section .dashboard-card__invoices-view,.cmp-breadcrumb__list,.guardrail__price-overview .price-content .price:first-child .price__strike-through,.hardware-accessories__summary .mat-select,.hardware-details__slider-thumbnails .slick-slider-button__highlight.slick-next:before,.hardware-details__slider-thumbnails .slick-slider-button__highlight.slick-prev:before,.hardware-navigation .icon,.hardware-product--info__content__configurations-color__label,.hardware-product--info__content__configurations-size__label,.hardware-product--info__content__configurations-type__label,.hardware-product--summary__details__header-price.price,.hardware-product__content__price-label,.hardware-product__content__price .price-discount,.home-networks__content-section__header a,.horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step__content__left,.horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step__content__right,.included-options .cards--container .cards--body .price .heading--2,.included-options .cards--container .cards--body .price .heading--4,.included-options .cards--container .cards--body__link-content .link,.included-options .cards--container .cards--body__link-content a,.installation-options__card__title,.menu-toggle:checked~.telenet-header .nav-section .language-selector .language-selector__selected .language-menu ul span li,.mobile-overview-usage__content__note,.mobile-overview-usage__cost-section .cost-section__cost-field .cost-field__cost-area,.my-bill__section .section__info-description,.my-bill__section .section__info-title,.overlay.overlay--sales__cart .cart-icon__section__content--heading,.overlay__block-sim .overlay__section__content__description,.overlay__unblock-sim .overlay__section__content__description,.Panel__voicemail-v2 .Table .voicemail-section .Table__inlineHeader,.Panel__voicemail-v2 .Table .voicemail-section .Table__inlineHeader.msg-action,.price.price__incl-vat-bold .price__taxes,.realspeed .content-section .testresults .testresults__cards__heading,.realspeed .content-section .testresults .text-properties,.realspeed .content-section .testresults__cards__content span,.realspeed .content-section .testresults table,.sales-cart-row.bg-secondary .sales-cart-row__content__discount.right span,.sales-cart-row__content__section__desc,.sales-cart-row__content__section__price--small,.sales-cart-row__content__section__price.options,.sales-display-info--delivery-address .sales-display-info__content .sales-display-info__content__row__description__sub-title,.select-dropdown-section.dropdown--with-multiple-select-labels .arrow--up:after,.selector__list__content,.sim-home-activation.sim-activation-update .sim-activation-update__details .form-group .form-helper,.sim-home-activation.sim-activation-update .sim-activation-update__details .form-group label,.sim-management__sim-block a,.slick-carousel__slider.slick-slider .slick-slider-button__highlight.slick-next:before,.slick-carousel__slider.slick-slider .slick-slider-button__highlight.slick-prev:before,.switch-line__subtitle,.table__usage-v2 .Table thead th .head-section a [class^=icon],.text--m,.third-party-subscription--card .cards--body__inner-label {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 20em) {
    .text--xm--xs {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 36em) {
    .cmp-accordion__item .cmp-accordion__panel,.text--xm--sm {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--info__content__configurations-color__label,.hardware-product--info__content__configurations-size__label,.hardware-product--info__content__configurations-type__label,.home-networks__content-section__header a,.text--xm--md {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--xm--lg {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 90em) {
    .text--xm--xl {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--xm--xxl {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.account-line-selector .account-selector__action .arrow--down:after,.account-line-selector .account-selector__action .arrow--up:after,.activate-popup .overlay__section__content__description .activate-popup--card .cards--body .label--large,.activate-popup .overlay__section__content__description .activate-popup--card .cards--body .price .heading--2,.activate-popup .overlay__section__content__description .activate-popup--card .cards--body .price .heading--4,.activate-popup .overlay__section__content__description .activate-popup--card .cards--body__inner-label,.appointments--limitations .title-section__text-section,.badge--icon i,.card-content--wave-data-card .wave-data-card__desc-section .desc-section__subtitle,.content-section__details .communication-email .change-email,.content-section__details .note,.contract-row-item__item.label-column .price,.employee-row-item__item.label-column .price,.Form__input--placeholder-data,.form__input--placeholder-data,.hardware-product--info__content__configurations-label,.hardware-product--nav__items-name,.hardware-search__content__show-item .hardware-search__dropdown__selector-menu__list__item .dropdown-menu__selector__label,.hardware-sticky-header,.hardware-sticky-header.sticky-header,.included-options .cards--container .cards--body__badge-content .badge,.included-options .cards--container .cards--body__inner-heading,.internet-usage-notifications .content-section__details .icon-text-block__icon:before,.login-sales-journey__Container__secondary-section__title,.mobile-barrings--fixed-barrings .content-section__details--disabled .label--large--disabled,.mobile-barrings--fixed-barrings .content-section__details .label--large,.mobile-lines__configuration,.mobile-overview-usage__usage-section .usage-section__title-section .title-section__tariff,.ngx-slider span.ngx-slider-span.ngx-slider-bubble,.overlay.overlay--sales__cart .overlay__section__content--subtitle,.overlay__block-sim .overlay__section__content__sub-title,.overlay__unblock-sim .overlay__section__content__sub-title,.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .voicemail-section .tooltip .icon-information,.product-overview .product-overview__icon-section,.radio-checkbox--horizontal .label--large,.radio-container.selected-content .form-helper,.radio-container.selected-content label,.sales-cart-row__content__section__desc p,.sales-cart-row__content__section__price,.sales-cart-row__content__section__title.sales-cart-row__content__section__title--sub,.sales-display-info--delivery-address .sales-display-info__content .sales-display-info__content__row__icon,.sim-activation .form-group .fixed-label,.sim-home-activation .form-group .fixed-label,.text--xm {
    font-size: 1.8rem;
    line-height: 2.8rem
}

@media only screen and (min-width: 20em) {
    .text--xxm--xs {
        font-size:2rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 36em) {
    .text--xxm--sm {
        font-size:2rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .accept-tip-invitation__description,.hardware-product--info__content-price__actual__superscript,.hardware-product--info__content-price__discount,.hardware-product--info__content-price__label,.hardware-product--info__content__configurations-label,.hardware-product__content__header,.hardware-sticky-header.sticky-header__price,.hardware-sticky-header__price,.sim-management-form .section-title,.text--xxm--md {
        font-size:2rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--xxm--lg {
        font-size:2rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 90em) {
    .text--xxm--xl {
        font-size:2rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--xxm--xxl {
        font-size:2rem;
        line-height: 2.8rem
    }
}

.hardware-accessories__content .badge--cashback p,.hardware-details .badge--accessories p,.hardware-details .badge--cashback p,.hardware-product--info__content-price__actual__superscript,.hardware-product--info__content-price__discount,.hardware-product--info__content-price__label,.hardware-product__content__header,.hardware-product__content__price .price,.hardware-recommendations__content .badge--cashback p,.hardware-search__content .badge--cashback p,.included-options__heading,.manage-option__container .manage-option__item .product-options__title,.price--superscript-large .price--superscript-currency,.price--superscript-large .price--superscript-digit,.privacy-form .icon.icon-chevron-down,.privacy-form .icon.icon-chevron-up,.text--xxm,.yearly-payment__conditions__title,.yearly-payment__title {
    font-size: 2rem;
    line-height: 2.8rem
}

@media only screen and (min-width: 20em) {
    .text--l--xs {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width: 36em) {
    .text--l--sm {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--summary__details__header-price.price,.hardware-sticky-header,.hardware-sticky-header.sticky-header,.text--l--md {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--l--lg {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width: 90em) {
    .text--l--xl {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--l--xxl {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

.activate-popup .overlay__section__content__description .activate-popup--card .cards--body__inner-heading,.card-content--wave-data-card--group-view .group-view__title-section .title-section__first-content [class^=icon]:before,.guardrail__price-overview .price-content .price .heading--2,.guardrail__price-overview .price-content .price .heading--4,.hardware-details--no-result__content,.mobile-overview-usage__usage-section .usage-section__title-section .title-section__roaming,.overlay.overlay--sales__cart .sales-cart__title__sub-heading,.overlay__block-sim .overlay__section__content__title,.overlay__unblock-sim .overlay__section__content__title,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-delete,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-download,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-email,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-save,.Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__icon-section .icon-information,.Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__info-section .icon-information,.price--superscript-small .price--superscript-amount,.row--network .network-details td .icon,.row__invoice-overview h1,.sales-cart-row__content__section__title--small,.sales-cart-V2__section__content__sub-title,.sales-cart-V2__section__content__title,.sales-flow .sales-flow__header,.sticky-header,.switch-line__title,.text--l,.third-party-services__heading,.third-party-subscription--card,.third-party-subscription__heading {
    font-size: 2.4rem;
    line-height: 3.6rem
}

@media only screen and (min-width: 20em) {
    .text--xl--xs {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

@media only screen and (min-width: 36em) {
    .text--xl--sm {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .text--xl--md {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--xl--lg {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

@media only screen and (min-width: 90em) {
    .text--xl--xl {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--xl--xxl {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

.hardware-product--header__data-title,.price--superscript-medium .price--superscript-amount,.price__incl-vat-bold--currency,.text--xl {
    font-size: 3.2rem;
    line-height: 4.8rem
}

@media only screen and (min-width: 20em) {
    .text--xxl--xs {
        font-size:4rem;
        line-height: 4.4rem
    }
}

@media only screen and (min-width: 36em) {
    .text--xxl--sm {
        font-size:4rem;
        line-height: 4.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .text--xxl--md {
        font-size:4rem;
        line-height: 4.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--xxl--lg {
        font-size:4rem;
        line-height: 4.4rem
    }
}

@media only screen and (min-width: 90em) {
    .text--xxl--xl {
        font-size:4rem;
        line-height: 4.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--xxl--xxl {
        font-size:4rem;
        line-height: 4.4rem
    }
}

.price--superscript-large .price--superscript-amount,.text--xxl {
    font-size: 4rem;
    line-height: 4.4rem
}

@media only screen and (min-width: 20em) {
    .text--xxxl--xs {
        font-size:4.8rem;
        line-height: 6.4rem
    }
}

@media only screen and (min-width: 36em) {
    .text--xxxl--sm {
        font-size:4.8rem;
        line-height: 6.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .text--xxxl--md {
        font-size:4.8rem;
        line-height: 6.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--xxxl--lg {
        font-size:4.8rem;
        line-height: 6.4rem
    }
}

@media only screen and (min-width: 90em) {
    .text--xxxl--xl {
        font-size:4.8rem;
        line-height: 6.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--xxxl--xxl {
        font-size:4.8rem;
        line-height: 6.4rem
    }
}

.text--xxxl {
    font-size: 4.8rem;
    line-height: 6.4rem
}

@media only screen and (min-width: 20em) {
    .text--g--xs {
        font-size:5.6rem;
        line-height: 7.2rem
    }
}

@media only screen and (min-width: 36em) {
    .text--g--sm {
        font-size:5.6rem;
        line-height: 7.2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--header__data-title,.text--g--md {
        font-size:5.6rem;
        line-height: 7.2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--g--lg {
        font-size:5.6rem;
        line-height: 7.2rem
    }
}

@media only screen and (min-width: 90em) {
    .text--g--xl {
        font-size:5.6rem;
        line-height: 7.2rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--g--xxl {
        font-size:5.6rem;
        line-height: 7.2rem
    }
}

.text--g {
    font-size: 5.6rem;
    line-height: 7.2rem
}

@media only screen and (min-width: 20em) {
    .text--xg--xs {
        font-size:6.4rem;
        line-height: 7.6rem
    }
}

@media only screen and (min-width: 36em) {
    .text--xg--sm {
        font-size:6.4rem;
        line-height: 7.6rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .text--xg--md {
        font-size:6.4rem;
        line-height: 7.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--xg--lg {
        font-size:6.4rem;
        line-height: 7.6rem
    }
}

@media only screen and (min-width: 90em) {
    .text--xg--xl {
        font-size:6.4rem;
        line-height: 7.6rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--xg--xxl {
        font-size:6.4rem;
        line-height: 7.6rem
    }
}

.text--xg {
    font-size: 6.4rem;
    line-height: 7.6rem
}

@media only screen and (min-width: 20em) {
    .text--xxg--xs {
        font-size:9.6rem;
        line-height: 12rem
    }
}

@media only screen and (min-width: 36em) {
    .text--xxg--sm {
        font-size:9.6rem;
        line-height: 12rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .text--xxg--md {
        font-size:9.6rem;
        line-height: 12rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--xxg--lg {
        font-size:9.6rem;
        line-height: 12rem
    }
}

@media only screen and (min-width: 90em) {
    .text--xxg--xl {
        font-size:9.6rem;
        line-height: 12rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--xxg--xxl {
        font-size:9.6rem;
        line-height: 12rem
    }
}

.text--xxg {
    font-size: 9.6rem;
    line-height: 12rem
}

@media only screen and (min-width: 20em) {
    .text--xxxg--xs {
        font-size:11rem;
        line-height: 10.4rem
    }
}

@media only screen and (min-width: 36em) {
    .text--xxxg--sm {
        font-size:11rem;
        line-height: 10.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .text--xxxg--md {
        font-size:11rem;
        line-height: 10.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .text--xxxg--lg {
        font-size:11rem;
        line-height: 10.4rem
    }
}

@media only screen and (min-width: 90em) {
    .text--xxxg--xl {
        font-size:11rem;
        line-height: 10.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .text--xxxg--xxl {
        font-size:11rem;
        line-height: 10.4rem
    }
}

.text--xxxg {
    font-size: 11rem;
    line-height: 10.4rem
}

.fs-42,.text-fontsize--42,h1:not([class*=heading--]).fs-42,h1:not([class*=heading--]).text-fontsize--42,h2:not([class*=heading--]).fs-42,h2:not([class*=heading--]).text-fontsize--42,h3:not([class*=heading--]).fs-42,h3:not([class*=heading--]).text-fontsize--42,h4:not([class*=heading--]).fs-42,h4:not([class*=heading--]).text-fontsize--42 {
    font-size: 4.2rem;
    line-height: 3.2rem
}

@media only screen and (min-width: 48.0625em) {
    .fs-42,.text-fontsize--42,h1:not([class*=heading--]).fs-42,h1:not([class*=heading--]).text-fontsize--42,h2:not([class*=heading--]).fs-42,h2:not([class*=heading--]).text-fontsize--42,h3:not([class*=heading--]).fs-42,h3:not([class*=heading--]).text-fontsize--42,h4:not([class*=heading--]).fs-42,h4:not([class*=heading--]).text-fontsize--42 {
        font-size:4.2rem;
        line-height: 3.2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .fs-42,.text-fontsize--42,h1:not([class*=heading--]).fs-42,h1:not([class*=heading--]).text-fontsize--42,h2:not([class*=heading--]).fs-42,h2:not([class*=heading--]).text-fontsize--42,h3:not([class*=heading--]).fs-42,h3:not([class*=heading--]).text-fontsize--42,h4:not([class*=heading--]).fs-42,h4:not([class*=heading--]).text-fontsize--42 {
        font-size:4.2rem;
        line-height: 3.2rem
    }
}

.fs-56,.text-fontsize--56,h1:not([class*=heading--]).fs-56,h1:not([class*=heading--]).text-fontsize--56,h2:not([class*=heading--]).fs-56,h2:not([class*=heading--]).text-fontsize--56,h3:not([class*=heading--]).fs-56,h3:not([class*=heading--]).text-fontsize--56,h4:not([class*=heading--]).fs-56,h4:not([class*=heading--]).text-fontsize--56 {
    font-size: 5.6rem;
    line-height: 4.6rem
}

@media only screen and (min-width: 48.0625em) {
    .fs-56,.text-fontsize--56,h1:not([class*=heading--]).fs-56,h1:not([class*=heading--]).text-fontsize--56,h2:not([class*=heading--]).fs-56,h2:not([class*=heading--]).text-fontsize--56,h3:not([class*=heading--]).fs-56,h3:not([class*=heading--]).text-fontsize--56,h4:not([class*=heading--]).fs-56,h4:not([class*=heading--]).text-fontsize--56 {
        font-size:5.6rem;
        line-height: 4.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .fs-56,.text-fontsize--56,h1:not([class*=heading--]).fs-56,h1:not([class*=heading--]).text-fontsize--56,h2:not([class*=heading--]).fs-56,h2:not([class*=heading--]).text-fontsize--56,h3:not([class*=heading--]).fs-56,h3:not([class*=heading--]).text-fontsize--56,h4:not([class*=heading--]).fs-56,h4:not([class*=heading--]).text-fontsize--56 {
        font-size:5.6rem;
        line-height: 4.6rem
    }
}

.fs-86,.text-fontsize--86,h1:not([class*=heading--]).fs-86,h1:not([class*=heading--]).text-fontsize--86,h2:not([class*=heading--]).fs-86,h2:not([class*=heading--]).text-fontsize--86,h3:not([class*=heading--]).fs-86,h3:not([class*=heading--]).text-fontsize--86,h4:not([class*=heading--]).fs-86,h4:not([class*=heading--]).text-fontsize--86 {
    font-size: 5.6rem;
    line-height: 4.6rem
}

@media only screen and (min-width: 48.0625em) {
    .fs-86,.text-fontsize--86,h1:not([class*=heading--]).fs-86,h1:not([class*=heading--]).text-fontsize--86,h2:not([class*=heading--]).fs-86,h2:not([class*=heading--]).text-fontsize--86,h3:not([class*=heading--]).fs-86,h3:not([class*=heading--]).text-fontsize--86,h4:not([class*=heading--]).fs-86,h4:not([class*=heading--]).text-fontsize--86 {
        font-size:8.6rem;
        line-height: 6.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .fs-86,.text-fontsize--86,h1:not([class*=heading--]).fs-86,h1:not([class*=heading--]).text-fontsize--86,h2:not([class*=heading--]).fs-86,h2:not([class*=heading--]).text-fontsize--86,h3:not([class*=heading--]).fs-86,h3:not([class*=heading--]).text-fontsize--86,h4:not([class*=heading--]).fs-86,h4:not([class*=heading--]).text-fontsize--86 {
        font-size:8.6rem;
        line-height: 6.8rem
    }
}

.fs-110,.text-fontsize--110,h1:not([class*=heading--]).fs-110,h1:not([class*=heading--]).text-fontsize--110,h2:not([class*=heading--]).fs-110,h2:not([class*=heading--]).text-fontsize--110,h3:not([class*=heading--]).fs-110,h3:not([class*=heading--]).text-fontsize--110,h4:not([class*=heading--]).fs-110,h4:not([class*=heading--]).text-fontsize--110 {
    font-size: 5.6rem;
    line-height: 4.6rem
}

@media only screen and (min-width: 48.0625em) {
    .fs-110,.text-fontsize--110,h1:not([class*=heading--]).fs-110,h1:not([class*=heading--]).text-fontsize--110,h2:not([class*=heading--]).fs-110,h2:not([class*=heading--]).text-fontsize--110,h3:not([class*=heading--]).fs-110,h3:not([class*=heading--]).text-fontsize--110,h4:not([class*=heading--]).fs-110,h4:not([class*=heading--]).text-fontsize--110 {
        font-size:11rem;
        line-height: 7.5rem
    }
}

@media only screen and (min-width: 74.5em) {
    .fs-110,.text-fontsize--110,h1:not([class*=heading--]).fs-110,h1:not([class*=heading--]).text-fontsize--110,h2:not([class*=heading--]).fs-110,h2:not([class*=heading--]).text-fontsize--110,h3:not([class*=heading--]).fs-110,h3:not([class*=heading--]).text-fontsize--110,h4:not([class*=heading--]).fs-110,h4:not([class*=heading--]).text-fontsize--110 {
        font-size:8.6rem;
        line-height: 6.8rem
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    h1:not([class*=heading--]).fs-86,h1:not([class*=heading--]).fs-110,h1:not([class*=heading--]).text-fontsize--86,h2:not([class*=heading--]).fs-86,h2:not([class*=heading--]).fs-110,h2:not([class*=heading--]).text-fontsize--86,h2:not([class*=heading--]).text-fontsize--110,h3:not([class*=heading--]).fs-86,h3:not([class*=heading--]).fs-110,h3:not([class*=heading--]).text-fontsize--86,h3:not([class*=heading--]).text-fontsize--110,h4:not([class*=heading--]).fs-86 h1:not([class*=heading--]).text-fontsize--110,h4:not([class*=heading--]).fs-110,h4:not([class*=heading--]).text-fontsize--86,h4:not([class*=heading--]).text-fontsize--110 {
        font-size:8.6rem;
        line-height: 6.8rem
    }
}

@media only screen and (max-width: 767px) {
    h1:not([class*=heading--]).fs-86,h1:not([class*=heading--]).fs-110,h1:not([class*=heading--]).text-fontsize--86,h2:not([class*=heading--]).fs-86,h2:not([class*=heading--]).fs-110,h2:not([class*=heading--]).text-fontsize--86,h2:not([class*=heading--]).text-fontsize--110,h3:not([class*=heading--]).fs-86,h3:not([class*=heading--]).fs-110,h3:not([class*=heading--]).text-fontsize--86,h3:not([class*=heading--]).text-fontsize--110,h4:not([class*=heading--]).fs-86 h1:not([class*=heading--]).text-fontsize--110,h4:not([class*=heading--]).fs-110,h4:not([class*=heading--]).text-fontsize--86,h4:not([class*=heading--]).text-fontsize--110 {
        font-size:5.6rem;
        line-height: 4.6rem
    }
}

.text-fontsize--40-bold,.text-fontsize--40-bold-grey {
    font-size: 4rem;
    font-weight: 900;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 3.6rem
}

.text-fontsize--40-bold-grey {
    color: #bab6b5
}

.text-fontsize--18-bold,.text-fontsize--18-bold-grey {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 2.8rem
}

.text-fontsize--18-bold-grey {
    color: #bab6b5
}

.text-fontsize--24-bold {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 3.6rem
}

.example-fontsizegenerator {
    font-size: 1.4rem;
    line-height: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .example-fontsizegenerator {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .example-fontsizegenerator {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

.text-flow.inherit {
    color: inherit
}

.text-flow--h1 {
    font-size: 2.8rem;
    line-height: 3.6rem;
    color: var(--theme__text___text-default);
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 36em) {
    .text-flow--h1 {
        font-size:3.2rem;
        line-height: 4rem
    }
}

.text-flow--h2 {
    font-size: 2rem;
    line-height: 3rem;
    color: var(--theme__text___text-default);
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 36em) {
    .text-flow--h2 {
        font-size:2.4rem;
        line-height: 3.2rem
    }
}

.text-flow--h3 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: var(--theme__text___text-default);
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 36em) {
    .text-flow--h3 {
        font-size:2rem;
        line-height: 2.8rem
    }
}

.text-flow--h4 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--theme__text___text-default);
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 36em) {
    .text-flow--h4 {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.text-flow--body {
    color: var(--theme__text___text-default);
    font-size: 1.6rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 2rem
}

@media only screen and (min-width: 36em) {
    .text-flow--body {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.text-flow--detail {
    color: var(--theme__text___text-default);
    font-size: 1.4rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 1.8rem
}

@media only screen and (min-width: 36em) {
    .text-flow--detail {
        font-size:1.6rem;
        line-height: 2rem
    }
}

.text-flow--promo {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.text-flow--promo,.text-flow--promo-price {
    color: #ffc421;
    font-size: 1.6rem;
    line-height: 2rem
}

.text-flow--hyperlink,.text-flow--promo-price {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.text-flow--hyperlink {
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-decoration: underline
}

@media only screen and (min-width: 36em) {
    .text-flow--hyperlink {
        font-size:1.4rem;
        line-height: 1.8rem
    }
}

.text-flow--action {
    font-size: 1.4rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 1.8rem
}

@media only screen and (min-width: 36em) {
    .text-flow--action {
        font-size:1.6rem;
        line-height: 2rem
    }
}

.text-flow--label {
    color: var(--theme__text___text-default);
    font-size: 1.6rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 2rem
}

@media only screen and (min-width: 36em) {
    .text-flow--label {
        font-size:1.8rem;
        line-height: 2rem
    }
}

.text-flow--label .form-helper,.text-flow--label__input,.text-flow--label label {
    font-size: 1.6rem;
    color: var(--theme__text___text-default)
}

@media only screen and (min-width: 36em) {
    .text-flow--label .form-helper,.text-flow--label__input,.text-flow--label label {
        font-size:1.8rem
    }
}

.text-flow--legal {
    color: var(--theme__text___text-default);
    font-size: 1.2rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 1.6rem
}

@media only screen and (min-width: 36em) {
    .text-flow--legal {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

.text-flow--button {
    color: var(--theme__text___text-default);
    font-size: 1.4rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 1.8rem
}

@media only screen and (min-width: 36em) {
    .text-flow--button {
        font-size:1.6rem;
        line-height: 2rem
    }
}

.text-flow--strike-through {
    text-decoration: line-through
}

.text-flow--radio-button {
    color: #999391
}

.badge__recommended,.hardware-details__slider-thumbnails .slick-slider-button__highlight.slick-next:before,.hardware-details__slider-thumbnails .slick-slider-button__highlight.slick-prev:before,.slick-carousel__slider.slick-slider .slick-slider-button__highlight.slick-next:before,.slick-carousel__slider.slick-slider .slick-slider-button__highlight.slick-prev:before,.text-weight--xxs {
    font-weight: 100
}

.text-weight--xs {
    font-weight: 200
}

.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel .mat-option.mat-active,.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel .mat-option:hover,.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel .mat-select-trigger.mat-select-value,.hardware-details__plans .label-cards.cards.card-square.card-square-secondary .cards-slot .cards-radio:checked+.cards--container .cards-content__header-text,.profile-information__details-section .details-section a.link,.text-weight--s {
    font-weight: 300
}

.label--checkbox.form-helper,.label--large.form-helper,.label--radio.form-helper,.postpaid-registration .tab-bar__li,.promo-highlight--mini,.sim-activation .form-group .fixed-label,.sim-home-activation .form-group .fixed-label,.text-weight--r,label.label--checkbox,label.label--large,label.label--radio {
    font-weight: 400
}

.appointment-contact--update .form__input-container .form__input,.card-content.extra-large .invoices .details-section .dashboard-card__invoices-view,.card-content.large .invoices .details-section .dashboard-card__invoices-view,.card-content.medium .invoices .details-section .dashboard-card__invoices-view,.care-page--version2 .secondary-header--care__container__component-name h1,.care-page-tln-bus--version-2 .secondary-header--care__container__component-name h1,.care-page .secondary-header--care__container__component-name h1,.cmp-description,.content-section__details .link,.content-section__details .pin-details .link,.end-journey__section>.end-journey__section__content__description,.guardrail__price-overview .price-content .price:first-child .price__strike-through,.hardware-product--nav__items .label--large.form-helper,.hardware-product--nav__items label.label--large,.included-options .cards--container .cards--body__badge-content .badge,.installation-options__overlay .installation-options__overlay__description,.label-cards.cards.card-date.card-date-with-value .cards-content__footer,.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__body__text-list,.login-sales-journey__Container__secondary-section__sub-title,.mobile-lines__configuration,.navigation-list--new .navigation-list__navigation-section li.active .section__icon,.navigation-list--new .navigation-list__navigation-section li:active .section__icon,.navigation-list .nav-list li.active .navigation-list__icon,.navigation-list .nav-list li:active .navigation-list__icon,.navigation-list.navigation-list--latest .nav-list li.active .navigation-list__icon,.navigation-list.navigation-list--latest .nav-list li:active .navigation-list__icon,.overlay--with-subTitle-bold .overlay__section__content__description,.overlay.overlay--sales__cart .cart-icon__section__content--heading,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section,.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .icons-section i,.Panel__voicemail-v2 .Table td.Table__action- .action-controls span,.Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__info-section .info-section__description,.postpaid-registration .address-identity-section .CheckboxSwitch--label,.price.price__incl-vat-bold .price__taxes,.radio-checkbox--horizontal .label--large,.realspeed .content-section .internetproducts__content__active-service span,.realspeed .content-section .realspeed__text__subdescription,.realspeed .content-section .testresults .testresults__cards__heading,.realspeed .content-section .testresults .text-properties,.realspeed .content-section .testresults table,.row--dtv .Table--dtv tbody tr td div,.row--network .network-details__data,.row--trial-history .Table--dtv tbody tr td div,.row__invoice-overview .Table--dtv tbody tr td div,.row__payments-and-refunds .Table--dtv tbody tr td div,.sales-cart-row.bg-secondary .sales-cart-row__content__discount.right span,.sales-cart-row__content__section,.sales-cart-row__content__section__desc p,.sales-cart-row__content__section__title.sales-cart-row__content__section__title--sub,.sales-cart__action .link,.sales-display-info--delivery-address .sales-display-info__content .sales-display-info__content__row__description__sub-title,.sales-display-info--sub-desc .sales-display-info__content__row__description span,.sales-flow__content__configuration__new-number,.sim-activation__current-sim>.form-group .label--radio.form-helper,.sim-activation__current-sim>.form-group label.label--radio,.sim-home-activation__current-sim>.form-group .label--radio.form-helper,.sim-home-activation__current-sim>.form-group label.label--radio,.Table__invoices .Table--dtv tbody tr td div,.Table__topup .Table--dtv tbody tr td div,.text-weight--m {
    font-weight: 500
}

.activate-popup .overlay__section__content__description .activate-popup--card .cards--body__inner-heading,.badge--icon i,.return-devices ol>li:before,.sales-overlay--depreciation-table .depreciation-table__heading,.text-weight--l,.third-party-subscription__heading {
    font-weight: 600
}

.create-fleet-line .tariff-plans__grp .tariff-names .options-button .separator.icon-chevron-right:before,.text-weight--xl {
    font-weight: 700
}

.manage-option__container .manage-option__item .plan-notification__cost,.text-weight--xxl {
    font-weight: 800
}

.account-line-selector .account-selector__list__account-info__outstanding-balance .outstanding-value,.appointment-picker .section-date .cards .cards-content__footer.cards-content__footer--bold,.appointment-picker .section-date .cards .cards-content__header.cards-content__footer--bold,.badge,.card-content--wave-data-card .wave-data-card__desc-section .desc-section__more-info,.change-plan__header,.contact-details.contact-details--secondary .section__title,.content-section__details .communication-email .change-email,.content-section__details .communication-text .note,.dashboard-page .mask-gradient .navigation-content-box .cmp-text,.easy-switch__title,.end-journey__section>.end-journey__section__content__title,.hardware-product--info__content-price__discount,.hardware-product__content__price-label,.hardware-product__content__price .price-discount,.hardware-search__content__header__result,.historic-trials__title,.installation-address__title,.installation-options__card__title,.installation-options__overlay__title,.intent-finder .text-flow--h1,.intent-finder .text-flow--h2,.intent-finder .text-flow--h3,.intent-finder .text-flow--h4,.label-cards.cards.card-square.card-square--combi-with-icon-and-text .cards-content__body .text-flow--button,.label-cards.cards.card-square.card-square-secondary .cards-content__body .text-flow--button,.mobile-overview-usage__usage-section .usage-section__title-section .title-section__roaming,.my-bill__section .section__info-title,.navigation-secondary .nav-secondary li a .icon-chevron-left,.network-topology--devices-child-info-name,.network-topology--devices-info-name,.overlay--with-subTitle-bold .overlay__section__content__sub-title,.overlay__section__content--page__heading,.Panel__voicemail-v2 .Table .voicemail-section .Table__inlineHeader,.Panel__voicemail-v2 .Table .voicemail-section .Table__inlineHeader.msg-action,.Panel__voicemail-v2 .Table th,.postpaid-registration .tab-bar-content .disclaimer-title,.postpaid-registration .tab-bar__li.active,.price__leading-digit,.radio-checkbox--background.radio-checkbox--background--active,.radio-checkbox--background:active,.radio-container.selected-content .form-helper,.radio-container.selected-content label,.realspeed .content-section .internetproducts__text,.realspeed .content-section .realspeed__text__description,.realspeed .content-section .testresults__cards__content,.realspeed .content-section .testresults__text,.row--dtv .Table--dtv tbody tr.last-section td p,.row--dtv .Table--trial-history tbody tr td .Table__inlineHeader,.row--dtv .Table--trial-history tbody tr td .trial-history--pending,.row--network .network-details__title,.row--trial-history .Table--dtv tbody tr.last-section td p,.row--trial-history .Table--trial-history tbody tr td .Table__inlineHeader,.row--trial-history .Table--trial-history tbody tr td .trial-history--pending,.row__invoice-overview .Table--dtv tbody tr.last-section td p,.row__invoice-overview .Table--trial-history tbody tr td .Table__inlineHeader,.row__invoice-overview .Table--trial-history tbody tr td .trial-history--pending,.row__payments-and-refunds .Table--dtv tbody tr.last-section td p,.row__payments-and-refunds .Table--trial-history tbody tr td .Table__inlineHeader,.row__payments-and-refunds .Table--trial-history tbody tr td .trial-history--pending,.sales-cart-row__content__discount,.sales-cart-row__content__section .link,.sales-cart-row__content__section__title,.sales-cart-V2__section__content__title,.sales-cart__title__heading,.sales-cart__title__sub-heading,.sales-display-info__link,.sales-overlays__container__box__heading,.sales-overlays__container__header,.sales-overlays__subtitle,.sales-page__container__content__section .order-confirmation-section__title,.select-dropdown-section .select-dropdown__content__first-section>span:first-child,.selector__list__content__first-section>span:first-child,.sim-activation__active-state .form-helper,.sim-activation__active-state label,.sim-home-activation__active-state .form-helper,.sim-home-activation__active-state label,.switch-line__title,.Table__invoices .Table--dtv tbody tr.last-section td p,.Table__invoices .Table--trial-history tbody tr td .Table__inlineHeader,.Table__invoices .Table--trial-history tbody tr td .trial-history--pending,.Table__topup .Table--dtv tbody tr.last-section td p,.Table__topup .Table--trial-history tbody tr td .Table__inlineHeader,.Table__topup .Table--trial-history tbody tr td .trial-history--pending,.text-weight--g,.third-party-subscription--card .cards--body__inner-heading,.tooltip .tooltip-text-content,.voicemail-settings-container .content-section__details .form-group.checkbox-switch-section .form-helper,.voicemail-settings-container .content-section__details .form-group.checkbox-switch-section label,.voicemail-settings-container .content-section__details .form-helper,.voicemail-settings-container .content-section__details label,.voicemail-settings-container__header {
    font-weight: 900
}

@media only screen and (min-width: 20em) {
    .line-height--8--xs {
        line-height:.8rem
    }
}

@media only screen and (min-width: 36em) {
    .line-height--8--sm {
        line-height:.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .line-height--8--md {
        line-height:.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .line-height--8--lg {
        line-height:.8rem
    }
}

@media only screen and (min-width: 90em) {
    .line-height--8--xl {
        line-height:.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .line-height--8--xxl {
        line-height:.8rem
    }
}

.hardware-product--info__content-price__actual__superscript,.line-height--8 {
    line-height: .8rem
}

@media only screen and (min-width: 20em) {
    .line-height--12--xs {
        line-height:1.2rem
    }
}

@media only screen and (min-width: 36em) {
    .line-height--12--sm {
        line-height:1.2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .line-height--12--md {
        line-height:1.2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .line-height--12--lg {
        line-height:1.2rem
    }
}

@media only screen and (min-width: 90em) {
    .line-height--12--xl {
        line-height:1.2rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .line-height--12--xxl {
        line-height:1.2rem
    }
}

.line-height--12 {
    line-height: 1.2rem
}

@media only screen and (min-width: 20em) {
    .line-height--14--xs {
        line-height:1.4rem
    }
}

@media only screen and (min-width: 36em) {
    .line-height--14--sm {
        line-height:1.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .line-height--14--md {
        line-height:1.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .line-height--14--lg {
        line-height:1.4rem
    }
}

@media only screen and (min-width: 90em) {
    .line-height--14--xl {
        line-height:1.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .line-height--14--xxl {
        line-height:1.4rem
    }
}

.line-height--14 {
    line-height: 1.4rem
}

@media only screen and (min-width: 20em) {
    .line-height--16--xs {
        line-height:1.6rem
    }
}

@media only screen and (min-width: 36em) {
    .line-height--16--sm {
        line-height:1.6rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .line-height--16--md {
        line-height:1.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .line-height--16--lg {
        line-height:1.6rem
    }
}

@media only screen and (min-width: 90em) {
    .line-height--16--xl {
        line-height:1.6rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .line-height--16--xxl {
        line-height:1.6rem
    }
}

.line-height--16 {
    line-height: 1.6rem
}

@media only screen and (min-width: 20em) {
    .line-height--18--xs {
        line-height:1.8rem
    }
}

@media only screen and (min-width: 36em) {
    .line-height--18--sm {
        line-height:1.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .line-height--18--md {
        line-height:1.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .line-height--18--lg {
        line-height:1.8rem
    }
}

@media only screen and (min-width: 90em) {
    .line-height--18--xl {
        line-height:1.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .line-height--18--xxl {
        line-height:1.8rem
    }
}

.hardware-product__content__price__superscript,.line-height--18,.price--superscript-small .price--superscript-currency,.price--superscript-small .price--superscript-digit {
    line-height: 1.8rem
}

@media only screen and (min-width: 20em) {
    .line-height--20--xs {
        line-height:2rem
    }
}

@media only screen and (min-width: 36em) {
    .line-height--20--sm {
        line-height:2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .line-height--20--md {
        line-height:2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .line-height--20--lg {
        line-height:2rem
    }
}

@media only screen and (min-width: 90em) {
    .line-height--20--xl {
        line-height:2rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .line-height--20--xxl {
        line-height:2rem
    }
}

.cmp-accordion__item .cmp-accordion__panel,.line-height--20 {
    line-height: 2rem
}

@media only screen and (min-width: 20em) {
    .line-height--22--xs {
        line-height:2.2rem
    }
}

@media only screen and (min-width: 36em) {
    .line-height--22--sm {
        line-height:2.2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .line-height--22--md {
        line-height:2.2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .line-height--22--lg {
        line-height:2.2rem
    }
}

@media only screen and (min-width: 90em) {
    .line-height--22--xl {
        line-height:2.2rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .line-height--22--xxl {
        line-height:2.2rem
    }
}

.line-height--22 {
    line-height: 2.2rem
}

@media only screen and (min-width: 20em) {
    .line-height--24--xs {
        line-height:2.4rem
    }
}

@media only screen and (min-width: 36em) {
    .cmp-accordion__item .cmp-accordion__panel,.line-height--24--sm {
        line-height:2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .line-height--24--md {
        line-height:2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .line-height--24--lg {
        line-height:2.4rem
    }
}

@media only screen and (min-width: 90em) {
    .line-height--24--xl {
        line-height:2.4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .line-height--24--xxl {
        line-height:2.4rem
    }
}

.line-height--24,.price--superscript-medium .price--superscript-currency,.price--superscript-medium .price--superscript-digit {
    line-height: 2.4rem
}

@media only screen and (min-width: 20em) {
    .line-height--28--xs {
        line-height:2.8rem
    }
}

@media only screen and (min-width: 36em) {
    .line-height--28--sm {
        line-height:2.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .line-height--28--md {
        line-height:2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .line-height--28--lg {
        line-height:2.8rem
    }
}

@media only screen and (min-width: 90em) {
    .line-height--28--xl {
        line-height:2.8rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .line-height--28--xxl {
        line-height:2.8rem
    }
}

.line-height--28 {
    line-height: 2.8rem
}

@media only screen and (min-width: 20em) {
    .line-height--30--xs {
        line-height:3rem
    }
}

@media only screen and (min-width: 36em) {
    .line-height--30--sm {
        line-height:3rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .line-height--30--md {
        line-height:3rem
    }
}

@media only screen and (min-width: 74.5em) {
    .line-height--30--lg {
        line-height:3rem
    }
}

@media only screen and (min-width: 90em) {
    .line-height--30--xl {
        line-height:3rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .line-height--30--xxl {
        line-height:3rem
    }
}

.line-height--30 {
    line-height: 3rem
}

@media only screen and (min-width: 20em) {
    .line-height--40--xs {
        line-height:4rem
    }
}

@media only screen and (min-width: 36em) {
    .line-height--40--sm {
        line-height:4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .line-height--40--md {
        line-height:4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .line-height--40--lg {
        line-height:4rem
    }
}

@media only screen and (min-width: 90em) {
    .line-height--40--xl {
        line-height:4rem
    }
}

@media only screen and (min-width: 104.6875em) {
    .line-height--40--xxl {
        line-height:4rem
    }
}

.line-height--40 {
    line-height: 4rem
}

:root {
    --link-color: inherit;
    --link-color--hover: inherit;
    --link-color--disabled: #fac7ba
}

.theme--light-ui {
    --link-color: #291d18;
    --link-color--hover: #291d18;
    --link-color--disabled: #392e2a
}

.theme--dark-ui {
    --link-color: #fff;
    --link-color--hover: #fff;
    --link-color--disabled: #eeeded
}

.theme--streamz-ui {
    --link-color: #f20d3a;
    --link-color--hover: #f20d3a;
    --link-color--disabled: #fff
}

.theme--play-sports-ui {
    --link-color: #ff0;
    --link-color--hover: #ff0
}

.theme--play-more-ui {
    --link-color: #0082b4;
    --link-color--hover: #0082b4
}

.AEM--link--chevron,.AEM--link--chevron-left,.link,.usp a.usp__item .usp__item__description,a {
    color: var(--link-color,inherit);
    text-decoration: underline;
    display: inline
}

.AEM--link--chevron-left:hover,.AEM--link--chevron:hover,.link:hover,.usp a.usp__item .usp__item__description:hover,a:hover {
    text-decoration: none;
    color: var(--link-color--hover,inherit);
    cursor: pointer
}

.disabled.AEM--link--chevron,.disabled.AEM--link--chevron-left,.link.disabled,.usp a.usp__item .disabled.usp__item__description,a.disabled {
    color: var(--link-color--disabled,#fac7ba);
    pointer-events: none;
    opacity: 1
}

.AEM--link--chevron-left i.icon,.AEM--link--chevron i.icon,.link i.icon,.usp a.usp__item .usp__item__description i.icon,a i.icon {
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle
}

.AEM--link--chevron-left i.icon.icon--shaped,.AEM--link--chevron i.icon.icon--shaped,.link i.icon.icon--shaped,.usp a.usp__item .usp__item__description i.icon.icon--shaped,a i.icon.icon--shaped {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 700
}

.AEM--link--chevron-left i.icon.icon--shaped:before,.AEM--link--chevron i.icon.icon--shaped:before,.link i.icon.icon--shaped:before,.usp a.usp__item .usp__item__description i.icon.icon--shaped:before,a i.icon.icon--shaped:before {
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%)
}

.AEM--link--chevron-left i.icon.icon--after,.AEM--link--chevron i.icon.icon--after,.link i.icon.icon--after,.usp a.usp__item .usp__item__description i.icon.icon--after,a i.icon.icon--after {
    float: right;
    margin-left: .5rem;
    margin-right: unset
}

.AEM--link--chevron-left span,.AEM--link--chevron span,.link span,.usp a.usp__item .usp__item__description span,a span {
    vertical-align: middle
}

.AEM--link--chevron,.link--chevron,.usp a.usp__item .usp__item__description {
    text-decoration: none;
    line-height: 2rem;
    font-size: 1.6rem;
    color: var(--link-color,var(--theme__text___text-default));
    display: inline
}

.AEM--link--chevron:after,.link--chevron:after,.usp a.usp__item .usp__item__description:after {
    margin-left: .5rem
}

.link--chevron--before:before {
    margin-right: .5rem
}

.link--chevron--before:after {
    content: none
}

.AEM--link--chevron:hover,.link--chevron:hover,.usp a.usp__item .usp__item__description:hover {
    color: var(--link-color,var(--theme__text___text-default));
    text-decoration: underline
}

.AEM--link--chevron-left,.AEM--link--chevron .AEM--link--chevron-left,.link--chevron-left,.link--chevron .AEM--link--chevron-left,.usp a.usp__item .usp__item__description .AEM--link--chevron-left {
    display: inline-block;
    text-decoration: none;
    line-height: 2rem;
    font-size: 1.6rem;
    color: var(--link-color,var(--theme__text___text-default))
}

.AEM--link--chevron-left:before,.AEM--link--chevron .AEM--link--chevron-left:before,.link--chevron-left:before,.link--chevron .AEM--link--chevron-left:before,.usp a.usp__item .usp__item__description .AEM--link--chevron-left:before {
    margin-right: .5rem;
    color: var(--link-color,var(--theme__text___text-default))
}

.AEM--link--chevron-left:hover,.AEM--link--chevron .AEM--link--chevron-left:hover,.link--chevron-left:hover,.link--chevron .AEM--link--chevron-left:hover,.usp a.usp__item .usp__item__description .AEM--link--chevron-left:hover {
    color: var(--link-color,var(--theme__text___text-default));
    text-decoration: underline
}

.AEM--link--chevron-left:hover:before,.AEM--link--chevron .AEM--link--chevron-left:hover:before,.link--chevron-left:hover:before,.link--chevron .AEM--link--chevron-left:hover:before,.usp a.usp__item .usp__item__description .AEM--link--chevron-left:hover:before {
    color: var(--link-color,var(--theme__text___text-default))
}

.link--secondary {
    color: var(--link-color,var(--theme__text___text-default));
    text-decoration: underline
}

.link--secondary:hover {
    text-decoration: none;
    color: var(--link-color,var(--theme__text___text-default));
    cursor: pointer
}

.link--no-underline {
    display: inline-block;
    text-decoration: none
}

.link--no-underline.primary {
    text-transform: uppercase
}

.link--no-underline.secondary {
    color: var(--link-color,var(--theme__text___text-default))
}

.link.link--login-header {
    color: inherit
}

.link--unstyled,.usp a.usp__item .usp__item__description {
    color: inherit;
    text-decoration: underline
}

.link--unstyled:hover,.usp a.usp__item .usp__item__description:hover {
    color: inherit;
    text-decoration: none
}

.price__strike-through,.strikethrough-title--fullWidth span,.text-strikethrough {
    text-decoration: line-through
}

.strikethrough-title {
    display: flex;
    position: relative;
    color: #f7945c
}

.text-shadow--black-20 {
    text-shadow: .1rem .1rem 1rem rgba(0,0,0,.2)
}

.cards--background-img.cards--full-height .cards--body--full-image h5,.cards--background-img.cards--full-height .cards--body--full-image h6,.cards--background-img.cards--full-height .cards-body--full-image h5,.cards--background-img.cards--full-height .cards-body--full-image h6,.cards.background-img .cards--body--full-image h5,.cards.background-img .cards--body--full-image h6,.cards.background-img .cards-body--full-image h5,.cards.background-img .cards-body--full-image h6,.cmp-responsivegrid .cmp-responsivegrid--bg-image .theme--dark-ui,.overlay--full-page .overlay__section__content,.text-shadow--for-white-text {
    text-shadow: .01rem .01rem .5rem rgba(0,0,0,.8)
}

.overlay--full-page .overlay__section__content .overlay__section__content__description .cmp-title,.text-shadow--for-white-title {
    text-shadow: .1rem .1rem 2rem rgba(0,0,0,.3)
}

.promo-highlight--mini,.realspeed .content-section .row .form-group .form-helper,.realspeed .content-section .row .form-group label,.text-uppercase,.third-party-services .form-helper,.third-party-services label {
    text-transform: uppercase
}

.cmp-breadcrumb__list,.text-capitalize {
    text-transform: capitalize
}

.text-none {
    text-transform: none
}

@media only screen and (min-width: 20em) {
    .text-uppercase--xs {
        text-transform:uppercase
    }
}

@media only screen and (min-width: 36em) {
    .text-uppercase--sm {
        text-transform:uppercase
    }
}

@media only screen and (min-width: 48.0625em) {
    .text-uppercase--md {
        text-transform:uppercase
    }
}

@media only screen and (min-width: 74.5em) {
    .text-uppercase--lg {
        text-transform:uppercase
    }
}

@media only screen and (min-width: 90em) {
    .text-uppercase--xl {
        text-transform:uppercase
    }
}

@media only screen and (min-width: 104.6875em) {
    .text-uppercase--xxl {
        text-transform:uppercase
    }
}

@media only screen and (min-width: 20em) {
    .text-capitalize--xs {
        text-transform:capitalize
    }
}

@media only screen and (min-width: 36em) {
    .text-capitalize--sm {
        text-transform:capitalize
    }
}

@media only screen and (min-width: 48.0625em) {
    .text-capitalize--md {
        text-transform:capitalize
    }
}

@media only screen and (min-width: 74.5em) {
    .text-capitalize--lg {
        text-transform:capitalize
    }
}

@media only screen and (min-width: 90em) {
    .text-capitalize--xl {
        text-transform:capitalize
    }
}

@media only screen and (min-width: 104.6875em) {
    .text-capitalize--xxl {
        text-transform:capitalize
    }
}

@media only screen and (min-width: 20em) {
    .text-none--xs {
        text-transform:none
    }
}

@media only screen and (min-width: 36em) {
    .text-none--sm {
        text-transform:none
    }
}

@media only screen and (min-width: 48.0625em) {
    .text-none--md {
        text-transform:none
    }
}

@media only screen and (min-width: 74.5em) {
    .text-none--lg {
        text-transform:none
    }
}

@media only screen and (min-width: 90em) {
    .text-none--xl {
        text-transform:none
    }
}

@media only screen and (min-width: 104.6875em) {
    .text-none--xxl {
        text-transform:none
    }
}

.card--bottom {
    display: flex
}

.card--bottom__primary {
    padding: 1rem;
    text-align: center;
    width: 100%;
    height: 4.4rem
}

.card--bottom__primary__left {
    border-top: .1rem solid #eeeded
}

.card--bottom__primary__right {
    border-radius: 0 0 .5rem 0;
    background-color: #c95942
}

.card--bottom__primary__right a,.card--bottom__primary__right a:hover {
    color: #fff
}

.card-content.large .usage-donuts {
    margin: -1rem
}

.card-content.large .usage-donuts .multiple {
    display: flex;
    justify-content: inherit;
    align-items: baseline;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5rem 0 0
}

@media only screen and (min-width: 36em) {
    .card-content.large .usage-donuts .multiple {
        justify-content:space-around;
        overflow-x: hidden;
        align-items: start
    }
}

.card-content.large .usage-donuts .multiple .usage-donuts__header {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: center;
    color: #291d18;
    margin-bottom: 5rem
}

.card-content.large .usage-donuts .multiple .usage-donuts__disclaimer {
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: center;
    color: #291d18
}

.card-content.large .usage-donuts .multiple .usage-donuts__graph-lg {
    width: 18rem
}

.card-content.large .usage-donuts .multiple .donut-text {
    width: 13rem;
    box-sizing: inherit;
    text-align: center;
    margin: 0 auto -16rem
}

.card-content.large .usage-donuts .multiple .donut-text .left-text,.card-content.large .usage-donuts .multiple .donut-text .total-value {
    color: #a6d9d9;
    font-size: 1.6rem;
    padding: 0 .5rem
}

.card-content.large .usage-donuts .multiple .donut-text .text {
    font-size: 1.6rem;
    line-height: 1;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #291d18
}

.card-content.large .usage-donuts .multiple .donut-text .text--number {
    margin-left: -.5rem;
    color: #291d18
}

.card-content.large .usage-donuts .multiple .donut-text .remaining-value,.card-content.large .usage-donuts .multiple .donut-text .text--number {
    font-size: 2.8rem;
    line-height: 4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.large .usage-donuts .multiple .chart-name {
    width: 18rem;
    margin-left: auto;
    margin-right: auto
}

.card-content.large .usage-donuts .multiple.four {
    padding: 6rem 0 0;
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .card-content.large .usage-donuts .multiple.four {
        margin-left:-2rem;
        margin-right: -2rem
    }
}

.card-content.large .usage-donuts .multiple.four .donut-text {
    width: 10rem;
    box-sizing: inherit;
    text-align: center;
    margin: 0 auto -13rem
}

.card-content.large .usage-donuts .multiple.four .donut-text .left-text,.card-content.large .usage-donuts .multiple.four .donut-text .total-value {
    color: #a6d9d9;
    font-size: 1.2rem
}

.card-content.large .usage-donuts .multiple.four .donut-text .text {
    font-size: 1.6rem;
    line-height: 1;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #291d18
}

.card-content.large .usage-donuts .multiple.four .donut-text .text--number {
    margin-left: -.5rem;
    color: #291d18
}

.card-content.large .usage-donuts .multiple.four .donut-text .remaining-value,.card-content.large .usage-donuts .multiple.four .donut-text .text--number {
    font-size: 2rem;
    line-height: 1.2;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.large .usage-donuts .multiple.four .chart-name {
    width: 15rem;
    margin-left: auto;
    margin-right: auto
}

.card-content.large .usage-donuts .usage-donuts__header {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: center;
    color: #291d18
}

.card-content.large .usage-donuts .usage-donuts__header.prepaid-card-spacing {
    position: inherit;
    bottom: 5rem
}

.card-content.large .usage-donuts .usage-donuts__disclaimer {
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: center;
    color: #291d18
}

.card-content.large .usage-donuts .donut-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 18rem;
    margin: 7rem auto -18.5rem;
    height: 12rem;
    text-align: center
}

.card-content.large .usage-donuts .donut-text.carry-over.legend {
    margin-top: 6rem;
    margin-bottom: -19.5rem;
    max-width: 15rem
}

.card-content.large .usage-donuts .donut-text.base-unlimited {
    margin-top: 6rem;
    margin-bottom: -18.5rem
}

.card-content.large .usage-donuts .donut-text .left-text,.card-content.large .usage-donuts .donut-text .total-value {
    color: #766f6b;
    font-size: 1.6rem
}

.card-content.large .usage-donuts .donut-text .text {
    font-size: 1.6rem;
    line-height: 1;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.large .usage-donuts .donut-text .text--number {
    font-size: 3.4rem;
    line-height: 1;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    margin-left: -.5rem
}

.card-content.large .usage-donuts .donut-text .remaining-value {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 3.2rem;
    line-height: 1;
    color: #291d18
}

.card-content.large .usage-donuts .donut-chart {
    margin: 0 auto
}

.card-content.large .usage-donuts .donut-chart .chart-name {
    display: flex;
    justify-content: center;
    align-items: center
}

.card-content.large .usage-donuts .donut-chart .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-content.large .usage-donuts .donut-chart .chart-legends {
    margin-top: -1rem;
    margin-bottom: 1rem;
    padding-left: 0
}

.card-content.large .details {
    text-align: center;
    margin-top: 15rem;
    width: 100%
}

.card-content.large .details .total-usage {
    font-size: 2.4rem;
    line-height: 1.2;
    color: #291d18
}

.card-content.large .details .total-amount {
    font-size: 4.8rem;
    line-height: 6rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #ffc421
}

.card-content.medium .usage-donuts {
    margin: -1.5rem 1rem
}

.card-content.medium .usage-donuts .usage-donuts__header {
    font-size: 2rem;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: center
}

.card-content.medium .usage-donuts .donut-text {
    width: 7rem;
    text-align: center;
    margin: 3rem auto -6rem
}

.card-content.medium .usage-donuts .donut-text .left-text,.card-content.medium .usage-donuts .donut-text .total-value {
    color: #a6d9d9;
    font-size: 1.2rem
}

.card-content.medium .usage-donuts .donut-text .text {
    font-size: 1.2rem;
    line-height: 1;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    margin-left: -.5rem
}

.card-content.medium .usage-donuts .donut-text .text--number {
    font-size: 2rem;
    line-height: 2.4;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    margin-left: -.5rem
}

.card-content.medium .usage-donuts .donut-text .remaining-value {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2rem;
    line-height: 2.4rem
}

.card-content.medium .usage-donuts .donut-chart {
    margin: 0 auto
}

.card-content.medium .usage-donuts .donut-chart.one {
    width: 25rem
}

.card-content.small .usage-donuts {
    margin: -1.5rem 0
}

.card-content.small .usage-donuts .usage-donuts__header {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left
}

.card-content.small .usage-donuts .donut-text {
    float: left;
    flex-direction: row-reverse
}

.card-content.small .usage-donuts .donut-text .left-text,.card-content.small .usage-donuts .donut-text .total-value {
    display: inline;
    color: #a6d9d9;
    font-size: 1.2rem
}

.card-content.small .usage-donuts .donut-text .text {
    font-size: 1.2rem;
    line-height: 1;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    margin-left: -.5rem
}

.card-content.small .usage-donuts .donut-text .text--number {
    font-size: 2rem;
    line-height: 2.4;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    margin-left: -.5rem
}

.card-content.small .usage-donuts .donut-text .remaining-value {
    display: inline;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2rem;
    line-height: 2.4rem
}

.card-content.small .usage-donuts .donut-chart .donut {
    float: right;
    margin-top: -2.7rem
}

.donut {
    display: flex;
    justify-content: center
}

.donut .nv-legendWrap {
    display: none!important
}

.chart-legends .chart-legends__item {
    margin-right: 1rem;
    color: #291d18
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .donut {
        margin-left: -1rem;
        margin-right: -1rem
    }
}

.card-content {
    color: var(--dashboard-card__color,#291d18);
    background-color: var(--dashboard-card__backgroundcolor,#fff);
    background-position: top;
    background-size: cover;
    box-sizing: border-box
}

.card-content:hover {
    color: var(--dashboard-card__color,#291d18)
}

.card-content:active {
    border: 0 solid #ffc421
}

.card-content .dashboard-card__subtitle,.card-content .dashboard-card__title {
    font-weight: 400
}

.card-content .dashboard-card__subtitle--heavy,.card-content .dashboard-card__title--heavy {
    font-weight: 900
}

.card-content .dashboard-card__subtitle--light,.card-content .dashboard-card__title--light {
    font-weight: 500
}

.card-content.small {
    height: 7.2rem;
    padding: 2.4rem
}

.card-content.small .dashboard-card__image {
    display: inline-block;
    min-width: 3rem;
    width: 2rem
}

.card-content.small .dashboard-card__image img {
    height: 3rem
}

.card-content.small .dashboard-card__image .icon-bill {
    color: #291d18;
    font-size: 3rem
}

.card-content.small .dashboard-card__title {
    display: inline-block;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 2rem;
    margin-left: 1rem
}

.card-content.small .dashboard-card__toggle {
    --dashboard-card__color: #291d18;
    display: flex;
    content: "\003E";
    margin-left: auto;
    box-sizing: border-box;
    width: 1.3rem;
    height: 1.3rem;
    border: solid #291d18;
    border-width: 0 .05rem .05rem 0;
    transform: rotate(-45deg);
    font-size: 2.2rem;
    opacity: .6;
    cursor: pointer
}

.card-content.small .dashboard-card__toggle:hover {
    --dashboard-card__color: #291d18
}

.card-content.small .invoices,.card-content.small .messages,.card-content.small .usage {
    display: flex;
    margin: 0;
    justify-content: left
}

.card-content.small .dashboard-card__header {
    --dashboard-card__color: #c95942;
    display: flex;
    align-items: center;
    font-size: 2rem;
    line-height: 1.5;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    white-space: nowrap
}

.card-content.small .dashboard-card__header:hover {
    --dashboard-card__color: #c95942
}

.card-content.small .dashboard-card__header.red {
    color: #c95942
}

.card-content.small .dashboard-card__header.usage {
    --dashboard-card__color: #ffc421
}

.card-content.small .dashboard-card__header.usage:hover {
    --dashboard-card__color: #ffc421
}

.card-content.small .dashboard-card__details {
    --dashboard-card__color: #291d18;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left
}

.card-content.small .dashboard-card__details.consult {
    display: none
}

.card-content.small .dashboard-card__details.without-consult {
    display: block
}

.card-content.small .dashboard-card__action {
    display: none
}

.card-content.small .dashboard-card__invoices-due {
    --dashboard-card__color: #655c58;
    display: none;
    font-size: 1.2rem;
    line-height: 1.2;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left
}

.card-content.small .dashboard-card__invoices-due:hover {
    --dashboard-card__color: #655c58
}

.card-content.small .dashboard-card__invoices-view {
    display: none
}

.card-content.small .details-section {
    display: inline-block;
    align-self: center;
    padding-left: 2rem
}

.card-content.small .notification {
    padding: .5rem 2rem;
    margin-top: -1rem
}

.card-content.small .notification--card__message {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start
}

@media only screen and (min-width: 36em) {
    .card-content.small .notification--card__message {
        flex-wrap:wrap
    }
}

.card-content.small .notification--card__message__header {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.small .notification--card__message__description {
    --dashboard-card__color: #c95942;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.small .notification--card .icon-status-error:before {
    --dashboard-card__color: #c95942;
    margin-right: 1.5rem;
    display: inline-block;
    align-items: center;
    font-size: 2.2rem;
    font-weight: 400
}

.card-content.extra-large .invoices .details-section .dashboard-card__invoices-due,.card-content.large .invoices .details-section .dashboard-card__invoices-due,.card-content.medium .invoices .details-section .dashboard-card__invoices-due {
    display: none
}

.card-content.extra-large .invoices .details-section .dashboard-card__invoices-view,.card-content.large .invoices .details-section .dashboard-card__invoices-view,.card-content.medium .invoices .details-section .dashboard-card__invoices-view {
    --dashboard-card__color: #655c58;
    display: flex;
    text-align: left;
    align-items: center
}

.card-content.extra-large .invoices .details-section .dashboard-card__invoices-view .icon-chevron-right,.card-content.large .invoices .details-section .dashboard-card__invoices-view .icon-chevron-right,.card-content.medium .invoices .details-section .dashboard-card__invoices-view .icon-chevron-right {
    position: relative;
    left: .4rem;
    font-size: 1.4rem
}

.card-content.medium {
    height: 16.4rem;
    padding: 2.4rem;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .card-content.medium {
        padding:2.4rem
    }
}

.card-content.medium .dashboard-card__image {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    height: 5.5rem
}

.card-content.medium .dashboard-card__image img {
    height: 4rem
}

.card-content.medium .dashboard-card__image .icon-bill {
    --dashboard-card__color: #291d18;
    font-size: 4rem
}

.card-content.medium .dashboard-card__image .icon-bill:hover {
    --dashboard-card__color: #291d18
}

.card-content.medium .dashboard-card__title {
    margin-top: 2rem;
    font-size: 2rem;
    line-height: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left
}

.card-content.medium .notification--card__message {
    display: flex;
    flex-direction: column
}

.card-content.medium .notification--card__message__header {
    font-size: 2rem;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    margin-bottom: .5rem
}

.card-content.medium .notification--card__message__description {
    --dashboard-card__color: #c95942;
    font-size: 1.6rem;
    line-height: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.medium .notification--card .icon-status-error:before {
    margin-bottom: 1rem;
    display: inline-block;
    align-items: center;
    color: #c95942;
    font-size: 2.2rem;
    font-weight: 400
}

.card-content.medium .notification span {
    line-height: 2.4rem
}

.card-content.medium .dashboard-card__invoices-view {
    font-size: 1.4rem;
    line-height: 1.4rem
}

.card-content.medium .dashboard-card__invoices-due {
    --dashboard-card__color: #655c58;
    font-size: 1.2rem;
    margin-top: 1rem;
    line-height: 1.2;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left
}

.card-content.medium .dashboard-card__invoices-due:hover {
    --dashboard-card__color: #655c58
}

.card-content.medium .dashboard-card__header {
    --dashboard-card__color: #c95942;
    display: flex;
    height: 2.4rem;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    align-items: flex-start;
    font-size: 2rem;
    line-height: 2.4;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left;
    white-space: nowrap
}

.card-content.medium .dashboard-card__header:hover {
    --dashboard-card__color: #c95942
}

.card-content.medium .dashboard-card__header.red,.card-content.medium .dashboard-card__header.red:hover {
    color: #c95942
}

.card-content.medium .dashboard-card__header.usage,.card-content.medium .dashboard-card__header.usage:hover {
    --dashboard-card__color: #ffc421
}

.card-content.medium .dashboard-card__details {
    width: 100%;
    margin: 2rem 0 0;
    font-size: 2rem;
    line-height: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .card-content.medium .dashboard-card__details {
        width:100%
    }
}

.card-content.medium .dashboard-card__details.consult {
    display: none
}

.card-content.medium .dashboard-card__details.without-consult {
    display: block
}

.card-content.medium .dashboard-card__details.red {
    color: #c95942
}

.card-content.medium .dashboard-card__action {
    display: flex;
    margin: 0 0 2.4rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem;
    align-items: center;
    height: 1.8rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.medium .dashboard-card__action p {
    margin: 0 1rem 0 0;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.medium .dashboard-card__action .arrow {
    transform: scale(.7);
    margin: 0 0 1rem
}

.card-content.medium .invoices.invoices-card .dashboard-card__details {
    font-size: 1.6rem;
    line-height: 1.8rem
}

.card-content.medium .contact,.card-content.medium .sim-dashboard-card {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0 0;
    min-height: 15rem
}

.card-content.medium .contact .header,.card-content.medium .sim-dashboard-card .header {
    --dashboard-card__color: #291d18;
    flex-basis: 100%;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2rem;
    line-height: 2.8rem;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .card-content.medium .contact .header,.card-content.medium .sim-dashboard-card .header {
        font-size:1.7rem
    }
}

.card-content.medium .contact .title,.card-content.medium .sim-dashboard-card .title {
    --dashboard-card__color: #ffc421;
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .card-content.medium .contact .title,.card-content.medium .sim-dashboard-card .title {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

.card-content.medium .contact .title:hover,.card-content.medium .sim-dashboard-card .title:hover {
    --dashboard-card__color: #ffc421
}

.card-content.medium .contact .details,.card-content.medium .sim-dashboard-card .details {
    --dashboard-card__color: #291d18;
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .card-content.medium .contact .details,.card-content.medium .sim-dashboard-card .details {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

.card-content.medium .contact .details:hover,.card-content.medium .sim-dashboard-card .details:hover {
    --dashboard-card__color: #291d18
}

.card-content.medium .contact .details.missing,.card-content.medium .sim-dashboard-card .details.missing {
    --dashboard-card__color: #f7945c
}

.card-content.medium .contact .details.missing:hover,.card-content.medium .sim-dashboard-card .details.missing:hover {
    --dashboard-card__color: #f7945c
}

.card-content.medium .contact .section,.card-content.medium .sim-dashboard-card .section {
    width: 100%
}

.card-content.medium .contact .section .details,.card-content.medium .sim-dashboard-card .section .details {
    margin-bottom: .5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-content.large {
    height: 34.8rem;
    padding: 8rem 1rem
}

@media only screen and (min-width: 36em) {
    .card-content.large {
        padding:2.4rem
    }
}

.card-content.large .dashboard-card__image {
    width: 8rem;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 3rem
}

.card-content.large .dashboard-card__image img {
    height: 8rem
}

.card-content.large .dashboard-card__image .icon-bill {
    color: #291d18;
    font-size: 8rem
}

.card-content.large .dashboard-card__image .icon-bill:hover {
    color: #291d18
}

.card-content.large .dashboard-card__title {
    font-size: 4rem;
    line-height: 5rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: center
}

.card-content.large .dashboard-card__subtitle {
    font-size: 2rem;
    line-height: 5rem;
    text-align: center
}

.card-content.large .dashboard-card__action {
    display: flex;
    margin: 0 0 2.4rem 2.4rem;
    align-items: center;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem
}

@media only screen and (min-width: 36em) {
    .card-content.large .dashboard-card__action {
        margin:0 0 4rem;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 2.4rem
    }
}

.card-content.large .dashboard-card__action p {
    padding-right: 1rem;
    margin-top: 1rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.large .dashboard-card__header {
    --dashboard-card__color: #c95942;
    height: 4rem;
    margin: 2.4rem 0 2.1rem 2.4rem;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left;
    white-space: nowrap
}

@media only screen and (min-width: 36em) {
    .card-content.large .dashboard-card__header {
        margin:0 0 5rem;
        font-size: 4rem;
        font-weight: 900;
        line-height: 4.6rem
    }
}

.card-content.large .dashboard-card__header.red {
    color: #c95942
}

.card-content.large .dashboard-card__header.usage {
    --dashboard-card__color: #ffc421
}

.card-content.large .dashboard-card__details {
    --dashboard-card__color: #291d18;
    margin: 0 0 .4rem 2.4rem;
    font-size: 3.2rem;
    font-size: 2rem;
    font-weight: 900;
    line-height: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .card-content.large .dashboard-card__details {
        margin:0 0 1.2rem;
        font-size: 4rem;
        line-height: 4.6rem
    }
}

.card-content.large .dashboard-card__details:hover {
    --dashboard-card__color: #291d18
}

.card-content.large .dashboard-card__details.consult {
    display: none
}

.card-content.large .dashboard-card__details.without-consult {
    display: block
}

.card-content.large .dashboard-card__invoices-due {
    --dashboard-card__color: #655c58;
    font-size: 1.8rem;
    margin-top: 1rem;
    line-height: 1.2;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left
}

.card-content.large .dashboard-card__invoices-view {
    margin-left: 2.4rem
}

@media only screen and (min-width: 36em) {
    .card-content.large .dashboard-card__invoices-view {
        margin-left:0
    }
}

.card-content.large .notification--card__message {
    display: flex;
    flex-direction: column
}

.card-content.large .notification--card__message__header {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    margin-bottom: .5rem
}

.card-content.large .notification--card__message__description {
    --dashboard-card__color: #c95942;
    font-size: 2.2rem;
    line-height: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.large .notification--card .icon-status-error:before {
    margin-bottom: 1.5rem;
    display: inline-block;
    align-items: center;
    color: #c95942;
    font-size: 4rem;
    font-weight: 400
}

.card-content.large .wave-data-card__wave-section {
    --dashboard-card__color: #291d18
}

.card-content.large .wave-data-card__wave-section .slick-slider {
    display: flex;
    align-items: center;
    height: 29rem
}

@media only screen and (min-width: 36em) {
    .card-content.large .wave-data-card__wave-section .slick-slider {
        height:30rem
    }
}

.card-content.large .wave-data-card__wave-section .slick-slider:focus {
    outline: transparent
}

.card-content.large .wave-data-card__wave-section .slick-slider .arrow--right:after {
    left: .9rem
}

.card-content.large .wave-data-card__wave-section .slick-slider .arrow--left:after {
    top: 1rem;
    left: 0
}

.card-content.large .wave-data-card__wave-section .slick-slider .slick-active {
    outline: transparent
}

.card-content.large .wave-data-card__wave-section .slick-disabled {
    display: none!important
}

.card-content.large .wave-data-card__wave-section .slick-dots {
    bottom: -3rem
}

@media only screen and (min-width: 36em) {
    .card-content.large .wave-data-card__wave-section .slick-dots {
        bottom:-2rem
    }
}

.card-content.extra-large {
    height: 53.2rem;
    padding: 8rem 1rem
}

@media only screen and (min-width: 36em) {
    .card-content.extra-large {
        padding:5.2rem 4rem 4.4rem
    }
}

.card-content.extra-large .dashboard-card__image {
    width: 12rem;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 3rem
}

.card-content.extra-large .dashboard-card__image img {
    height: 12rem
}

.card-content.extra-large .dashboard-card__image .icon-bill {
    color: #291d18;
    font-size: 12rem
}

.card-content.extra-large .dashboard-card__image .icon-bill:hover {
    color: #291d18
}

.card-content.extra-large .dashboard-card__title {
    font-size: 4rem;
    line-height: 5rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: center
}

.card-content.extra-large .dashboard-card__subtitle {
    font-size: 2rem;
    line-height: 5rem;
    text-align: center
}

.card-content.extra-large .dashboard-card__action {
    display: flex;
    margin: 0 0 2.4rem 2.4rem;
    align-items: center;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem
}

@media only screen and (min-width: 36em) {
    .card-content.extra-large .dashboard-card__action {
        margin:0 0 4rem;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 2.4rem
    }
}

.card-content.extra-large .dashboard-card__action p {
    padding-right: 1rem;
    margin-top: 1rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.extra-large .dashboard-card__header {
    --dashboard-card__color: #c95942;
    height: 4rem;
    margin: 2.4rem 0 2.1rem 2.4rem;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left;
    white-space: nowrap
}

@media only screen and (min-width: 36em) {
    .card-content.extra-large .dashboard-card__header {
        margin:0 0 5rem;
        font-size: 4rem;
        font-weight: 900;
        line-height: 4.6rem
    }
}

.card-content.extra-large .dashboard-card__header.red {
    color: #c95942
}

.card-content.extra-large .dashboard-card__header.usage {
    --dashboard-card__color: #ffc421
}

.card-content.extra-large .dashboard-card__details {
    --dashboard-card__color: #291d18;
    margin: 0 0 .4rem 2.4rem;
    font-size: 3.2rem;
    font-size: 2rem;
    font-weight: 900;
    line-height: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .card-content.extra-large .dashboard-card__details {
        margin:0 0 1.2rem;
        font-size: 4rem;
        line-height: 4.6rem
    }
}

.card-content.extra-large .dashboard-card__details:hover {
    --dashboard-card__color: #291d18
}

.card-content.extra-large .dashboard-card__details.consult {
    display: none
}

.card-content.extra-large .dashboard-card__details.without-consult {
    display: block
}

.card-content.extra-large .dashboard-card__invoices-due {
    --dashboard-card__color: #655c58;
    font-size: 2.4rem;
    margin-top: 1rem;
    line-height: 1.2;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left
}

.card-content.extra-large .dashboard-card__invoices-view {
    margin-left: 2.4rem
}

@media only screen and (min-width: 36em) {
    .card-content.extra-large .dashboard-card__invoices-view {
        margin-left:0
    }
}

.card-content.extra-large .notification--card__message {
    display: flex;
    flex-direction: column
}

.card-content.extra-large .notification--card__message__header {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    margin-bottom: .5rem
}

.card-content.extra-large .notification--card__message__description {
    --dashboard-card__color: #c95942;
    font-size: 2.2rem;
    line-height: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.card-content.extra-large .notification--card .icon-status-error:before {
    --dashboard-card__color: #c95942;
    margin-bottom: 1.5rem;
    display: inline-block;
    align-items: center;
    font-size: 4rem;
    font-weight: 400
}

.card-content.extra-large .wave-data-card__wave-section {
    --dashboard-card__color: #291d18
}

.card-content.extra-large .wave-data-card__wave-section .slick-slider {
    display: flex;
    align-items: center;
    height: 29rem
}

@media only screen and (min-width: 36em) {
    .card-content.extra-large .wave-data-card__wave-section .slick-slider {
        height:30rem
    }
}

.card-content.extra-large .wave-data-card__wave-section .slick-slider:focus {
    outline: transparent
}

.card-content.extra-large .wave-data-card__wave-section .slick-slider .arrow--right:after {
    left: 2.5rem
}

.card-content.extra-large .wave-data-card__wave-section .slick-slider .arrow--left:after {
    top: 1rem;
    left: -1.5rem
}

.card-content.extra-large .wave-data-card__wave-section .slick-slider .slick-active {
    outline: transparent
}

.card-content.extra-large .wave-data-card__wave-section .slick-disabled {
    display: none!important
}

.card-content.extra-large .wave-data-card__wave-section .slick-dots {
    bottom: -3rem
}

@media only screen and (min-width: 36em) {
    .card-content.extra-large .wave-data-card__wave-section .slick-dots {
        bottom:-2rem
    }
}

.card-content--color-light {
    --dashboard-card__color: #fff
}

.card-content--color-light:hover {
    --dashboard-card__color: #fff
}

.card-content--color-dark {
    --dashboard-card__color: #291d18
}

.card-content--color-dark:hover {
    --dashboard-card__color: #291d18
}

.card-content--position-bottom.extra-large,.card-content--position-bottom.large,.card-content--position-top.extra-large,.card-content--position-top.large {
    padding: 4rem 1rem
}

@media only screen and (min-width: 48.0625em) {
    .card-content--position-bottom.extra-large,.card-content--position-bottom.large,.card-content--position-top.extra-large,.card-content--position-top.large {
        padding:4rem
    }
}

.card-content--position-bottom.medium,.card-content--position-top.medium {
    padding: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .card-content--position-bottom.medium,.card-content--position-top.medium {
        padding:2rem
    }
}

.card-content--position-top {
    justify-content: flex-start
}

.card-content--position-bottom {
    justify-content: flex-end
}

.card-content--position-left {
    align-items: flex-start
}

.card-content--title.card-content.extra-large .dashboard-card__image,.card-content--title.card-content.large .dashboard-card__image,.card-content--title.card-content.medium .dashboard-card__image,.card-content--title.card-content.small .dashboard-card__image {
    display: none
}

.card-content--title.card-content.extra-large .dashboard-card__title,.card-content--title.card-content.large .dashboard-card__title,.card-content--title.card-content.medium .dashboard-card__title,.card-content--title.card-content.small .dashboard-card__title {
    text-align: left;
    line-height: 4rem
}

.card-content--title.card-content.extra-large .dashboard-card__subtitle,.card-content--title.card-content.large .dashboard-card__subtitle,.card-content--title.card-content.medium .dashboard-card__subtitle,.card-content--title.card-content.small .dashboard-card__subtitle {
    display: none
}

.card-content--title.card-content.medium {
    padding: 2.5rem
}

.card-content--title.card-content.medium .dashboard-card__title {
    line-height: 2.5rem;
    max-width: 90%
}

.card-content--title.card-content.medium .dashboard-card__subtitle {
    max-width: 80%;
    margin-top: 1rem;
    line-height: normal
}

@media only screen and (min-width: 48.0625em) {
    .card-content--title.card-content.extra-large,.card-content--title.card-content.large {
        padding:2.5rem
    }
}

.card-content--title.card-content.extra-large .dashboard-card__title,.card-content--title.card-content.large .dashboard-card__title {
    max-width: 80%
}

.card-content--title-subtitle.card-content.extra-large .dashboard-card__image,.card-content--title-subtitle.card-content.large .dashboard-card__image,.card-content--title-subtitle.card-content.medium .dashboard-card__image,.card-content--title-subtitle.card-content.small .dashboard-card__image {
    display: none
}

.card-content--title-subtitle.card-content.extra-large .dashboard-card__title,.card-content--title-subtitle.card-content.large .dashboard-card__title,.card-content--title-subtitle.card-content.medium .dashboard-card__title,.card-content--title-subtitle.card-content.small .dashboard-card__title {
    text-align: left;
    line-height: 4rem
}

.card-content--title-subtitle.card-content.extra-large .dashboard-card__title span:after,.card-content--title-subtitle.card-content.large .dashboard-card__title span:after,.card-content--title-subtitle.card-content.medium .dashboard-card__title span:after,.card-content--title-subtitle.card-content.small .dashboard-card__title span:after {
    display: none
}

.card-content--title-subtitle.card-content.extra-large .dashboard-card__subtitle,.card-content--title-subtitle.card-content.large .dashboard-card__subtitle,.card-content--title-subtitle.card-content.medium .dashboard-card__subtitle,.card-content--title-subtitle.card-content.small .dashboard-card__subtitle {
    display: block;
    text-align: left;
    line-height: normal
}

.card-content--title-subtitle.card-content.small .dashboard-card__subtitle {
    display: none
}

.card-content--title-subtitle.card-content.medium {
    padding: 2.5rem
}

.card-content--title-subtitle.card-content.medium .dashboard-card__title {
    line-height: 3rem;
    max-width: 80%
}

.card-content--title-subtitle.card-content.medium .dashboard-card__subtitle {
    max-width: 70%;
    margin-top: 1rem
}

.card-content--title-subtitle.card-content.extra-large .card-content--title-subtitle.card-content.large {
    padding: 2.5rem
}

@media only screen and (min-width: 36em) {
    .card-content--title-subtitle.card-content.extra-large .card-content--title-subtitle.card-content.large {
        padding:4rem
    }
}

.card-content--title-subtitle.card-content.extra-large .card-content--title-subtitle.card-content.large .dashboard-card__title {
    max-width: 80%
}

.card-content--title-subtitle.card-content.extra-large .card-content--title-subtitle.card-content.large .dashboard-card__subtitle {
    max-width: 70%;
    margin-top: 1rem
}

.card-content--wave-data-card {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card {
        flex-direction:row;
        justify-content: space-between
    }
}

.card-content--wave-data-card .wave-data-card__desc-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card .wave-data-card__desc-section {
        width:50%
    }
}

.card-content--wave-data-card .wave-data-card__desc-section .desc-section__title {
    font-size: 2.4rem;
    line-height: 2.8rem
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card .wave-data-card__desc-section .desc-section__title {
        font-size:3.2rem;
        line-height: 3.7rem
    }
}

.card-content--wave-data-card .wave-data-card__desc-section .desc-section__subtitle {
    padding-bottom: 2.4rem
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card .wave-data-card__desc-section .desc-section__subtitle {
        padding-bottom:1.6rem
    }
}

.card-content--wave-data-card .wave-data-card__desc-section .desc-section__more-info {
    --dashboard-card__color: #c95942;
    font-size: 1.4rem
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card .wave-data-card__desc-section .desc-section__more-info {
        font-size:1.6rem
    }
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card__with-double-waves {
        margin:0 auto;
        flex-direction: column
    }
}

.card-content--wave-data-card__with-double-waves .wave-data-card__desc-section {
    text-align: left;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card__with-double-waves .wave-data-card__desc-section {
        text-align:center
    }
}

.card-content--wave-data-card__with-double-waves .wave-data-card__wave-section {
    width: 100%;
    padding-bottom: 1rem
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card__with-double-waves .wave-data-card__wave-section {
        display:flex;
        justify-content: space-between
    }
}

.card-content--wave-data-card__with-double-waves .wave-data-card__wave-section .circle-wave {
    margin: auto
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card__with-double-waves .wave-data-card__wave-section .circle-wave {
        margin-right:3rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .card-content--wave-data-card__with-double-waves .wave-data-card__wave-section .circle-wave {
        margin-right:0
    }
}

.card-content--wave-data-card--full .circle-wave--unlimited .circle-wave {
    overflow: unset
}

.card-content--wave-data-card--full .circle-wave {
    margin: .8rem 0
}

.card-content--wave-data-card--usage .image-section {
    width: 4.8rem
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card--usage .border-line--height:before {
        content:"";
        bottom: 4rem;
        height: 24rem
    }
}

.card-content--wave-data-card--group-view .group-view__title-section {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card--group-view .group-view__title-section {
        flex-direction:row;
        align-items: flex-start
    }
}

.card-content--wave-data-card--group-view .group-view__title-section .title-section__first-content {
    display: flex;
    justify-content: space-between;
    flex-direction: row
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card--group-view .group-view__title-section .title-section__first-content {
        flex-direction:row
    }
}

.card-content--wave-data-card--group-view .group-view__title-section .title-section__first-content [class^=icon]:before {
    line-height: 2.4rem
}

.card-content--wave-data-card--group-view .group-view__body {
    display: flex;
    justify-content: center
}

.card-content--wave-data-card--group-view .group-view__body__list {
    padding-top: 3.2rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    width: 100%;
    min-height: 23rem
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card--group-view .group-view__body__list {
        padding-top:0;
        padding-left: 0;
        padding-right: 0;
        width: 24rem;
        min-height: auto
    }
}

.card-content--wave-data-card--group-view .group-view__body__list ul {
    list-style-type: none
}

.card-content--wave-data-card--group-view .group-view__body__list ul li {
    height: 4.4rem
}

.card-content--wave-data-card--group-view .group-view__body__list ul li .list-item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.card-content--wave-data-card--group-view .group-view__body__list ul li .list-item .icon-circle {
    font-size: 1.2rem;
    line-height: 1.6rem;
    width: 2.4rem;
    height: 2.4rem;
    color: #fff
}

@media only screen and (min-width: 48.0625em) {
    .card-content--wave-data-card--group-view .group-view__body__list ul li .list-item .icon-circle {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .card-content--wave-data-card--group-view .group-view__body__list ul li .list-item .icon-circle {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

.card-content--wave-data-card--group-view .group-view__body__list ul li .list-item .item-details {
    font-size: 1.2rem;
    line-height: 1.6rem;
    width: 88%
}

@media only screen and (min-width: 48.0625em) {
    .card-content--wave-data-card--group-view .group-view__body__list ul li .list-item .item-details {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .card-content--wave-data-card--group-view .group-view__body__list ul li .list-item .item-details {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

.card-content--wave-data-card--group-view .group-view__body__list ul li .list-item .item-details--user-consumption {
    display: flex;
    justify-content: space-between
}

.card-content--wave-data-card--group-view .group-view__body .circle-wave {
    margin: .8rem auto
}

.card-content--wave-data-card--group-view .group-view__body--with-list {
    justify-content: space-between
}

.card-content--wave-data-card--group-view .group-view__body--with-list .wave-data-card__wave-section {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card--group-view .group-view__body--with-list .wave-data-card__wave-section {
        width:50%
    }
}

.card-content--wave-data-card--group-view .group-view__body--without-wave {
    height: 20rem
}

.card-content--wave-data-card--group-view .group-view__footer-section {
    font-size: 1.6rem;
    line-height: 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width: 48.0625em) {
    .card-content--wave-data-card--group-view .group-view__footer-section {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .card-content--wave-data-card--group-view .group-view__footer-section {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.card-content--wave-data-card--group-view .group-view__footer-section-list {
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 36em) {
    .card-content--wave-data-card--group-view .group-view__footer-section-list {
        flex-direction:row;
        justify-content: space-between
    }
}

.card-content.text-align--right {
    text-align: right!important
}

.card-content.text-align--right .dashboard-card__title {
    margin-left: auto
}

.card-content.text-align--right .dashboard-card__subtitle,.card-content.text-align--right .dashboard-card__title {
    max-width: 100%!important;
    text-align: right!important;
    justify-content: flex-end
}

.card-content.text-align--right .dashboard-card__details {
    text-align: right!important;
    justify-content: flex-end
}

.card-content.text-align--right .dashboard-card__image {
    margin-left: auto;
    margin-right: 0;
    justify-content: flex-end
}

.card-content.text-align--left {
    text-align: left!important
}

.card-content.text-align--left .dashboard-card__subtitle,.card-content.text-align--left .dashboard-card__title {
    max-width: 100%!important;
    text-align: left!important;
    justify-content: flex-start
}

.card-content.text-align--left .dashboard-card__details {
    text-align: left!important;
    justify-content: flex-start
}

.card-content.text-align--left .dashboard-card__image {
    margin-left: 0;
    justify-content: flex-start
}

.card-content.text-align--center {
    text-align: center!important
}

.card-content.text-align--center .dashboard-card__title {
    margin-left: auto;
    margin-right: auto
}

.card-content.text-align--center .dashboard-card__subtitle,.card-content.text-align--center .dashboard-card__title {
    max-width: 100%!important;
    text-align: center!important;
    justify-content: center
}

.card-content.text-align--center .dashboard-card__details {
    text-align: center!important;
    justify-content: center
}

.card-content.text-align--center .dashboard-card__image {
    margin-left: auto;
    justify-content: center
}

@media only screen and (min-width: 36em) {
    .aem-GridColumn--default--6 .card-content--image-title.medium.card-content>div,.aem-GridColumn--default--7 .card-content--image-title.medium.card-content>div,.aem-GridColumn--default--8 .card-content--image-title.medium.card-content>div,.aem-GridColumn--default--9 .card-content--image-title.medium.card-content>div,.aem-GridColumn--default--10 .card-content--image-title.medium.card-content>div,.aem-GridColumn--default--11 .card-content--image-title.medium.card-content>div,.aem-GridColumn--default--12 .card-content--image-title.medium.card-content>div {
        display:flex;
        flex-direction: column;
        align-items: flex-start
    }

    .aem-GridColumn--default--6 .card-content--image-title.medium.card-content .dashboard-card__image,.aem-GridColumn--default--7 .card-content--image-title.medium.card-content .dashboard-card__image,.aem-GridColumn--default--8 .card-content--image-title.medium.card-content .dashboard-card__image,.aem-GridColumn--default--9 .card-content--image-title.medium.card-content .dashboard-card__image,.aem-GridColumn--default--10 .card-content--image-title.medium.card-content .dashboard-card__image,.aem-GridColumn--default--11 .card-content--image-title.medium.card-content .dashboard-card__image,.aem-GridColumn--default--12 .card-content--image-title.medium.card-content .dashboard-card__image {
        flex: 1
    }

    .aem-GridColumn--default--6 .card-content--image-title.medium.card-content .dashboard-card__image img,.aem-GridColumn--default--7 .card-content--image-title.medium.card-content .dashboard-card__image img,.aem-GridColumn--default--8 .card-content--image-title.medium.card-content .dashboard-card__image img,.aem-GridColumn--default--9 .card-content--image-title.medium.card-content .dashboard-card__image img,.aem-GridColumn--default--10 .card-content--image-title.medium.card-content .dashboard-card__image img,.aem-GridColumn--default--11 .card-content--image-title.medium.card-content .dashboard-card__image img,.aem-GridColumn--default--12 .card-content--image-title.medium.card-content .dashboard-card__image img {
        max-height: 8rem;
        max-width: 8rem;
        height: auto
    }

    .aem-GridColumn--default--6 .card-content--image-title.medium.card-content .dashboard-card__title,.aem-GridColumn--default--7 .card-content--image-title.medium.card-content .dashboard-card__title,.aem-GridColumn--default--8 .card-content--image-title.medium.card-content .dashboard-card__title,.aem-GridColumn--default--9 .card-content--image-title.medium.card-content .dashboard-card__title,.aem-GridColumn--default--10 .card-content--image-title.medium.card-content .dashboard-card__title,.aem-GridColumn--default--11 .card-content--image-title.medium.card-content .dashboard-card__title,.aem-GridColumn--default--12 .card-content--image-title.medium.card-content .dashboard-card__title {
        text-align: left;
        flex: 1
    }
}

.aem-GridColumn--default--6 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title.small.card-content--title .dashboard-card__title {
    max-width: 100%
}

.aem-GridColumn--default--6 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title.medium.card-content--title .dashboard-card__title {
    max-width: 60%
}

.aem-GridColumn--default--6 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title.medium.card-content--title .dashboard-card__subtitle {
    max-width: 50%
}

.aem-GridColumn--default--6 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--6 .card-content--title.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--7 .card-content--title.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--8 .card-content--title.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--9 .card-content--title.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--10 .card-content--title.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--11 .card-content--title.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--12 .card-content--title.large.card-content--title .dashboard-card__title {
    max-width: 80%
}

.aem-GridColumn--default--6 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--6 .card-content--title.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--7 .card-content--title.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--8 .card-content--title.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--9 .card-content--title.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--10 .card-content--title.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--11 .card-content--title.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--12 .card-content--title.large.card-content--title .dashboard-card__subtitle {
    max-width: 70%
}

.aem-GridColumn--default--1 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title-subtitle.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title-subtitle.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title-subtitle.small.card-content--title .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title.small.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title.small.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title.small.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title.small.card-content--title .dashboard-card__title {
    max-width: 100%
}

.aem-GridColumn--default--1 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title-subtitle.medium.card-content--title .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title.medium.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title.medium.card-content--title .dashboard-card__title {
    max-width: 80%
}

.aem-GridColumn--default--1 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title-subtitle.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title-subtitle.medium.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title.medium.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title.medium.card-content--title .dashboard-card__subtitle {
    max-width: 75%
}

.aem-GridColumn--default--1 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--1 .card-content--title.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--2 .card-content--title.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--3 .card-content--title.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--4 .card-content--title.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title-subtitle.large.card-content--title .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title.extra-large.card-content--title .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title.large.card-content--title-subtitle .dashboard-card__title,.aem-GridColumn--default--5 .card-content--title.large.card-content--title .dashboard-card__title {
    max-width: 90%
}

.aem-GridColumn--default--1 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--1 .card-content--title.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--2 .card-content--title.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--3 .card-content--title.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--4 .card-content--title.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title-subtitle.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title-subtitle.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title-subtitle.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title-subtitle.large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title.extra-large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title.extra-large.card-content--title .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title.large.card-content--title-subtitle .dashboard-card__subtitle,.aem-GridColumn--default--5 .card-content--title.large.card-content--title .dashboard-card__subtitle {
    max-width: 85%
}

.theme--dark-ui {
    --dashboard-card__color: #fff
}

.theme--light-ui {
    --dashboard-card__color: #291d18
}

.theme--play-more-ui,.theme--play-sports-ui,.theme--streamz-ui {
    --dashboard-card__color: #fff
}

.mock-marketing-cards .radio {
    margin-right: 2rem
}

.mock-marketing-cards .card-content.medium {
    height: 31rem!important
}

@media only screen and (min-width: 36em) {
    .mock-marketing-cards .card-content.medium {
        height:26rem!important
    }
}

.mock-marketing-cards .card-info .form-control {
    padding: .5rem
}

.cards--background-img.cards--full-height,.cards.background-img {
    height: 29.5rem;
    width: 100%;
    max-width: 100%;
    position: relative;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (min-width: 48.0625em) {
    .cards--background-img.cards--full-height,.cards.background-img {
        height:18.8rem;
        width: 18.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .cards--background-img.cards--full-height,.cards.background-img {
        width:36.6rem;
        height: 36.6rem
    }
}

.cards--background-img.cards--full-height .cards--body__content,.cards--background-img.cards--full-height .cards-body__content,.cards.background-img .cards--body__content,.cards.background-img .cards-body__content {
    width: 80%
}

@media only screen and (min-width: 48.0625em) {
    .cards--background-img.cards--full-height .cards--body__content,.cards--background-img.cards--full-height .cards-body__content,.cards.background-img .cards--body__content,.cards.background-img .cards-body__content {
        width:70%
    }
}

@media only screen and (min-width: 74.5em) {
    .cards--background-img.cards--full-height .cards--body__content,.cards--background-img.cards--full-height .cards-body__content,.cards.background-img .cards--body__content,.cards.background-img .cards-body__content {
        width:82%
    }
}

.cards--background-img.cards--full-height .cards--body--full-image,.cards--background-img.cards--full-height .cards-body--full-image,.cards.background-img .cards--body--full-image,.cards.background-img .cards-body--full-image {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.6rem;
    color: #fff;
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 48.0625em) {
    .cards--background-img.cards--full-height .cards--body--full-image,.cards--background-img.cards--full-height .cards-body--full-image,.cards.background-img .cards--body--full-image,.cards.background-img .cards-body--full-image {
        padding:1.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .cards--background-img.cards--full-height .cards--body--full-image,.cards--background-img.cards--full-height .cards-body--full-image,.cards.background-img .cards--body--full-image,.cards.background-img .cards-body--full-image {
        padding:2.4rem
    }
}

.cards--background-img.cards--full-height .cards--body--full-image__icon,.cards--background-img.cards--full-height .cards-body--full-image__icon,.cards.background-img .cards--body--full-image__icon,.cards.background-img .cards-body--full-image__icon {
    display: flex;
    align-self: flex-end;
    background-color: #fff;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 2.5rem;
    margin: 0
}

@media only screen and (min-width: 48.0625em) {
    .cards--background-img.cards--full-height .cards--body--full-image__icon,.cards--background-img.cards--full-height .cards-body--full-image__icon,.cards.background-img .cards--body--full-image__icon,.cards.background-img .cards-body--full-image__icon {
        width:3.2rem;
        height: 3.2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .cards--background-img.cards--full-height .cards--body--full-image__icon,.cards--background-img.cards--full-height .cards-body--full-image__icon,.cards.background-img .cards--body--full-image__icon,.cards.background-img .cards-body--full-image__icon {
        width:4rem;
        height: 4rem
    }
}

.cards--background-img.cards--full-height .cards--body--full-image__icon:before,.cards--background-img.cards--full-height .cards-body--full-image__icon:before,.cards.background-img .cards--body--full-image__icon:before,.cards.background-img .cards-body--full-image__icon:before {
    position: relative;
    top: 1.6rem;
    left: 1rem;
    color: #655c58
}

.cards--background-img.cards--full-height .cards--body--full-image__icon .arrow,.cards--background-img.cards--full-height .cards-body--full-image__icon .arrow,.cards.background-img .cards--body--full-image__icon .arrow,.cards.background-img .cards-body--full-image__icon .arrow {
    margin: 1rem 0 0 1.2rem
}

@media only screen and (min-width: 48.0625em) {
    .cards--background-img.cards--full-height .cards--body--full-image__icon .arrow,.cards--background-img.cards--full-height .cards-body--full-image__icon .arrow,.cards.background-img .cards--body--full-image__icon .arrow,.cards.background-img .cards-body--full-image__icon .arrow {
        margin:1rem 0 0 1.2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .cards--background-img.cards--full-height .cards--body--full-image__icon .arrow,.cards--background-img.cards--full-height .cards-body--full-image__icon .arrow,.cards.background-img .cards--body--full-image__icon .arrow,.cards.background-img .cards-body--full-image__icon .arrow {
        margin:1.3rem 0 0 1.5rem
    }
}

.cards--background-img.cards--full-height .cards--body--full-image__icon .icon,.cards--background-img.cards--full-height .cards-body--full-image__icon .icon,.cards.background-img .cards--body--full-image__icon .icon,.cards.background-img .cards-body--full-image__icon .icon {
    margin: .5rem 0 0 .9rem;
    color: #291d18
}

@media only screen and (min-width: 48.0625em) {
    .cards--background-img.cards--full-height .cards--body--full-image__icon .icon,.cards--background-img.cards--full-height .cards-body--full-image__icon .icon,.cards.background-img .cards--body--full-image__icon .icon,.cards.background-img .cards-body--full-image__icon .icon {
        margin:.9rem 0 0 .6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .cards--background-img.cards--full-height .cards--body--full-image__icon .icon,.cards--background-img.cards--full-height .cards-body--full-image__icon .icon,.cards.background-img .cards--body--full-image__icon .icon,.cards.background-img .cards-body--full-image__icon .icon {
        margin:1rem 0 0 1rem
    }
}

.cards--footer-buttons {
    display: flex;
    justify-content: space-around;
    padding: 2rem 2rem 2rem 1rem
}

.cards--footer-buttons--link {
    width: 14rem
}

.cards--footer-buttons--one {
    margin-top: auto;
    text-align: right;
    padding: 2rem 1.6rem 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .cards--footer-buttons--one {
        padding:2rem 1.6rem 1.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .cards--footer-buttons--one {
        padding:2rem 2.4rem 2.4rem
    }
}

.cards--footer-buttons--divider {
    position: absolute;
    margin-top: -2rem;
    left: 50%;
    border-left: 1px solid #f7f6f6;
    height: 6.4rem
}

.cards--full-height {
    height: 100%;
    display: flex;
    flex-direction: column
}

.cards--image {
    display: flex;
    height: 10.4rem;
    align-items: center;
    overflow: hidden
}

@media only screen and (min-width: 48.0625em) {
    .cards--image {
        height:10.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .cards--image {
        height:16.8rem
    }
}

.cards--image img {
    width: 100%
}

.cards--button {
    padding: 4rem;
    justify-content: flex-end
}

.cards--button__voucher {
    margin-top: 9rem
}

.cards--button__voucher-primary {
    margin-left: 1rem
}

.cards--voucher {
    height: 40.8rem
}

@media only screen and (min-width: 36em) {
    .cards--voucher {
        height:27.8rem
    }
}

.cards--price {
    margin-top: 4rem;
    text-align: right;
    padding-bottom: 1rem;
    padding-right: 2rem!important;
    margin-left: 16rem!important
}

@media only screen and (min-width: 36em) {
    .cards--price {
        padding-bottom:2rem;
        margin-left: -2rem!important
    }
}

.cards--hr {
    width: 8rem;
    transform: rotate(90deg);
    margin-top: 2rem
}

.cards--body__padding,.cards .cards-body__padding {
    padding: 2.4rem
}

.cards--body__padding-voucher,.cards .cards-body__padding-voucher {
    padding: 3rem 0 3rem 4rem
}

@media only screen and (min-width: 36em) {
    .cards--body__padding-voucher,.cards .cards-body__padding-voucher {
        padding:3rem 7rem 3rem 13rem
    }
}

.cards--body__height,.cards .cards-body__height {
    min-height: 10rem
}

.cards--body__zero-top-bottom,.cards .cards-body__zero-top-bottom {
    padding: 0 2rem
}

.cards--body__zero-top-bottom .link--unstyled,.cards .cards-body__zero-top-bottom .link--unstyled {
    text-decoration: underline!important
}

.cards--body__inner-container,.cards .cards-body__inner-container {
    margin: 0 auto
}

.cards--container {
    background: var(--theme__elevation___xs);
    overflow: hidden
}

.cards--container--conversational {
    display: flex;
    padding: .1rem 5rem 2rem
}

.cards--marketing {
    background-position: top;
    background-size: cover;
    overflow: hidden
}

.cards--marketing.cur-pointer:hover {
    box-shadow: 0 .5rem .7rem 0 rgba(22,34,92,.02),0 .2rem .1rem 0 rgba(22,34,92,.03),0 .2rem .7rem 0 rgba(22,40,55,.08),.2rem .2rem 1rem 0 rgba(22,34,92,.16)
}

.cards--marketing.cur-pointer:active {
    border: 0 solid #ffc421;
    box-shadow: 0 .5rem .7rem 0 rgba(22,34,92,.02),0 .2rem .1rem 0 rgba(22,34,92,.03),0 .2rem .7rem 0 rgba(22,40,55,.08),.2rem .2rem 1rem 0 rgba(22,34,92,.16)
}

.cards--marketing.cur-pointer a {
    text-decoration: none
}

.cards--small {
    display: inherit;
    height: 7.2rem
}

.cards--medium {
    height: 16.4rem
}

.cards--large {
    height: 34.8rem
}

.cards--extra-large {
    height: 53.2rem
}

@media only screen and (max-width: 48.0525em) {
    .cards--change-flavour {
        height:auto!important
    }
}

.cards--icon {
    text-align: center;
    padding: 3rem 0 1rem
}

.cards .icon-color--dark {
    color: #655c58
}

.cards .icon-color--primary-dark {
    color: #ffc421
}

.cards .icon-color--primary-medium {
    color: #a6d9d9
}

.cards .icon-color--primary-light {
    color: #add1a6
}

.cards .icon-color--secondary-dark {
    color: #c95942
}

.cards .icon-color--secondary-medium {
    color: #f7945c
}

.cards .icon-color--secondary-light {
    color: #fac7ba
}

.cards--conversational {
    height: 100%;
    background-color: #fff;
    width: 110%;
    padding: .1rem 2rem 1.5rem;
    z-index: 2;
    transition: 1s cubic-bezier(.23,1,.32,1)
}

@media only screen and (min-width: 36em) {
    .cards--conversational {
        width:33%;
        padding: .1rem 2rem 2rem;
        position: relative;
        height: auto
    }
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .cards--conversational {
        position: static
    }
}

.cards--conversational:hover {
    box-shadow: .1rem .5rem 2rem 1.9rem #f2f2f2
}

.cards--conversational:active {
    transition: ease-in-out
}

.cards--conversational:focus {
    outline: 0
}

.cards--conversational--max-width-label {
    max-width: 82%
}

@media only screen and (min-width: 36em) {
    .cards--conversational--max-width-label {
        max-width:86%
    }
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .cards--conversational--content-width {
        width: 100%
    }
}

@media only screen and (min-width: 36em) {
    .cards--conversational--product-details {
        margin-left:0
    }
}

.cards--conversational--row {
    width: calc(100% - 3rem);
    padding-bottom: .3rem
}

@media only screen and (min-width: 36em) {
    .cards--conversational--row {
        margin:0;
        padding: .5rem 1rem
    }
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .cards--conversational--row {
        width: calc(100% - 4rem)
    }
}

@media only screen and (-ms-high-contrast:active) and (min-width: 36em),only screen and (-ms-high-contrast:none) and (min-width:36em) {
    .cards--conversational--row {
        width:calc(100% - 4rem)
    }
}

.cards--conversational--row--free-g {
    margin-top: -.5rem
}

@media only screen and (min-width: 36em) {
    .cards--conversational--row--free-g {
        margin-top:-1rem
    }
}

.cards--conversational--col {
    padding-right: 0;
    padding-left: 0
}

.cards--conversational--button {
    min-width: 80%;
    max-height: 4.6rem
}

@media only screen and (min-width: 36em) {
    .cards--conversational--button {
        min-width:100%
    }
}

.cards--conversational--buttons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%
}

.cards--conversational--buttons .cards--conversational--button {
    min-width: 100%
}

@media only screen and (min-width: 36em) {
    .cards--conversational--buttons .cards--conversational--button {
        min-width:48%
    }
}

@media only screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio:0) and (min-width:36em) {
    .cards--conversational--buttons .cards--conversational--button {
        min-width:44%
    }
}

.cards--conversational--title {
    display: flex;
    padding: 0;
    width: 100%;
    justify-content: space-between;
    text-align: center
}

.cards--conversational--secondary {
    cursor: pointer;
    transform: rotateY(0deg) scale(.8);
    transition: 1s cubic-bezier(.23,1,.32,1);
    color: #eeeded!important;
    box-shadow: .1rem .3rem .8rem 0 rgba(30,37,74,.09);
    z-index: 0;
    border: .1rem solid #f2f2f2
}

@media only screen and (min-width: 36em) {
    .cards--conversational--secondary {
        padding:.1rem 2rem 2rem
    }
}

.cards--conversational--secondary .button--secondary,.cards--conversational--secondary .text-flow--detail,.cards--conversational--secondary .text-flow--h3,.cards--conversational--secondary .text-flow--label {
    color: #eeeded!important;
    border-color: #eeeded!important
}

.cards--conversational--secondary.rotate {
    transform: rotateY(180deg) scale(.8)
}

.cards--conversational--secondary--card-small {
    transform: rotateY(0deg) scale(.9);
    z-index: 1
}

.cards--conversational--secondary--card-small.rotate {
    transform: rotateY(180deg) scale(.9)
}

.cards--conversational--secondary--card-left {
    right: -25rem;
    margin-right: -2.5rem
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .cards--conversational--secondary--card-left {
        margin-right: -5.5rem
    }
}

.cards--conversational--secondary--card-right {
    left: -25rem;
    margin-left: -2.5rem
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .cards--conversational--secondary--card-right {
        margin-left: -5.5rem
    }
}

.cards--conversational--secondary .icon-close,.cards--conversational--secondary .icon-help,.cards--conversational--secondary a,.cards--conversational--secondary button {
    pointer-events: none
}

.cards--conversational--secondary .cards--conversational--title {
    margin-top: 1rem
}

.cards--conversational .text-flow--h3 {
    margin: 1.2rem 0 .5rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .cards--conversational .text-flow--h3 {
        margin:2rem 0 0
    }
}

.cards--conversational--icon-left {
    top: -1.5rem;
    position: relative;
    margin-bottom: -2.5rem
}

.cards--conversational--icon-left .icons-circle--content {
    margin-top: -.2rem
}

.cards--conversational--icon-left--hidden {
    opacity: 0;
    margin-bottom: 0
}

.cards--conversational--icon-left--hidden .icons-circle--filled {
    height: 0
}

.cards--conversational--icon-right {
    align-self: center;
    position: relative;
    z-index: 4
}

.cards--conversational--icon-product {
    margin: 0 .6rem 0 0
}

@media only screen and (min-width: 36em) {
    .cards--conversational--icon-product {
        margin:.6rem .6rem 0 0
    }
}

.cards--conversational--text-without-icon {
    padding-left: 2.2rem;
    padding-top: .5rem
}

@media only screen and (min-width: 36em) {
    .cards--conversational--text-without-icon {
        padding-left:4rem
    }
}

.cards--conversational--price {
    justify-content: center;
    margin-bottom: 2rem;
    width: 100%
}

.cards--conversational--price--spacing {
    margin-right: 1.5rem
}

.cards--conversational--price--promo-duration {
    display: block
}

.cards--conversational--bottom {
    text-align: center;
    align-content: baseline;
    padding-bottom: 2rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .cards--conversational--bottom {
        margin:0 auto
    }
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .cards--conversational--bottom {
        align-content: flex-start
    }
}

.cards--conversational--bottom .text-flow--label {
    display: inline!important
}

.cards--wave-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 0 2.4rem;
    box-shadow: none!important
}

@media only screen and (min-width: 36em) {
    .cards--wave-card {
        background-color:#fff;
        width: 25.4rem;
        height: 34rem;
        border-radius: 0;
        margin: 2rem 2rem 2rem 0;
        padding: 2.4rem 0;
        box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.13)!important
    }
}

.cards--wave-card .circle-wave {
    transform: translateX(-50%);
    left: 50%
}

.cards--wave-card .cards--body .form-helper,.cards--wave-card .cards--body label {
    margin-top: 3.1rem;
    font-size: 1.8rem;
    font-weight: 900;
    color: #655c58;
    cursor: default
}

@media only screen and (min-width: 36em) {
    .cards--wave-card .cards--body .form-helper,.cards--wave-card .cards--body label {
        margin-top:0
    }
}

.cards--wave-card .cards--body--remove-bundle {
    cursor: pointer;
    text-align: center
}

.cards--wave-card .cards--body--remove-bundle .icon-bin {
    position: relative;
    top: -.1rem;
    margin: 0 .8rem .2rem 0
}

.cards--wave-card .cards--body--remove-bundle .font-weight--black {
    font-size: 1.5rem
}

.cards--wave-card .cards--body--remove-bundle .bundle-usage__content__info {
    display: block;
    font-weight: 500;
    margin-bottom: 3.2rem;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .cards--wave-card .cards--body--remove-bundle .bundle-usage__content__info {
        display:none
    }
}

.cards--wave-data-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 0 2.4rem;
    box-shadow: none!important
}

@media only screen and (min-width: 36em) {
    .cards--wave-data-card {
        background-color:#fff;
        width: 25.4rem;
        height: 34rem;
        border-radius: 0;
        margin: 2rem 2rem 2rem 0;
        padding: 2.4rem 0;
        box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.13)!important
    }
}

.cards--wave-data-card .circle-wave {
    transform: translateX(-50%);
    left: 50%
}

.cards--wave-data-card .cards--body .form-helper,.cards--wave-data-card .cards--body label {
    margin-top: 3.1rem;
    font-size: 1.8rem;
    font-weight: 900;
    color: #655c58;
    cursor: default
}

@media only screen and (min-width: 36em) {
    .cards--wave-data-card .cards--body .form-helper,.cards--wave-data-card .cards--body label {
        margin-top:0
    }
}

.cards--wave-data-card .cards--body .wave-subtitle {
    cursor: default
}

.cards--add-new {
    border: 0;
    justify-content: center;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 44.9rem;
    box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.13)!important
}

@media only screen and (min-width: 36em) {
    .cards--add-new {
        border:.1rem dashed #eeeded;
        margin: 2rem 2rem 2rem 0;
        background-color: #f7f6f6;
        width: 25.4rem;
        padding: 3.2rem 0 2.4rem;
        height: 34rem
    }
}

.cards--add-new--cards--body__inner-container {
    margin: 2.4rem 0;
    font-size: 1.8rem;
    font-weight: 900
}

@media only screen and (min-width: 36em) {
    .cards--add-new--cards--body__inner-container {
        margin:1.6rem 0
    }
}

.cards--add-new .icon-plus {
    width: 9.6rem;
    height: 9.6rem;
    border: .1rem dashed #655c58;
    border-radius: 50%;
    margin-bottom: 2.4rem;
    padding: 1.4rem;
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .cards--add-new .icon-plus {
        width:4.9rem;
        height: 4.9rem;
        border: .1rem solid #655c58;
        margin-bottom: 1.4rem
    }
}

.cards--add-new .icon-plus:before {
    position: relative;
    left: 0;
    top: 2rem;
    font-size: 2.6rem
}

@media only screen and (min-width: 36em) {
    .cards--add-new .icon-plus:before {
        display:flex;
        justify-content: center;
        align-items: center;
        top: 0;
        left: .1rem
    }
}

.cards--add-new:hover {
    background-color: #fff;
    box-shadow: none
}

@media only screen and (min-width: 36em) {
    .cards--add-new:hover {
        box-shadow:0 .2rem .4rem 0 rgba(0,0,0,.13);
        border: 0
    }
}

.cards--add-new:hover .icon-plus {
    color: #ffc421;
    border: .1rem solid #ffc421
}

.cards--add-new--add-medium {
    height: 14rem;
    width: 28rem;
    margin: 2rem auto;
    border: 0;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .cards--add-new--add-medium {
        height:31rem;
        width: 26.8rem;
        margin: 2rem 2rem 2rem 1rem
    }
}

.cards--gift-card {
    padding: 2.4rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .cards--gift-card {
        padding:3.2rem 0
    }
}

.cards--gift-card__heading {
    margin-top: 2.4rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .cards--gift-card__heading {
        margin-top:3.2rem;
        font-size: 2.4rem;
        line-height: 2.8rem
    }
}

.cards--gift-card__sub-heading {
    margin-bottom: 1.2rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .cards--gift-card__sub-heading {
        margin-bottom:1.6rem;
        font-size: 2.4rem;
        line-height: 2.8rem
    }
}

.cards--gift-card .form-group {
    text-align: left;
    margin: 0 auto 3.2rem;
    width: auto
}

@media only screen and (min-width: 36em) {
    .cards--gift-card .form-group {
        width:36rem
    }
}

.cards--gift-card--locked {
    padding: 2.4rem
}

@media only screen and (min-width: 36em) {
    .cards--gift-card--locked {
        padding:5.6rem
    }
}

.cards--gift-card--locked__image {
    width: 14.4rem;
    height: 11.7rem;
    margin: 0 auto
}

@media only screen and (min-width: 36em) {
    .cards--gift-card--locked__image {
        width:auto;
        height: auto
    }
}

.cards--gift-card--locked .cards--gift-card__heading {
    margin-top: 3.5rem
}

@media only screen and (min-width: 36em) {
    .cards--gift-card--locked .cards--gift-card__heading {
        margin-top:4.8rem
    }
}

.cards--gift-card--locked .cards--gift-card__sub-heading {
    margin-bottom: 1.2rem;
    line-height: 2.8rem
}

@media only screen and (min-width: 36em) {
    .cards--gift-card--locked .cards--gift-card__sub-heading {
        margin-bottom:1.6rem;
        line-height: 2.8rem
    }
}

.cards--offer-card {
    width: 100%;
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .cards--offer-card {
        width:36rem;
        margin-bottom: 0
    }
}

.cards--offer-card__image-view {
    min-height: 7.5rem
}

.cards--offer-card__header {
    height: 4rem;
    background: #ffc421;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    font-weight: 700;
    line-height: 2
}

.cards--offer-card__content {
    background: #f7f6f6
}

@media only screen and (min-width: 36em) {
    .cards--offer-card__content {
        background:#fff;
        min-height: 37rem
    }
}

.cards--offer-card__content__title {
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 36em) {
    .cards--offer-card__content__title {
        display:none
    }
}

.cards--offer-card__content__feature {
    display: flex;
    align-items: center;
    min-height: 7.6rem;
    background: #fff;
    word-break: break-word
}

@media only screen and (min-width: 36em) {
    .cards--offer-card__content__feature {
        background:#f7f6f6
    }
}

.cards--offer-card__content__feature__icons {
    font-size: 1.6rem;
    color: #ffc421
}

@media only screen and (min-width: 36em) {
    .cards--offer-card__content__feature__icons {
        font-size:2.4rem
    }
}

.cards--offer-card__content__feature__icons:before {
    height: 0
}

.cards--offer-card__action-section {
    padding-top: 1.6rem
}

@media only screen and (min-width: 36em) {
    .cards--offer-card__action-section {
        padding-top:0
    }
}

.cards--offer-card__terms-text {
    padding-top: 1.6rem
}

@media only screen and (min-width: 36em) {
    .cards--offer-card__terms-text {
        padding-top:.8rem
    }
}

.hide-content {
    display: none
}

.show-content {
    justify-content: center;
    height: 100%;
    display: flex;
    padding: 2rem
}

@media only screen and (min-width: 36em) {
    .show-content {
        justify-content:normal
    }
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .show-content {
        justify-content: flex-start
    }
}

@media only screen and (min-width: 36em) {
    .rotate {
        transform:rotateY(180deg)
    }

    .rotate .content-invert {
        transform: rotateY(-180deg)
    }
}

@-webkit-keyframes shadowAnimation {
    0% {
        box-shadow: .1rem .5rem 2rem 1.9rem #f2f2f2
    }

    25% {
        box-shadow: .1rem .5rem 2rem 1.9rem hsla(0,0%,94.9%,.5)
    }

    50% {
        box-shadow: .1rem .5rem 2rem 1.9rem hsla(0,0%,94.9%,0)
    }

    75% {
        box-shadow: .1rem .5rem 2rem 1.9rem hsla(0,0%,94.9%,.5)
    }

    to {
        box-shadow: .1rem .5rem 2rem 1.9rem #f2f2f2
    }
}

@keyframes shadowAnimation {
    0% {
        box-shadow: .1rem .5rem 2rem 1.9rem #f2f2f2
    }

    25% {
        box-shadow: .1rem .5rem 2rem 1.9rem hsla(0,0%,94.9%,.5)
    }

    50% {
        box-shadow: .1rem .5rem 2rem 1.9rem hsla(0,0%,94.9%,0)
    }

    75% {
        box-shadow: .1rem .5rem 2rem 1.9rem hsla(0,0%,94.9%,.5)
    }

    to {
        box-shadow: .1rem .5rem 2rem 1.9rem #f2f2f2
    }
}

.swiper-slide {
    background: none
}

.draggable-table {
    display: flex;
    height: 50rem;
    border: none;
    overflow: auto;
    margin-top: 4rem;
    background: inherit
}

.draggable-table>.draggable-table__column~.pinned {
    left: 15rem
}

.draggable-table>.draggable-table__column~.pinned~.pinned {
    left: 25rem
}

.draggable-table>.draggable-table__column~.pinned~.pinned~.pinned {
    left: 35rem
}

.draggable-table>.draggable-table__column~.pinned~.pinned~.pinned~.pinned {
    left: 45rem
}

.draggable-table>.draggable-table__column~.pinned~.pinned~.pinned~.pinned~.pinned {
    left: 55rem
}

.draggable-table__column {
    width: 8rem;
    background-color: inherit;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media only screen and (min-width: 36em) {
    .draggable-table__column {
        width:13rem
    }
}

.draggable-table__column .row-header {
    border-right: .1rem solid #f7f6f6;
    border-bottom: none
}

.draggable-table__column .column-cell {
    border-width: 0 .1rem .1rem 0;
    border-right: .1rem solid;
    border-color: #f7f6f6
}

.draggable-table__column .column-cell,.draggable-table__column .row-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.2rem .5rem 1.2rem 1.2rem;
    height: 9rem;
    text-align: center;
    align-items: flex-start;
    background-color: #fff
}

@media only screen and (min-width: 36em) {
    .draggable-table__column .column-cell,.draggable-table__column .row-header {
        padding:1.6rem .5rem 1.6rem 1.6rem
    }
}

.draggable-table__column .column-cell:nth-child(2n),.draggable-table__column .row-header:nth-child(2n) {
    background-color: #f7f6f6
}

.draggable-table__column .pin-cell {
    width: auto;
    height: 6.4rem;
    opacity: 1;
    transition: width .5s;
    margin: 0 auto;
    box-shadow: none
}

.draggable-table__column .pin-cell .icon-pin {
    opacity: 1;
    transition: opacity 2s linear
}

@media only screen and (min-width: 36em) {
    .draggable-table__column .pin-cell .icon-pin {
        opacity:0
    }
}

.draggable-table__column .pin-cell input[type=checkbox]:checked+.icon-pin {
    opacity: 1
}

.draggable-table__column:hover .pin-cell {
    width: 8rem;
    transition: width .5s
}

@media only screen and (min-width: 36em) {
    .draggable-table__column:hover .pin-cell {
        width:10rem
    }
}

.draggable-table__column:hover .pin-cell .icon-pin {
    opacity: 1;
    transition: opacity .2s linear
}

.draggable-table__column:first-child {
    order: -6;
    position: sticky;
    left: 0;
    z-index: 10;
    width: 10rem
}

@media only screen and (min-width: 36em) {
    .draggable-table__column:first-child {
        width:15rem;
        z-index: 2
    }
}

.draggable-table__column:first-child .pin-cell {
    border: none;
    width: 100%;
    background: inherit
}

.draggable-table__column:first-child .column-header {
    width: 10rem
}

@media only screen and (min-width: 36em) {
    .draggable-table__column:first-child .column-header {
        width:15rem
    }
}

.draggable-table__column:first-child input[type=checkbox]+.icon-pin {
    visibility: hidden
}

.draggable-table__column.selected-row .column-header,.draggable-table__column.selected-row .row-header {
    background-color: #ffc421;
    color: #fff
}

.draggable-table__column.selected-row .row-header:nth-child(2n) {
    background-color: #ffc421
}

.draggable-table__column.selected-row .row-header-subtext,.draggable-table__column.selected-row .row-header-text {
    color: #fff
}

.draggable-table__column.pinned {
    order: -1;
    position: inherit;
    z-index: 3
}

@media only screen and (min-width: 36em) {
    .draggable-table__column.pinned {
        position:sticky;
        position: -webkit-sticky
    }
}

.draggable-table__column.pinned .pin-cell {
    visibility: visible
}

.draggable-table__column.pinned .column-header {
    border-width: 0 .1rem .1rem 0;
    border-color: #f7f6f6;
    background-color: #ffc421
}

.draggable-table__column.pinned .column-header__data-section {
    background-color: #ffc421;
    color: #fff
}

.draggable-table__column.pinned .column-header__pin-section a {
    background-color: #fff
}

.draggable-table__column.pinned .column-cell {
    background-color: #ffc421;
    color: #fff
}

.draggable-table__column.pinned .column-cell:nth-child(2n) {
    background-color: #ffc421
}

.draggable-table__column.pinned .cell-text,.draggable-table__column.pinned .row-header-subtext,.draggable-table__column.pinned .row-header-text {
    color: #fff
}

.draggable-table input[type=checkbox] {
    position: absolute;
    height: 4rem;
    width: 4rem;
    opacity: 0;
    cursor: pointer
}

.draggable-table input[type=checkbox]+.icon-pin {
    padding: 1.6rem 0;
    margin: 1.2rem 0 1.1rem;
    border-radius: 50%;
    background-color: #eeeded;
    display: flex;
    height: 3.2rem;
    width: 3.2rem;
    justify-content: center;
    align-items: center
}

.draggable-table input[type=checkbox]:checked {
    height: 5rem;
    width: 5rem;
    position: absolute;
    opacity: 0
}

.draggable-table input[type=checkbox]:checked+.icon-pin {
    padding: 1.6rem 0;
    margin: 1.2rem 0 1.1rem;
    opacity: 1;
    border-radius: 50%;
    color: #fff;
    background-color: #ffc421;
    display: flex;
    height: 3.2rem;
    width: 3.2rem;
    justify-content: center;
    align-items: center
}

.draggable-table .column-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 8rem;
    height: 13rem;
    padding: 1.2rem .5rem 1.2rem 1.2rem;
    position: sticky;
    top: 0;
    border-top: .1rem solid #f7f6f6;
    border-right: .1rem solid #f7f6f6;
    border-left: .1rem solid #f7f6f6;
    background-color: #fff;
    align-items: flex-start;
    margin-top: auto
}

@media only screen and (min-width: 36em) {
    .draggable-table .column-header {
        width:13rem;
        padding: 1.6rem .5rem 1.6rem 1.6rem
    }
}

.draggable-table .column-header:nth-child(n+1) {
    border-top: none
}

.draggable-table .column-header__data-section,.draggable-table .column-header__option-title {
    font-size: 1.4rem;
    position: absolute;
    transform: translateX(-50%);
    left: 50%
}

.draggable-table .column-header__data-section {
    top: 0;
    width: 100%;
    text-align: center;
    background: #f7f6f6;
    z-index: 10
}

.draggable-table .column-header__pin-section a {
    font-size: 1.4rem;
    line-height: 2.4rem;
    min-height: 2.4rem;
    min-width: 0;
    margin-top: 1rem;
    position: absolute;
    transform: translateX(-50%);
    left: 50%
}

.draggable-table .checkbox {
    padding: .3rem;
    text-align: center
}

.draggable-table .pin-cell {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.6rem 0;
    position: relative
}

.draggable-table .row-header-text {
    color: #655c58;
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 2rem;
    text-align: left
}

.draggable-table .row-header-subtext {
    color: #bab6b5;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;
    text-align: left
}

.draggable-table .cell-text {
    color: #655c58;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    text-align: left
}

.draggable-table .cell-subtext {
    color: #bab6b5;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;
    text-align: left
}

.table-of-rows__row--type-table-title {
    grid-gap: .8rem;
    position: sticky;
    top: 0
}

@media only screen and (min-width: 36em) {
    .table-of-rows__row--type-table-title {
        position:relative
    }
}

.table-of-rows__row--type-table-title .table-of-rows__row__values {
    color: var(--row__values--color);
    background-color: var(--row__values--backgroundcolor)
}

.table-of-rows__row--type-table-title .table-of-rows__row__values__value {
    padding: 1.4rem 0 1.2rem
}

@media only screen and (min-width: 36em) {
    .table-of-rows__row--type-table-title .table-of-rows__row__values__value {
        padding:1rem 0
    }
}

@media only screen and (min-width: 36em) {
    .table-of-rows--columns-2 .table-of-rows__row {
        grid-template-columns:8fr 4fr
    }
}

.table-of-rows--columns-2 .table-of-rows__row__values {
    grid-template-columns: minmax(100%,1fr)
}

@media only screen and (min-width: 36em) {
    .table-of-rows--columns-3 .table-of-rows__row {
        grid-template-columns:6fr 6fr
    }
}

.table-of-rows--columns-3 .table-of-rows__row__values {
    grid-template-columns: 1fr 1fr
}

@media only screen and (min-width: 36em) {
    .table-of-rows--columns-4 .table-of-rows__row {
        grid-template-columns:4fr 8fr
    }
}

.table-of-rows--columns-4 .table-of-rows__row__values {
    grid-template-columns: 1fr 1fr 1fr
}

@media only screen and (min-width: 36em) {
    .table-of-rows--columns-5 .table-of-rows__row {
        grid-template-columns:3fr 9fr
    }
}

.table-of-rows--columns-5 .table-of-rows__row__values {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.theme--light-ui,:root {
    --row__values--color: #291d18;
    --row__values--backgroundcolor: #ccc9c8
}

@media only screen and (min-width: 36em) {
    .theme--light-ui,:root {
        --row__values--color:#291d18;
        --row__values--backgroundcolor: transparent
    }
}

.theme--dark-ui {
    --row__values--backgroundcolor: #fff;
    --row__values--color: #766f6b
}

@media only screen and (min-width: 36em) {
    .theme--dark-ui {
        --row__values--color:#fff;
        --row__values--backgroundcolor: transparent
    }
}

.theme--streamz-ui {
    --row__values--color: #fff;
    --row__values--backgroundcolor: #201f2e
}

@media only screen and (min-width: 36em) {
    .theme--streamz-ui {
        --row__values--color:#fff;
        --row__values--backgroundcolor: transparent
    }
}

.theme--play-sports-ui {
    --row__values--color: #fff;
    --row__values--backgroundcolor: #32465a
}

@media only screen and (min-width: 36em) {
    .theme--play-sports-ui {
        --row__values--color:#fff;
        --row__values--backgroundcolor: transparent
    }
}

.theme--play-more-ui {
    --row__values--color: #fff;
    --row__values--backgroundcolor: #002e4a
}

@media only screen and (min-width: 36em) {
    .theme--play-more-ui {
        --row__values--color:#fff;
        --row__values--backgroundcolor: transparent
    }
}

@media only screen and (min-width: 36em) {
    .table-of-rows__row--padding-sm {
        padding:0 .4rem
    }
}

.table-of-rows__row {
    background-color: var(--table-row__backgroundcolor,transparent);
    display: grid;
    grid-gap: .8rem;
    grid-template-columns: minmax(100%,1fr)
}

.table-of-rows__row__key {
    padding: .6rem 0;
    color: var(--table-row__key-color);
    background-color: var(--table-row__key--backgroundcolor)
}

@media only screen and (min-width: 36em) {
    .table-of-rows__row__key {
        padding:1rem 0
    }
}

.table-of-rows__row--type-title {
    padding: 1.2rem 0 1rem
}

@media only screen and (min-width: 36em) {
    .table-of-rows__row--type-title {
        padding:0 .4rem
    }
}

.table-of-rows__row--type-title .table-of-rows__row__key {
    color: var(--table-row__title-key--color)
}

@media only screen and (max-width: 48.0525em) {
    .table-of-rows__row--type-title .table-of-rows__row__key {
        background-color:var(--table-row__title-key--backgroundcolor,transparent)
    }
}

.table-of-rows__row__values {
    display: grid;
    grid-gap: .8rem
}

@media only screen and (max-width: 48.0525em) {
    .table-of-rows__row__values .cmp-title [class*=heading--] {
        font-size:1.8rem;
        font-weight: 400;
        text-transform: lowercase;
        font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
    }
}

.table-of-rows__row__values__value {
    padding: .6rem 0 1.4rem
}

@media only screen and (min-width: 36em) {
    .table-of-rows__row__values__value {
        padding:1rem 0
    }
}

.table-of-rows__row__values__value .icon-tick {
    color: var(--table-row__icon-tick-color)
}

.table-of-rows__row__values__value .icon-close {
    color: var(--table-row__icon-close-color)
}

.table-of-rows__row.table-of-rows__row--type-divider {
    grid-template-columns: minmax(100%,1fr)!important
}

@media only screen and (min-width: 36em) {
    .table-of-rows__row.table-of-rows__row--type-divider {
        grid-template-columns:minmax(100%,1fr)!important
    }
}

.theme--light-ui,:root {
    --table-row__key-color: #291d18;
    --table-row__key--backgroundcolor: #eeeded;
    --table-row__icon-tick-color: #00875a;
    --table-row__icon-close-color: #291d18;
    --table-row__title-key--color: #291d18
}

@media only screen and (min-width: 36em) {
    .theme--light-ui,:root {
        --table-row__key--backgroundcolor:transparent
    }
}

.theme--dark-ui {
    --table-row__key-color: #fff;
    --table-row__key--backgroundcolor: #392e2a;
    --table-row__icon-tick-color: #36b37e;
    --table-row__icon-close-color: #fff;
    --table-row__title-key--color: #fff
}

@media only screen and (min-width: 36em) {
    .theme--dark-ui {
        --table-row__key--backgroundcolor:transparent
    }
}

.theme--streamz-ui {
    --table-row__key-color: #fff;
    --table-row__key--backgroundcolor: #0c0a1b;
    --table-row__icon-tick-color: #f20d3a;
    --table-row__icon-close-color: #201f2e;
    --table-row__title-key--color: #fff
}

@media only screen and (min-width: 36em) {
    .theme--streamz-ui {
        --table-row__key--backgroundcolor:transparent
    }
}

.theme--play-sports-ui {
    --table-row__key-color: #fff;
    --table-row__key--backgroundcolor: #838383;
    --table-row__icon-tick-color: #ff0;
    --table-row__icon-close-color: #544f17;
    --table-row__title-key--backgroundcolor: #32465a;
    --table-row__title-key--color: #fff
}

@media only screen and (min-width: 36em) {
    .theme--play-sports-ui {
        --table-row__key--backgroundcolor:transparent
    }
}

.theme--play-more-ui {
    --table-row__key-color: #fff;
    --table-row__key--backgroundcolor: #838383;
    --table-row__icon-tick-color: #0082b4;
    --table-row__icon-close-color: #002e4a;
    --table-row__title-key--backgroundcolor: #002e4a;
    --table-row__title-key--color: #fff
}

@media only screen and (min-width: 36em) {
    .theme--play-more-ui {
        --table-row__key--backgroundcolor:transparent
    }
}

.sticky-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: inherit;
    width: 100%;
    padding: 1.5rem;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: var(--box-shadow__xs-inverse___xs-inverse-dark)
}

@media only screen and (min-width: 48.0625em) {
    .sticky-footer {
        padding:2rem
    }
}

.sticky-footer__message {
    font-size: 1.6rem;
    line-height: 1.2;
    color: #291d18
}

.sticky-footer__button {
    margin-left: 1rem
}

.sticky-footer__container--small {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    max-width: 55%;
    align-items: center
}

@media only screen and (min-width: 36em) {
    .sticky-footer__container--small {
        justify-content:flex-end;
        max-width: 108rem
    }
}

.sticky-footer__container--small .button {
    min-width: inherit
}

.sticky-footer__container--small .button:nth-child(2) {
    margin-left: 2rem
}

.sticky-footer.hidden-desktop {
    display: flex
}

@media only screen and (min-width: 48.0625em) {
    .sticky-footer.hidden-desktop {
        display:none
    }
}

.sticky-footer.link {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 2.4rem;
    padding: 1rem;
    white-space: nowrap
}

.sticky-footer .link.inline {
    display: inline
}

.sticky-footer--button {
    justify-content: center;
    display: block
}

@media only screen and (min-width: 36em) {
    .sticky-footer--button {
        justify-content:flex-end;
        display: flex
    }
}

.sticky-footer--button button {
    margin-right: 0;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .sticky-footer--button button {
        margin-right:16rem;
        width: auto
    }
}

.sticky-footer--progress {
    display: flex;
    box-sizing: inherit;
    height: 6rem;
    bottom: 0;
    z-index: 1001
}

@media only screen and (min-width: 36em) {
    .sticky-footer--progress {
        height:8.8rem
    }
}

.sticky-footer--progress__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 113.2rem;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 36em) {
    .sticky-footer--progress__container {
        margin:0;
        padding: 0
    }
}

.sticky-footer--progress__container .back-section,.sticky-footer--progress__container .next-section {
    width: auto;
    cursor: pointer
}

.sticky-footer--progress__container .back-section a,.sticky-footer--progress__container .next-section a {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 1.5rem;
    line-height: 2rem;
    text-decoration: inherit
}

.sticky-footer--progress__container .back-section a .arrow--right:after,.sticky-footer--progress__container .next-section a .arrow--right:after {
    top: -.3rem;
    padding-left: 1.2rem;
    color: #c95942;
    font-size: 2rem;
    font-weight: 400
}

.sticky-footer--progress__container .back-section a .arrow--left:after,.sticky-footer--progress__container .next-section a .arrow--left:after {
    top: .2rem;
    padding-left: 1.2rem;
    color: #c95942;
    font-size: 2rem;
    font-weight: 400
}

.sticky-footer--progress__container .back-section a .icon-label,.sticky-footer--progress__container .next-section a .icon-label {
    font-size: 1.5rem
}

.sticky-footer--progress__container .back-section.hide,.sticky-footer--progress__container .next-section.hide {
    visibility: hidden
}

.sticky-footer--progress__container .back-section a {
    transition: color .3s ease-out 0s
}

.sticky-footer--progress__container .back-section a:hover {
    color: #c95942
}

.sticky-footer--progress__container .back-section a:hover .arrow--left:after {
    color: #c95942
}

.sticky-footer--progress__container .back-section a .icon-sticky-footer {
    display: inline;
    align-self: baseline;
    transform: rotateY(180deg);
    margin-right: 1.6rem;
    font-size: 1.6rem
}

.sticky-footer--progress__container .next-section a:hover {
    color: #c95942
}

.sticky-footer--progress__container .next-section a:hover .arrow--left:after {
    color: #c95942
}

.sticky-footer--progress__container .next-section a .icon-sticky-footer {
    margin-left: 1.6rem;
    font-size: 1.6rem
}

.sticky-footer--progress__container .icon-sticky-footer:before {
    height: auto
}

.sticky-footer--progress__container .button--primary {
    padding: auto
}

@media only screen and (min-width: 36em) {
    .sticky-footer--progress__container .button--primary {
        padding:auto
    }
}

.sticky-footer--progress .indicator {
    height: .4rem;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0;
    background-color: #f7f6f6;
    box-shadow: inset 0 .1rem .3rem 0 rgba(0,0,0,.15)
}

@media only screen and (min-width: 36em) {
    .sticky-footer--progress .indicator {
        width:28.8rem;
        position: relative;
        bottom: auto;
        left: auto;
        border-radius: .4rem
    }
}

.sticky-footer--progress .indicator .indicator-progress {
    height: 100%;
    width: 0;
    max-width: 100%;
    background: #ffc421;
    border-radius: .4rem
}

.sticky-footer--progress .indicator .indicator-progress.level-one {
    width: 20%
}

.sticky-footer--progress .indicator .indicator-progress.level-two {
    width: 33.3%
}

.sticky-footer--progress .indicator .indicator-progress.level-three {
    width: 40%
}

.sticky-footer--progress .indicator .indicator-progress.level-four {
    width: 60%
}

.sticky-footer--progress .indicator .indicator-progress.level-five {
    width: 66.6%
}

.sticky-footer--progress .indicator .indicator-progress.level-six {
    width: 80%
}

.sticky-footer--progress .indicator .indicator-progress.level-seven {
    width: 100%
}

.sticky-footer--flow {
    display: flex;
    box-sizing: inherit;
    height: 6rem;
    z-index: 1001
}

@media only screen and (min-width: 36em) {
    .sticky-footer--flow {
        height:8.8rem
    }
}

.sticky-footer--flow .progress-bar {
    height: .4rem
}

.sticky-footer--save {
    display: block;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .sticky-footer--save {
        display:flex
    }
}

.sticky-footer--save__button {
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .sticky-footer--save__button {
        margin-left:1rem
    }
}

.sticky-footer .left-footer-content,.sticky-footer .right-footer-content {
    height: 1.5rem;
    min-width: 4rem
}

.sticky-header {
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background: #fff
}

.sticky-header--shadow {
    box-shadow: var(--box-shadow__xs___xs-dark)
}

.sticky-header--position-sticky {
    position: sticky
}

.horizontal-tab {
    overflow: hidden;
    max-width: 30rem
}

.horizontal-tab--multiple-headings {
    max-width: 100%
}

.tab-bar {
    display: flex;
    overflow: hidden;
    list-style-type: none;
    background-color: transparent;
    border-bottom: .1rem solid #e5e3e3
}

.tab-bar__li {
    width: 100%;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
    padding: 1rem 0;
    border: none;
    border-bottom: 0 solid;
    margin-right: .2rem
}

@media only screen and (min-width: 36em) {
    .tab-bar__li {
        width:15rem
    }
}

.tab-bar__li a {
    display: block;
    color: #291d18;
    text-align: center;
    text-decoration: none
}

.tab-bar__li.active {
    font-weight: 900;
    border-bottom: .2rem solid #ffc421
}

.tab-bar__li.active a,.tab-bar__li.active a.color-text {
    color: #291d18
}

.tab-bar__li--multiple-headings {
    width: 33.33%;
    font-size: 1.6rem
}

.tab-bar__li--multiple-headings a {
    color: #291d18
}

.tab-bar__li--multiple-headings.active .tab-bar__li__sub-text {
    color: #291d18;
    text-transform: uppercase
}

.tab-bar__li--auto-width {
    width: auto
}

.tab-bar__li--bold {
    padding: 1rem 0 .5rem;
    margin-right: 4.8rem
}

.tab-bar__li--bold:last-child {
    margin-right: 0
}

.tab-bar__li--bold.active {
    border-bottom: .4rem solid #ffc421
}

.selector.hidden-mobile {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .selector.hidden-mobile {
        display:block
    }
}

.selector.hidden-desktop {
    display: block
}

@media only screen and (min-width: 48.0625em) {
    .selector.hidden-desktop {
        display:none
    }
}

.navigation-bar {
    background-color: #291d18;
    color: #fff;
    width: 100%;
    display: flex;
    position: relative
}

@media (min-width: 74.5em) {
    .navigation-bar {
        max-width:144rem;
        margin: 0 auto
    }
}

.navigation-bar .navigation-bar__link,.navigation-bar .navigation-bar__title {
    color: #fff;
    padding: 1.2rem 2rem
}

@media only screen and (min-width: 74.5em) {
    .navigation-bar .navigation-bar__link,.navigation-bar .navigation-bar__title {
        padding:2.6rem 4rem
    }
}

.navigation-bar .navigation-bar__title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: underline;
    margin: auto
}

@media only screen and (min-width: 48.0625em) {
    .navigation-bar .navigation-bar__title {
        display:none
    }
}

@media only screen and (min-width: 74.5em) {
    .navigation-bar .navigation-bar__title {
        display:none
    }
}

.navigation-bar .navigation-bar__title .icon {
    padding-top: .2rem
}

.navigation-bar .navigation-bar__icon {
    display: flex;
    position: absolute;
    left: 2rem;
    top: 0;
    height: 100%;
    align-items: center
}

@media only screen and (min-width: 48.0625em) {
    .navigation-bar .navigation-bar__icon {
        display:flex;
        position: absolute;
        left: 4rem;
        top: 0;
        height: 100%;
        align-items: center
    }
}

@media only screen and (min-width: 74.5em) {
    .navigation-bar .navigation-bar__icon {
        display:flex;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        align-items: center
    }
}

.navigation-bar .navigation-bar__icon img {
    height: 3.2rem
}

.navigation-bar .navigation-bar__block,.navigation-bar .navigation-bar__close {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .navigation-bar .navigation-bar__block {
        display:flex;
        justify-content: center;
        width: 100%;
        position: relative
    }
}

@media only screen and (min-width: 74.5em) {
    .navigation-bar .navigation-bar__block {
        display:flex;
        max-width: 113.2rem;
        width: 100%;
        justify-content: center;
        margin: auto;
        position: relative
    }
}

.navigation-bar .navigation-bar__block .navigation-bar__link-list .navigation-bar__link {
    display: block;
    text-decoration: none
}

.navigation-bar .navigation-bar__block .navigation-bar__link-list .navigation-bar__link--active {
    text-decoration: underline
}

.navigation-bar--mobile-fixed {
    position: fixed;
    height: auto;
    top: 0;
    left: 0;
    z-index: 100
}

@media only screen and (min-width: 48.0625em) {
    .navigation-bar--mobile-fixed {
        position:relative;
        height: auto
    }
}

@media only screen and (min-width: 74.5em) {
    .navigation-bar--mobile-fixed {
        position:relative;
        height: auto
    }
}

.navigation-bar--mobile-fixed .navigation-bar__block {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .navigation-bar--mobile-fixed .navigation-bar__block {
        display:flex
    }
}

@media only screen and (min-width: 74.5em) {
    .navigation-bar--mobile-fixed .navigation-bar__block {
        display:flex
    }
}

.navigation-bar--mobile-layer,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1100
}

@media only screen and (min-width: 48.0625em) {
    .navigation-bar--mobile-layer,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer {
        position:relative;
        height: auto
    }
}

@media only screen and (min-width: 74.5em) {
    .navigation-bar--mobile-layer,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer {
        position:relative;
        height: auto
    }
}

.navigation-bar--mobile-layer .navigation-bar__block,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer .navigation-bar__block {
    display: flex;
    align-self: center;
    justify-content: center;
    text-align: center;
    flex: 1;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .navigation-bar--mobile-layer .navigation-bar__block,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer .navigation-bar__block {
        display:flex;
        flex-direction: row
    }
}

@media only screen and (min-width: 74.5em) {
    .navigation-bar--mobile-layer .navigation-bar__block,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer .navigation-bar__block {
        display:flex;
        flex-direction: row
    }
}

.navigation-bar--mobile-layer .navigation-bar__title,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer .navigation-bar__title {
    display: none
}

.navigation-bar--mobile-layer .navigation-bar__icon,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer .navigation-bar__icon {
    display: block;
    position: absolute;
    top: 2rem;
    left: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .navigation-bar--mobile-layer .navigation-bar__icon,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer .navigation-bar__icon {
        display:flex;
        top: 0;
        left: 4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .navigation-bar--mobile-layer .navigation-bar__icon,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer .navigation-bar__icon {
        display:flex;
        top: 0;
        left: 0
    }
}

.navigation-bar--mobile-layer .navigation-bar__close,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer .navigation-bar__close {
    display: block;
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: #999391
}

@media only screen and (min-width: 48.0625em) {
    .navigation-bar--mobile-layer .navigation-bar__close,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer .navigation-bar__close {
        display:none
    }
}

@media only screen and (min-width: 74.5em) {
    .navigation-bar--mobile-layer .navigation-bar__close,.navigation-bar .navigation-bar--mobile-fixed.navigation-bar--mobile-layer .navigation-bar__close {
        display:none
    }
}

.useful-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: transparent;
    padding-bottom: 3.6rem
}

.useful-links .useful-links-title {
    color: var(--theme__text___text-default);
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 900;
    text-align: center;
    margin-bottom: 3.2rem
}

.useful-links .useful-links-title,.useful-links__title {
    margin-bottom: 3.2rem
}

.useful-links .links-container,.useful-links .useful-links__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%
}

.useful-links .links-container .link,.useful-links .links-container .useful-links__link,.useful-links .useful-links__container .link,.useful-links .useful-links__container .useful-links__link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-basis: 100%;
    flex-direction: row-reverse;
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding: .9rem 0;
    text-decoration: none;
    color: var(--theme__text___text-default)
}

@media only screen and (min-width: 36em) {
    .useful-links .links-container .link,.useful-links .links-container .useful-links__link,.useful-links .useful-links__container .link,.useful-links .useful-links__container .useful-links__link {
        flex-basis:100%;
        margin-right: 0;
        padding: .9rem 0;
        font-size: 1.6rem
    }
}

.useful-links .links-container .useful-links__link:hover,.useful-links .useful-links__container .useful-links__link:hover {
    text-decoration: underline
}

.useful-links .links-container .useful-links__link:active,.useful-links .useful-links__container .useful-links__link:active {
    font-weight: 700;
    text-decoration: none
}

.useful-links .icon-chevron-right {
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1rem;
    margin-left: 0;
    vertical-align: middle;
    color: #291d18;
    text-align: center;
    font-weight: 700
}

.useful-links.layout-align-center {
    align-items: center;
    padding-bottom: 2rem 0
}

.useful-links.layout-align-center .links-container a,.useful-links.layout-align-center .useful-links__container a {
    justify-content: center;
    flex-basis: 100%;
    margin-right: 0
}

.useful-links.useful-links--quicklinks {
    display: flex;
    align-items: start;
    background: #fff;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .useful-links.useful-links--quicklinks {
        padding-top:1.6rem;
        padding-bottom: 1.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .useful-links.useful-links--quicklinks {
        padding-top:3.2rem;
        padding-bottom: 3.2rem
    }
}

.useful-links.useful-links--quicklinks .useful-links__image {
    display: none
}

@media only screen and (min-width: 74.5em) {
    .useful-links.useful-links--quicklinks .useful-links__image {
        display:block;
        align-self: center
    }
}

.useful-links.useful-links--quicklinks .useful-links__image img {
    max-height: 12.5rem;
    max-width: 100%
}

.useful-links.useful-links--quicklinks .useful-links__title {
    color: #291d18;
    margin-bottom: 1.6rem;
    margin-left: 0;
    display: block;
    position: relative;
    width: 100%;
    text-align: left
}

@media only screen and (min-width: 48.0625em) {
    .useful-links.useful-links--quicklinks .useful-links__title {
        margin-bottom:2.4rem;
        color: #291d18
    }
}

@media only screen and (min-width: 74.5em) {
    .useful-links.useful-links--quicklinks .useful-links__title {
        margin-bottom:2.4rem;
        color: #291d18
    }
}

.useful-links.useful-links--quicklinks .useful-links__title:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: .7rem;
    color: #c95942;
    transform: none;
    font-size: inherit
}

@media only screen and (min-width: 48.0625em) {
    .useful-links.useful-links--quicklinks .useful-links__title:before {
        display:block;
        color: #c95942
    }
}

@media only screen and (min-width: 74.5em) {
    .useful-links.useful-links--quicklinks .useful-links__title:before {
        display:none;
        color: #c95942
    }
}

.useful-links.useful-links--quicklinks .useful-links__container {
    justify-content: flex-start
}

.useful-links.useful-links--quicklinks .useful-links__link {
    justify-content: flex-end;
    position: relative;
    margin-right: 0
}

@media only screen and (min-width: 48.0625em) {
    .useful-links.useful-links--quicklinks .useful-links__link {
        margin-right:0;
        padding: .9rem 0;
        flex-basis: 50%
    }
}

@media only screen and (min-width: 74.5em) {
    .useful-links.useful-links--quicklinks .useful-links__link {
        margin-right:0;
        padding: .9rem 0;
        flex-basis: 100%
    }
}

.useful-links.useful-links--quicklinks .useful-links__link .icon {
    position: static;
    right: 0
}

.useful-links.useful-links--quicklinks .useful-links__link .icon:before {
    font-size: inherit;
    color: #291d18
}

.useful-links.useful-links--quicklinks .useful-links__link:hover {
    background-color: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.useful-links.useful-links--quicklinks .useful-links__link:hover .icon {
    right: 0
}

.useful-links.useful-links--quicklinks .useful-links__more {
    align-self: flex-end;
    color: var(--theme__text___text-default);
    cursor: pointer;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 900;
    text-decoration: none
}

.useful-links.useful-links--quicklinks .useful-links__more i {
    display: inline
}

.useful-links.useful-links--quicklinks .useful-links__more i:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit
}

.useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__title {
    margin-bottom: 0;
    color: var(--theme__text___text-default)
}

@media only screen and (min-width: 48.0625em) {
    .useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__title {
        margin-bottom:0;
        color: var(--theme__text___text-default)
    }
}

@media only screen and (min-width: 74.5em) {
    .useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__title {
        margin-bottom:2.4rem;
        color: var(--theme__text___text-default)
    }
}

.useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__title:after {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit
}

.useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__title:before {
    color: var(--theme__text___text-default)
}

@media only screen and (min-width: 48.0625em) {
    .useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__title:before {
        color:var(--theme__text___text-default)
    }
}

@media only screen and (min-width: 74.5em) {
    .useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__title:before {
        color:var(--theme__text___text-default)
    }
}

.useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__container {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__container {
        display:none
    }
}

@media only screen and (min-width: 74.5em) {
    .useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__container {
        display:block
    }
}

.useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__more {
    margin-top: 1.6rem;
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__more {
        margin-top:1.6rem;
        display: none
    }
}

@media only screen and (min-width: 74.5em) {
    .useful-links.useful-links--quicklinks.useful-links__container--hide .useful-links__more {
        margin-top:0;
        display: block
    }
}

.arrow-sort-section .icon-sorting-arrow-up {
    position: relative;
    top: -.6rem;
    left: 1.4rem
}

.arrow-sort-section .icon-sorting-arrow-up:before {
    border-width: .6rem .6rem 0;
    color: #eeeded;
    font-size: 1.3rem
}

.arrow-sort-section .icon-sorting-arrow-down {
    position: relative;
    top: .7rem;
    left: -.3rem
}

.arrow-sort-section .icon-sorting-arrow-down:before {
    border-width: .6rem .6rem 0;
    color: #eeeded;
    font-size: 1.3rem
}

.arrow-sort-section .icon-sorting-arrow--active:before {
    border-color: #ffc421;
    color: #ffc421;
    cursor: auto
}

.audio-player {
    display: flex;
    align-items: center;
    width: auto
}

@media only screen and (min-width: 36em) {
    .audio-player {
        width:20rem
    }
}

.audio-player__pause,.audio-player__play {
    margin-right: 1rem;
    cursor: pointer;
    overflow: hidden;
    min-width: 2rem
}

.audio-player__current-time {
    width: 3rem;
    margin-right: .8rem;
    margin-top: .3rem;
    text-align: right
}

.audio-player__total-time {
    margin-left: .8rem;
    margin-right: 2rem;
    margin-top: .3rem;
    width: 3rem;
    text-align: left
}

.audio-player span {
    font-size: 1.2rem;
    line-height: 1.6rem
}

.audio-player__progress-bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    max-width: 8rem
}

.audio-player__progress-bar::-webkit-slider-runnable-track {
    height: .8rem;
    border-radius: .4rem;
    border: none;
    background: #f7f6f6;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15)
}

.audio-player__progress-bar::-webkit-slider-thumb {
    width: 2rem;
    height: 2rem;
    border: 0;
    box-shadow: .1rem .3rem .8rem 0 rgba(30,37,74,.09),.1rem .1rem .3rem 0 rgba(30,37,74,.18);
    margin-top: -.5rem;
    background: #f7f6f6;
    border-radius: 100%;
    -webkit-appearance: none;
    appearance: none
}

.audio-player__progress-bar::-moz-range-track {
    height: .8rem;
    border-radius: .4rem;
    border: none;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15);
    background: #f7f6f6
}

.audio-player__progress-bar::-moz-focus-outer {
    border: 0
}

.audio-player__progress-bar::-moz-range-thumb {
    width: 2rem;
    height: 2rem;
    box-shadow: .1rem .3rem .8rem 0 rgba(30,37,74,.09),.1rem .1rem .3rem 0 rgba(30,37,74,.18);
    border: 0;
    background: #f7f6f6;
    border-radius: 100%
}

.audio-player__progress-bar::-ms-track {
    height: .8rem;
    background: transparent;
    border-color: transparent;
    box-sizing: border-box;
    border-width: .6rem 0;
    border-radius: .4rem;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15);
    color: transparent
}

.audio-player__progress-bar::-ms-fill-lower,.audio-player__progress-bar::-ms-fill-upper {
    height: .5rem;
    background: #f7f6f6;
    border-radius: .4rem;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15)
}

.audio-player__progress-bar::-ms-thumb {
    width: 1.2rem;
    height: 1.2rem;
    border: 0;
    box-shadow: .1rem .3rem .8rem 0 rgba(30,37,74,.09),.1rem .1rem .3rem 0 rgba(30,37,74,.18);
    background: #f7f6f6;
    border-radius: 100%;
    margin: auto
}

.audio-player__progress-bar::-ms-tooltip {
    display: none
}

.list-inline__list {
    list-style: none;
    pointer-events: auto
}

.list-inline__list__item a,.list-inline__list__item a:hover,.list-inline__list__item a:visited {
    text-decoration: none;
    margin: 0
}

.list-inline__list__item:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.list-inline__list__item:nth-child(2) {
    -webkit-animation-delay: .08s;
    animation-delay: .08s
}

.list-inline__list__item:nth-child(3) {
    -webkit-animation-delay: .16s;
    animation-delay: .16s
}

.list-inline__list__item:nth-child(4) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}

.list-inline__list__item:nth-child(5) {
    -webkit-animation-delay: .32s;
    animation-delay: .32s
}

.list-inline__list__item:nth-child(6) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.list-inline__list__item:nth-child(7) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}

.list-inline__list__item:nth-child(8) {
    -webkit-animation-delay: .56s;
    animation-delay: .56s
}

.list-inline__list__item:nth-child(9) {
    -webkit-animation-delay: .64s;
    animation-delay: .64s
}

.list-inline__list__item:nth-child(10) {
    -webkit-animation-delay: .72s;
    animation-delay: .72s
}

.list-inline__list__item:nth-child(11) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.list-inline__list__item:nth-child(12) {
    -webkit-animation-delay: .88s;
    animation-delay: .88s
}

.list-inline__list__item:nth-child(13) {
    -webkit-animation-delay: .96s;
    animation-delay: .96s
}

.list-inline__list__item:nth-child(14) {
    -webkit-animation-delay: 1.04s;
    animation-delay: 1.04s
}

.list-inline__list__item:nth-child(15) {
    -webkit-animation-delay: 1.12s;
    animation-delay: 1.12s
}

.list-inline__list__item:nth-child(16) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.list-inline__list__item:nth-child(17) {
    -webkit-animation-delay: 1.28s;
    animation-delay: 1.28s
}

.list-inline__list__item:nth-child(18) {
    -webkit-animation-delay: 1.36s;
    animation-delay: 1.36s
}

.list-inline__list__item:nth-child(19) {
    -webkit-animation-delay: 1.44s;
    animation-delay: 1.44s
}

.list-inline__list__item:nth-child(20) {
    -webkit-animation-delay: 1.52s;
    animation-delay: 1.52s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:first-child {
    -webkit-animation-delay: 4.3s;
    animation-delay: 4.3s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(2) {
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(3) {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(4) {
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(5) {
    -webkit-animation-delay: 4.7s;
    animation-delay: 4.7s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(6) {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(7) {
    -webkit-animation-delay: 4.9s;
    animation-delay: 4.9s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(8) {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(9) {
    -webkit-animation-delay: 5.1s;
    animation-delay: 5.1s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(10) {
    -webkit-animation-delay: 5.2s;
    animation-delay: 5.2s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(11) {
    -webkit-animation-delay: 5.3s;
    animation-delay: 5.3s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(12) {
    -webkit-animation-delay: 5.4s;
    animation-delay: 5.4s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(13) {
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(14) {
    -webkit-animation-delay: 5.6s;
    animation-delay: 5.6s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(15) {
    -webkit-animation-delay: 5.7s;
    animation-delay: 5.7s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(16) {
    -webkit-animation-delay: 5.8s;
    animation-delay: 5.8s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(17) {
    -webkit-animation-delay: 5.9s;
    animation-delay: 5.9s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(18) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(19) {
    -webkit-animation-delay: 6.1s;
    animation-delay: 6.1s
}

.animated-content-fade-in.animated-content-fade-in--delay .list-inline__list__item:nth-child(20) {
    -webkit-animation-delay: 6.2s;
    animation-delay: 6.2s
}

#OnlineHelp,#ProactiveChat {
    right: 0;
    bottom: -200rem;
    height: 100%;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    overflow: auto;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 1.4rem rgba(0,0,0,.4)
}

#OnlineHelp {
    transition: all .5s ease-in-out
}

#OnlineHelp.standard {
    height: 100%
}

#OnlineHelp.compacted {
    height: 45rem
}

#OnlineHelp.minimized {
    bottom: -200rem
}

#OnlineHelp.alerting {
    bottom: 0
}

#ProactiveChat.alerting {
    bottom: 5rem;
    height: 13.5rem;
    margin-right: 0;
    z-index: 2147483645
}

#launcher,#launcherminimized {
    font-family: Helvetica,Verdana,Arial,Sans-serif;
    background-color: #fff;
    z-index: 1;
    bottom: 10rem;
    right: 2.5rem;
    font-size: 1.6rem;
    color: #004a47;
    box-shadow: 0 0 2rem 0 rgba(0,0,0,.6);
    height: 5rem;
    border-radius: 3.2rem;
    padding: .7rem
}

@media only screen and (min-width: 48.0625em) {
    #launcher,#launcherminimized {
        bottom:12rem
    }
}

.pega-icon {
    height: 4.2rem;
    width: 4.2rem;
    padding: 1rem;
    border-radius: 50%;
    margin-right: 1.2rem;
    background: #004a47;
    background-image: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/sms.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: content-box;
    background-size: contain
}

#unreadCounter {
    top: -1.4rem;
    right: -.7rem;
    background-color: #004a47;
    height: 2.4rem;
    width: 2.4rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    border-radius: 50%;
    padding: .1rem;
    color: #fff;
    z-index: 2;
    border: .2rem solid #fff
}

@media (min-width: 768px) {
    #OnlineHelp,#ProactiveChat {
        width:45rem;
        right: 2rem
    }

    #OnlineHelp.standard {
        height: 55rem
    }

    #OnlineHelp.compacted {
        height: 45rem
    }

    #OnlineHelp.alerting {
        bottom: 2rem
    }

    #ProactiveChat.alerting {
        margin-right: 2rem
    }

    #OnlineHelp.showLeftPanel {
        width: 90rem;
        transition: width 1s
    }

    #OnlineHelp.hideLeftPanel {
        width: 45rem;
        transition: width 1s
    }
}

.MainChatHeader>div[node_name=GuideHeader] .guide_header_text {
    font-family: Helvetica,Verdana,Arial,Sans-serif
}

.iconAttachment:before,.iconAttachment_disabled:before,.iconAttachment_on:before,.pi-paper-clip:before {
    color: #ffc421
}

span[class^=TextAreaContainer] #CTRL_TA>textarea:not([disabled]):focus,span[class^=TextAreaContainer] textarea.textAreaStyle:not([disabled]):focus {
    outline-color: #ffc421
}

.pega-mashup–cookieconsent-header {
    padding: 1.5rem;
    font-family: Helvetica,Verdana,Arial,Sans-serif
}

.pega-mashup–cookieconsent,.pega-mashup–cookieconsent-footer {
    padding: 0 1.5rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.list-popup {
    position: fixed;
    right: 2rem;
    bottom: 10rem;
    z-index: 1011
}

@media only screen and (min-width: 36em) {
    .list-popup {
        bottom:15rem;
        right: 2%
    }
}

.list-popup__trigger {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 4.4rem;
    min-width: 4rem;
    width: auto;
    padding: 0 1.2rem;
    color: #291d18;
    white-space: nowrap;
    border-radius: .4rem;
    border: 0;
    background: #fff;
    box-shadow: 0 .8rem 1.6rem 0 rgba(41,29,24,.16)
}

@media only screen and (min-width: 36em) {
    .list-popup__trigger {
        padding:.8rem 2.6rem .8rem 1.8rem
    }
}

.list-popup__trigger .notify-icon {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    bottom: 2.8rem;
    right: -.76rem;
    border-radius: 50%;
    background-color: #de350b;
    color: #291d18
}

.list-popup__trigger .notify-icon .notify-dot {
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
    background: #fff;
    position: absolute;
    top: .55rem;
    left: .6rem
}

.list-popup__trigger:active,.list-popup__trigger:focus,.list-popup__trigger:hover {
    background: #f7f6f6;
    color: #291d18;
    cursor: pointer
}

.list-popup__trigger__icon {
    font-size: 2.4rem;
    line-height: 1.9rem;
    width: auto
}

.list-popup__trigger__text {
    display: none
}

@media only screen and (min-width: 36em) {
    .list-popup__trigger__text {
        display:flex;
        align-items: center;
        justify-content: center;
        padding-left: 1.4rem;
        font-size: 1.4rem;
        line-height: 2rem;
        font-weight: 400;
        font-family: Helvetica,Verdana,Arial,Sans-serif
    }
}

.list-popup__trigger__close {
    visibility: hidden;
    width: 0
}

.list-popup__trigger.active {
    padding: 0 .8rem;
    background: #eeeded;
    width: 4rem
}

.list-popup__trigger.active .list-popup__trigger__icon,.list-popup__trigger.active .list-popup__trigger__text {
    visibility: hidden;
    width: 0;
    padding: 0
}

.list-popup__trigger.active .list-popup__trigger__close {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4rem;
    width: 4rem;
    font-size: 2.4rem;
    color: #291d18;
    visibility: visible;
    margin-top: 0;
    margin-left: -.1rem;
    line-height: 1.9rem
}

.list-popup__list {
    height: 0;
    width: 0;
    list-style: none;
    position: absolute;
    right: 5%;
    bottom: 0;
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    visibility: hidden
}

.list-popup__list.active {
    height: auto;
    width: auto;
    visibility: visible
}

.list-popup__list.active .list-button {
    margin: 0
}

.list-popup__list--secondary {
    list-style: none;
    position: relative;
    left: 2.4rem;
    margin-top: .8rem;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    visibility: visible
}

.list-popup__list__item {
    margin-bottom: .8rem
}

.list-popup__list__item a,.list-popup__list__item a:hover,.list-popup__list__item a:visited {
    text-decoration: none;
    margin: 0
}

.list-popup__list__item .list-button {
    margin-bottom: -4rem
}

.list-popup__list__item:first-child .list-button {
    transition: margin .07s cubic-bezier(.68,-.55,.265,1.55)
}

.list-popup__list__item:nth-child(2) .list-button {
    transition: margin .14s cubic-bezier(.68,-.55,.265,1.55)
}

.list-popup__list__item:nth-child(3) .list-button {
    transition: margin .21s cubic-bezier(.68,-.55,.265,1.55)
}

.list-popup__list__item:nth-child(4) .list-button {
    transition: margin .28s cubic-bezier(.68,-.55,.265,1.55)
}

.list-popup__list__item:nth-child(5) .list-button {
    transition: margin .35s cubic-bezier(.68,-.55,.265,1.55)
}

.list-popup__list__item:nth-child(6) .list-button {
    transition: margin .42s cubic-bezier(.68,-.55,.265,1.55)
}

.list-popup.active+.blur-content {
    display: block
}

@media only screen and (min-width: 36em) {
    .list-popup.active+.blur-content {
        display:none
    }
}

.SingleInputForm {
    display: block
}

.SingleInputForm .SingleInputForm-input {
    box-sizing: border-box;
    border-radius: 0;
    border: none;
    background-color: #fff;
    padding: 1rem 2rem;
    min-width: 100%;
    height: 4.8rem;
    text-overflow: ellipsis
}

@media only screen and (min-width: 36em) {
    .SingleInputForm .SingleInputForm-input {
        min-width:44rem;
        padding-right: 12rem;
        border-radius: 2rem
    }
}

.SingleInputForm .SingleInputForm-input.Input-error {
    background: transparent
}

.SingleInputForm .SingleInputForm-item {
    position: relative;
    display: inline
}

.SingleInputForm .form-helper,.SingleInputForm .SingleInputForm-label,.SingleInputForm label {
    margin-right: 2rem
}

.SingleInputForm .SingleInputForm-button {
    position: absolute;
    right: 2rem;
    margin-top: .4rem;
    height: 4rem;
    border-radius: 2rem
}

.SingleInputForm .SingleInputForm-button.hidden-mobile {
    display: none
}

@media only screen and (min-width: 36em) {
    .SingleInputForm .SingleInputForm-button.hidden-mobile {
        display:inline-block
    }
}

.SingleInputForm .FormGroup__input {
    display: block
}

@media only screen and (min-width: 36em) {
    .SingleInputForm .FormGroup__input {
        display:inline-block
    }
}

.SingleInputForm .formErrorInput {
    float: none;
    margin-bottom: -1rem
}

@media only screen and (min-width: 36em) {
    .SingleInputForm .formErrorInput {
        float:left;
        margin-bottom: 0
    }
}

.SingleInputForm .FormGroup__label {
    font-size: 1.2rem;
    display: block;
    white-space: normal
}

@media only screen and (min-width: 36em) {
    .SingleInputForm .FormGroup__label {
        display:inline-block;
        font-size: 1.6rem;
        font-weight: 400;
        margin-right: 2rem;
        vertical-align: top;
        margin-top: 1.5rem
    }
}

.appointment-picker {
    display: flex;
    flex-direction: column
}

.appointment-picker .nav-tabs {
    border-bottom: 1px solid #f7f6f6;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin-bottom: 3.5rem;
    width: 100%
}

.appointment-picker .nav-tabs>li {
    flex: 0 0 30%;
    margin-bottom: -.05rem;
    text-align: center
}

.appointment-picker .nav-tabs>li>a {
    display: block;
    padding: 16px 12px 14px;
    text-decoration: none;
    white-space: nowrap
}

.appointment-picker .nav-tabs>li>a:hover {
    font-weight: 700
}

.appointment-picker .nav-tabs>li.nav-tab--active>a {
    border-bottom: .3rem solid #ffc421;
    cursor: default;
    font-weight: 700
}

.appointment-picker .section {
    padding: 0 1rem
}

.Container--partitioned--partition .appointment-picker .section {
    padding: 0
}

@media only screen and (min-width: 36em) {
    .Container--partitioned--partition .appointment-picker .section {
        padding:0
    }
}

.appointment-picker .tab-active-date~.section-date {
    order: 1
}

.appointment-picker .tab-active-time~.section-date {
    order: 2
}

.appointment-picker .tab-active-date~.section-time {
    order: 2
}

.appointment-picker .tab-active-time~.section-time {
    order: 1
}

.appointment-picker .section__title {
    margin: 2rem 0 1.6rem
}

.appointment-picker .section__title.animation-show-slide-up {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.appointment-picker .section__divider {
    height: .1rem;
    width: 100%;
    background: #f7f6f6
}

.appointment-picker .section .button.button--secondary {
    min-width: auto
}

@media only screen and (min-width: 36em) {
    .appointment-picker .section .button.button--secondary {
        min-width:auto
    }
}

.appointment-picker .section .cards .cards-slot {
    margin: 1rem 1rem 2rem 0;
    outline: 0
}

@media only screen and (min-width: 36em) {
    .appointment-picker .section .cards .cards-slot {
        margin:1rem 2rem 2rem 0
    }
}

@media only screen and (min-width: 74.5em) {
    .appointment-picker .section .cards .cards-slot {
        margin-right:3.1rem
    }
}

.appointment-picker .section .cards .cards-slot:first-child {
    margin-left: .2rem
}

.appointment-picker .section .cards .cards-slot:last-child {
    margin-right: 0
}

.appointment-picker .section .cards .cards-slot.animation-show-slide-up {
    -webkit-animation-delay: calc(.3s + var(--animation-delay)*0.1s);
    animation-delay: calc(.3s + var(--animation-delay)*0.1s)
}

.appointment-picker .section .cards .cards-radio {
    position: absolute;
    display: none
}

.appointment-picker .section .cards .cards-radio__label {
    cursor: inherit;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.appointment-picker .section .cards .cards--container {
    display: flex;
    flex-shrink: 0
}

.appointment-picker .section .cards .cards--container.disabled {
    opacity: .4;
    pointer-events: none;
    cursor: default
}

.appointment-picker .section .cards .cards--container.disabled .form-helper,.appointment-picker .section .cards .cards--container.disabled label {
    display: none
}

.appointment-picker .section .cards .cards-radio:checked+.cards--container {
    background-color: #fff;
    color: #291d18
}

.appointment-picker .section .cards .cards-radio:checked+.cards--container [class*=cards-content__] {
    color: inherit
}

.appointment-picker .section .cards .cards-radio:checked+.cards--container [class=cards--body--inner-container] {
    box-shadow: inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
}

.appointment-picker .section .cards .cards-radio:disabled+.cards--container {
    cursor: default
}

.appointment-picker .section .cards .cards-radio:hover+.cards--container [class=cards--body--inner-container] {
    box-shadow: inset 0 0 0 .1rem #ffc421
}

.appointment-picker .section .cards .cards-radio:checked:hover+.cards--container [class=cards--body--inner-container] {
    box-shadow: inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
}

.appointment-picker .section .cards .cards--body {
    display: flex;
    flex: 1 0 auto;
    padding: 0
}

.appointment-picker .section .cards .cards--body--inner-container {
    box-shadow: inset 0 0 0 .1rem transparent,var(--box-shadow__xs___xs-dark);
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    padding: 1.6rem;
    position: relative;
    outline: 0
}

.appointment-picker .section .cards .cards--body--inner-container>div {
    z-index: 1
}

.appointment-picker .section .cards-slider-button {
    cursor: pointer;
    margin-right: 0;
    padding: 1rem
}

.appointment-picker .section .cards-slider-button.arrow--right {
    margin-left: 1rem
}

.appointment-picker .section .cards-slider-button.animation-show-slide-up {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.appointment-picker .section .cards-slider-button.slick-disabled {
    opacity: 0;
    cursor: default
}

.appointment-picker .section-time .cards {
    flex-wrap: wrap
}

.appointment-picker .section-time .cards .cards-slot {
    margin-right: 0;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .appointment-picker .section-time .cards .cards-slot {
        margin-right:2rem;
        width: auto
    }
}

@media only screen and (min-width: 36em) {
    .stepper-page__content--split.container .appointment-picker .section-time .cards .cards-slot {
        width:100%
    }
}

.stepper-page__content--split.container .appointment-picker .section-time .cards .cards-slot,.stepper-page__content--split.container .appointment-picker .section-time .cards .cards-slot:last-child {
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .stepper-page__content--split.container .appointment-picker .section-time .cards .cards-slot,.stepper-page__content--split.container .appointment-picker .section-time .cards .cards-slot:last-child {
        margin-right:0
    }
}

.appointment-picker .section-time .cards .cards--container {
    height: 7.2rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .appointment-picker .section-time .cards .cards--container {
        width:26rem
    }
}

@media only screen and (min-width: 36em) {
    .stepper-page__content--split.container .appointment-picker .section-time .cards .cards--container {
        width:100%
    }
}

.appointment-picker .section-time .cards .cards-content__header {
    border: 1px solid;
    border-color: inherit;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    font-size: 1.6rem;
    height: 2.4rem;
    justify-content: center;
    margin: .8rem;
    text-align: center;
    width: 2.4rem
}

.appointment-picker .section-time .cards .cards-content__header i {
    display: none
}

.appointment-picker .section-time .cards .cards-radio:checked+.cards--container .cards-content__header i {
    display: block
}

.appointment-picker .section-time .cards .cards-content__body {
    flex: 1 0 auto;
    padding-left: 1.6rem
}

.appointment-picker .section-time .cards .cards-content__timing {
    font-size: 2.4rem;
    margin: .8rem
}

.appointment-picker .section-date .cards .cards--container {
    height: 15.6rem;
    width: 12.9rem
}

.appointment-picker .section-date .cards .cards--body--inner-container {
    flex-direction: column;
    justify-content: space-between
}

.appointment-picker .section-date .cards .cards-content__footer,.appointment-picker .section-date .cards .cards-content__header {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700
}

.appointment-picker .section-date .cards .cards-content__body {
    font-size: 4.8rem;
    line-height: 5.6rem;
    font-weight: 500
}

.appointment-picker .section-date .cards .cards-content__timing {
    margin-right: -.4rem;
    line-height: 3rem
}

.appointment-picker .section-date .cards .cards-content__timing i {
    margin-right: .4rem
}

.appointment-picker .section-date .cards .cards-content__timing i.disabled {
    opacity: .35
}

.appointment-picker--with-badge .nav-tabs {
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 36em) {
    .appointment-picker--with-badge .nav-tabs {
        margin-bottom:3.2rem
    }
}

.appointment-picker--with-badge .section-time .cards .cards-content__timing {
    font-size: 1.6rem
}

.appointment-picker--with-badge .section .cards .cards-slot {
    margin-right: 1.6rem
}

.appointment-picker--with-badge .nav-tabs>li>a {
    padding-top: 0
}

.appointment-picker--with-badge .card-date-with-value .cards-slider-button {
    margin: 0;
    padding: 0
}

.appointment-picker--with-badge .card-date-with-value .cards-slider-button.arrow--left,.appointment-picker--with-badge .card-date-with-value .cards-slider-button.arrow--right {
    display: none
}

@media only screen and (min-width: 36em) {
    .appointment-picker--with-badge .card-date-with-value .cards-slider-button.arrow--left,.appointment-picker--with-badge .card-date-with-value .cards-slider-button.arrow--right {
        display:block
    }
}

.appointment-picker--with-badge .card-date-with-value .cards-slider-button.arrow--left:after,.appointment-picker--with-badge .card-date-with-value .cards-slider-button.arrow--right:after {
    font-size: 1.6rem;
    top: 0;
    opacity: .8
}

.appointment-picker--with-badge .card-date-with-value .cards-slider-button.arrow--left {
    padding-right: 2rem
}

.appointment-picker--with-badge .card-date-with-value .cards-slider-button.arrow--left:after {
    left: 0
}

.appointment-picker--with-badge .card-date-with-value .cards-slider-button.slick-disabled {
    opacity: 0;
    cursor: default;
    pointer-events: none
}

.appointment-picker--with-badge .card-mini--with-icon-and-amount .cards-slider-button {
    margin: 0;
    padding: 0
}

.appointment-picker--with-badge .card-mini--with-icon-and-amount .cards-slider-button.arrow--left,.appointment-picker--with-badge .card-mini--with-icon-and-amount .cards-slider-button.arrow--right {
    display: none;
    padding-right: 0;
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .appointment-picker--with-badge .card-mini--with-icon-and-amount .cards-slider-button.arrow--left,.appointment-picker--with-badge .card-mini--with-icon-and-amount .cards-slider-button.arrow--right {
        display:block
    }
}

.appointment-picker--with-badge .card-mini--with-icon-and-amount .cards-slider-button.arrow--left:after,.appointment-picker--with-badge .card-mini--with-icon-and-amount .cards-slider-button.arrow--right:after {
    font-size: 1.6rem;
    top: -.8rem;
    opacity: .8
}

.appointment-picker--with-badge .card-mini--with-icon-and-amount .cards-slider-button.arrow--left {
    padding-right: 1.6rem
}

.appointment-picker--with-badge .card-mini--with-icon-and-amount .cards-slider-button.arrow--left:after {
    left: 0;
    top: .2rem
}

.appointment-picker--with-badge .card-mini--with-icon-and-amount .cards-slider-button.slick-disabled {
    opacity: 0;
    cursor: default;
    pointer-events: none
}

.appointment-picker--with-badge .section {
    padding: 0
}

.appointment-picker--with-badge .slick-list {
    width: calc(100% - 2rem)
}

.appointment-picker--with-badge .slick-list .slick-track {
    display: flex;
    align-items: center
}

.dob-field {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .dob-field {
        width:100%
    }
}

.dob-field .dob-label {
    display: none
}

.dob-field .date-field-day,.dob-field .date-field-year {
    flex: 1
}

.dob-field .date-field-day {
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .dob-field .date-field-day {
        margin-right:0
    }
}

.dob-field ::-moz-placeholder {
    padding-right: 2rem
}

.dob-field :-ms-input-placeholder {
    padding-right: 2rem
}

.dob-field ::placeholder {
    padding-right: 2rem
}

.dob-field__content {
    display: flex
}

.dob-field__content .form-helper,.dob-field__content label {
    cursor: inherit
}

.dob-field__content .dob-picker__month,.dob-field__content .dob-picker__selectdiv,.dob-field__content input {
    width: 100%;
    flex: 1;
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .dob-field__content .dob-picker__month,.dob-field__content .dob-picker__selectdiv,.dob-field__content input {
        width:100%;
        margin-right: 2rem
    }
}

.dob-picker__dropdowns select {
    background-color: inherit;
    color: #291d18;
    border: 0;
    border-bottom: .1rem solid #eeeded;
    border-radius: 0
}

.dob-picker__dropdowns select::-ms-expand {
    display: none
}

.dob-picker__dropdowns select:focus {
    outline: none
}

.dob-picker__dropdowns select option {
    color: #291d18
}

.dob-picker__dropdowns select option:focus {
    outline: none
}

.dob-picker__dropdowns select option[default] {
    display: none;
    margin-left: -2rem
}

.dob-picker__selectdiv {
    position: relative;
    margin: 0 1rem!important
}

.dob-picker__selectdiv.hidden-desktop {
    display: block!important
}

@media only screen and (min-width: 36em) {
    .dob-picker__selectdiv.hidden-desktop {
        display:none!important
    }
}

.dob-picker__selectdiv .dob-picker__dropdowns {
    position: relative;
    left: 0
}

.dob-picker__selectdiv:after {
    content: "";
    box-sizing: border-box;
    transition: all .3s cubic-bezier(.4,.25,.3,1);
    transform: translate(-50%,-50%) rotate(90deg) scaleX(1.2) scaleY(2);
    width: 0;
    color: #eeeded;
    right: 2rem;
    top: 2.2rem;
    height: 3.4rem;
    padding-bottom: .7rem;
    position: absolute;
    pointer-events: none;
    font-size: 1.4rem
}

@media only screen and (min-width: 36em) {
    .dob-picker__selectdiv:after {
        top:4.4rem
    }
}

.dob-picker__selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 4.9rem;
    float: right;
    padding: 0
}

.dob-picker__month {
    margin: 0 2rem
}

.dob-picker__month .select2-container .select2-choice>.select2-chosen {
    padding-top: .6rem
}

.dob-picker__month .formErrorInput {
    margin-top: auto
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .dob-picker__month .select2-container .select2-choice {
        padding-bottom: .7rem!important
    }

    .date-field-day {
        margin-right: 0
    }
}

@media only screen and (-ms-high-contrast:active) and (min-width: 36em),only screen and (-ms-high-contrast:none) and (min-width:36em) {
    .date-field-day {
        margin-right:2rem
    }
}

.date-picker {
    position: relative
}

.date-picker .mat-form-field-label {
    font-size: 1.8rem;
    line-height: 2rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    color: #291d18
}

.date-picker input {
    padding-right: 2.4rem
}

.date-picker .mat-datepicker-toggle {
    position: relative;
    display: flex
}

.date-picker .mat-datepicker-toggle .mat-button-wrapper {
    display: none
}

.date-picker .mat-datepicker-toggle .mat-icon-button {
    position: absolute;
    top: -5rem;
    right: 0;
    background: transparent;
    border-radius: 0
}

.date-picker .mat-datepicker-toggle .mat-icon-button:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.6rem;
    color: #291d18
}

.date-picker .mat-datepicker-toggle .mat-icon-button:hover:before {
    color: #ffc421
}

.date-picker .mat-datepicker-toggle.mat-datepicker-toggle-active .mat-icon-button:before {
    color: #ffc421
}

.mat-calendar {
    display: block;
    width: 38rem!important;
    max-width: 100vw;
    min-height: 26em;
    max-height: 28.25em;
    background: #fff;
    border-radius: .5rem
}

.mat-calendar .mat-calendar-header {
    padding: 0
}

.mat-calendar .mat-calendar-header .mat-calendar-controls {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1.2rem;
    border-bottom: .1rem solid #f7f6f6;
    margin: 0 0 2.4rem
}

.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-next-button:after,.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mat-calendar-arrow,.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-previous-button:after,.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-spacer {
    display: none
}

.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button {
    order: 2;
    background: transparent
}

.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-previous-button {
    order: 1;
    background: transparent
}

.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-previous-button:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif
}

.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-next-button {
    order: 3;
    background: transparent
}

.mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-next-button:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif
}

.mat-calendar .mat-calendar-table .mat-calendar-table-header th {
    padding: 0
}

.mat-calendar .mat-calendar-table .mat-calendar-table-header tr {
    text-transform: uppercase
}

.mat-calendar .mat-calendar-table .mat-calendar-body .mat-calendar-body-label {
    visibility: hidden
}

.mat-calendar .mat-calendar-table .mat-calendar-body .mat-calendar-body-cell .mat-calendar-body-cell-content {
    height: 3.2rem;
    width: 3.2rem;
    margin: .5rem;
    border-width: 0;
    font-size: 1.4rem
}

.mat-calendar .mat-calendar-table .mat-calendar-body .mat-calendar-body-cell.mat-calendar-body-active .mat-calendar-body-cell-content {
    border-width: 0;
    background: #ffc421;
    color: #fff
}

.mat-calendar .mat-calendar-table .mat-calendar-body .mat-calendar-body-cell:hover .mat-calendar-body-cell-content {
    border-width: .1rem;
    border-color: #ffc421
}

.mat-calendar .mat-calendar-table .mat-calendar-body .mat-calendar-body-cell.mat-calendar-body-disabled .mat-calendar-body-cell-content,.mat-calendar .mat-calendar-table .mat-calendar-body .mat-calendar-body-cell.mat-calendar-body-disabled:hover .mat-calendar-body-cell-content {
    border-width: 0;
    opacity: .5;
    pointer-events: none
}

.native-date-picker:before {
    content: attr(data-date)
}

.native-date-picker::-webkit-calendar-picker-indicator {
    right: 1.6rem
}

.dtp-trs-3 {
    transition: all .3s
}

.dtp-trs-5 {
    transition: all .5s
}

.dtp-i {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    vertical-align: top;
    position: relative;
    display: inline-block;
    fill: inherit
}

.dtp-i.dtp-i-90 {
    transform: rotate(90deg)
}

.dtp-i.dtp-i-180 {
    transform: rotate(180deg)
}

.dtp-i.dtp-i-270 {
    transform: rotate(270deg)
}

.dtp-calendar-container.rtl {
    direction: rtl
}

.dtp,.dtp-calendar-container.rtl {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.dtp {
    line-height: 1.42857143;
    color: #291d18
}

.dtp.rtl {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.dtp.rtl .master-input input {
    direction: ltr
}

.dtp-new-box,.dtp .click-out-container,.dtp ng-transclude {
    position: relative;
    display: block
}

.dtp-new-box {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: 1005;
    direction: ltr
}

.dtp-new-box .dtp-title {
    display: none
}

.dtp-new-box.active {
    opacity: 1;
    height: 20em
}

.dtp-new-box.active .dtp-title {
    display: block
}

.dtp-new-box.active .time-select-icon {
    transform: translate(0)
}

.dtp-new-box.active .content {
    opacity: 1
}

.dtp-new-box:after,.dtp-new-box:before {
    content: "";
    position: absolute;
    display: block;
    background: #f7f6f6;
    height: 100%;
    width: 1em;
    top: 0;
    z-index: 0
}

.dtp-new-box:after {
    left: -1em
}

.dtp-new-box:before {
    right: -1em
}

.dtp-new-box .calendar-icon,.dtp-new-box .content {
    transition: all .5s
}

.dtp-new-box .content {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0
}

.dtp-input {
    position: relative;
    display: table;
    border-collapse: separate
}

.dtp-input .icon-calendar {
    display: block;
    position: absolute;
    top: .6rem;
    right: 0;
    cursor: pointer
}

.dtp-input .icon-calendar.mobile {
    pointer-events: none;
    top: 1.4rem;
    z-index: 5;
    background-color: #fff
}

.dtp-input .icon-calendar:hover {
    color: #ffc421
}

.dtp-input .date-input-mobile {
    z-index: 10;
    border-radius: 0;
    padding: 1.2rem 0;
    min-height: 4.8rem
}

.dtp-input[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.dtp-input input {
    display: block;
    transition: all .15s
}

.dtp-input.open .dtp-ig .close-icon {
    transform: translateY(0)
}

.dtp-input.disable input[disabled] {
    background: #eeeded;
    color: #655c58
}

.dtp-input.disable>.remove-icon {
    display: none!important
}

.dtp-input.disable .dtp-ig {
    cursor: not-allowed
}

.dtp-box {
    position: absolute;
    display: block;
    width: 38rem;
    max-width: 100vw;
    min-height: 20em;
    max-height: 28.25em;
    border-radius: .5rem;
    background: #fff;
    overflow: hidden;
    z-index: 1005;
    transition: opacity .5s,height .5s
}

.dtp-box ::-moz-selection {
    background: #ffc421
}

.dtp-box ::selection {
    background: #ffc421
}

.dtp-box.square {
    height: 20em
}

.dtp-nav-section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.dtp-nav-section .arrow {
    width: 3rem;
    height: 2.4rem
}

.dtp-nav-section .arrow:before {
    content: "\003E";
    position: relative;
    float: right;
    top: 1.2rem;
    cursor: pointer;
    color: #291d18;
    font-size: 2rem;
    opacity: .6
}

.dtp-nav-section .arrow:hover:before {
    opacity: 1
}

.dtp-nav-section .arrow.left {
    margin-left: 2.4rem;
    margin-top: .4rem
}

.dtp-nav-section .arrow.left:before {
    left: 0;
    transform: translate(-50%,-50%) rotate(180deg) scaleY(1.75)
}

.dtp-nav-section .arrow.right {
    margin-right: 2.4rem;
    margin-top: -.4rem
}

.dtp-nav-section .arrow.right:before {
    right: 0;
    transform: translate(-50%,-50%) rotate(0deg) scaleY(1.75)
}

.dtp-box header,.dtp-new-box header {
    font-size: 1.2em;
    position: relative
}

.dtp-box header .dtp-title,.dtp-new-box header .dtp-title {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 500;
    padding: 2.4rem
}

.dtp-box header .dtp-title .icon-close,.dtp-new-box header .dtp-title .icon-close {
    float: right;
    margin-top: -.5rem;
    cursor: pointer
}

.dtp-box header .dtp-title .icon-close:before,.dtp-new-box header .dtp-title .icon-close:before {
    box-sizing: border-box;
    overflow: hidden;
    width: 2.5rem;
    height: 3rem
}

.dtp-box header .dtp-title .icon-calendar,.dtp-new-box header .dtp-title .icon-calendar {
    margin-right: 2.4rem
}

.dtp-box header .year-month {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    padding: 1em 0;
    z-index: 0;
    cursor: pointer;
    color: #291d18;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 400
}

.dtp-box .days-names {
    width: 100%;
    padding: 3rem 1.4rem 1.2rem
}

.dtp-box .dtp-days {
    width: 100%;
    min-height: 12em;
    padding: 0 1.4rem 1rem
}

.dtp-box .days-names>span,.dtp-box .dtp-days>span {
    width: 14.28571%;
    display: inline-block;
    text-align: center
}

.dtp-box .days-names>span {
    cursor: default
}

.dtp-box hr {
    margin: 0
}

.dtp-months {
    position: relative;
    display: block;
    width: 100%;
    transform: translateY(-50%)
}

.dtp-months.onYear span>span {
    width: calc(25% - .6rem)
}

.dtp-months.rtl span>span {
    float: right
}

.dtp-months span>span {
    width: calc(33% - .6rem);
    text-align: center;
    position: relative;
    display: block;
    float: left;
    margin: 1.8rem .3rem 0;
    cursor: pointer
}

.dtp-months span>span.selected,.dtp-months span>span:hover {
    font-weight: 700
}

.dtp-years p {
    margin: 0;
    cursor: pointer
}

.dtp-years p:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    border-bottom: .2rem solid #ececec;
    top: 1em;
    left: 0;
    z-index: -1;
    transition: all .3s
}

.dtp-years p:hover {
    font-weight: 700
}

.dtp-time {
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.dtp-time span {
    width: 33%;
    height: 3em;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 1.3em;
    vertical-align: middle;
    line-height: 3em
}

.dtp-time span.dtpIcon {
    cursor: pointer
}

.dtp-time span.dtpIcon svg {
    fill: #ffc421;
    height: 4.3rem;
    position: absolute;
    display: block;
    width: 100%;
    top: .2em;
    left: 0
}

.dtp-time span.dtpIcon:hover svg {
    fill: #ffc421
}

.dtp-time span.dtpIcon:hover:before {
    background: #ffc421
}

.dtp-time span.dtpIcon:active svg {
    fill: #ffc421
}

.dtp-time span.dtpIcon:active.up {
    margin-top: -.3rem
}

.dtp-time span.dtpIcon:active.down {
    margin-bottom: -.3rem
}

.dtp-time span.dtpIcon:before {
    transition: all .5s;
    padding: .8em 1em;
    border-radius: 1em
}

.dtp-time span.period {
    font-size: 2em
}

.dtp-days>span>span {
    margin: .5rem 1rem;
    padding: .5rem 0;
    border-radius: none;
    font-size: 1.4rem;
    line-height: 2rem;
    cursor: pointer;
    position: relative;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.dtp-days>span>span.disable {
    opacity: .5;
    cursor: default
}

.dtp-days>span>span:not(.disable):hover {
    border: .1rem solid #ffc421
}

.dtp-days>span>span.selected,.dtp-months .dtp-days>span>span:hover {
    background: #ffc421!important;
    color: #fff;
    border-radius: 50%
}

.dtp-days>span>span.valid {
    font-weight: 700;
    cursor: pointer
}

.dtp-days.loading>span>span {
    transform: rotateY(90deg) translateX(-1rem)
}

.dtp-icon-position {
    padding-right: .2rem;
    overflow: hidden
}

.dtp-tooltip-error {
    top: -7rem!important
}

.password-masking-outer span.masking-characters {
    line-height: 0
}

.password-container {
    max-width: 100%;
    text-align: left;
    margin: auto
}

.password-container .form-helper,.password-container label {
    line-height: 1.6;
    margin-bottom: 0
}

.password-container .password {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 1.6rem
}

.password-container .password input[type=password]::-ms-clear,.password-container .password input[type=password]::-ms-reveal {
    display: none
}

.password-container .password .icon-shown {
    position: absolute;
    right: 1rem;
    bottom: 1.2rem;
    overflow: hidden;
    cursor: pointer
}

.password-container .password .icon-hidden.change-login {
    right: 1rem;
    height: auto;
    width: auto
}

@media only screen and (min-width: 36em) {
    .password-container .password .icon-hidden.change-login {
        width:auto;
        bottom: 1.2rem
    }
}

.password-container .password .icon-hidden {
    position: absolute;
    right: 0;
    bottom: .8rem;
    overflow: hidden;
    margin-bottom: 1rem;
    width: 2.7rem;
    height: 3rem;
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .password-container .password .icon-hidden {
        width:2.5rem;
        bottom: 1.2rem
    }
}

.password-container__complexity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.4rem
}

.password-container__complexity--levels {
    display: flex
}

.password-container__complexity--levels.fair .level:first-child,.password-container__complexity--levels.fair .level:nth-child(2) {
    background-color: #f7945c
}

.password-container__complexity--levels.invalid .level:first-child {
    background-color: #c95942
}

.password-container__complexity--levels.strong .level:first-child,.password-container__complexity--levels.strong .level:nth-child(2),.password-container__complexity--levels.strong .level:nth-child(3) {
    background-color: #a6d9d9
}

.password-container__complexity--levels.very-strong .level:first-child,.password-container__complexity--levels.very-strong .level:nth-child(2),.password-container__complexity--levels.very-strong .level:nth-child(3),.password-container__complexity--levels.very-strong .level:nth-child(4) {
    background-color: #ffc421
}

.password-container__complexity--levels .level {
    margin-right: 1rem;
    height: .4rem;
    width: 5rem;
    border-radius: .4rem;
    background-color: #f7f6f6;
    box-shadow: inset 0 .1rem .3rem 0 rgba(0,0,0,.15)
}

@media only screen and (min-width: 36em) {
    .password-container__complexity--levels .level {
        width:8rem
    }
}

.password-container__complexity p {
    color: #655c58;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1.6rem
}

.password-container__criteria--list {
    display: flex;
    flex-wrap: wrap
}

.password-container__criteria--list .criteria {
    width: 100%;
    padding-right: 1rem;
    padding-bottom: .8rem
}

@media only screen and (min-width: 36em) {
    .password-container__criteria--list .criteria {
        width:auto
    }
}

.form-address--speedtest .form-address__box {
    display: block;
    justify-content: space-between
}

@media only screen and (min-width: 36em) {
    .form-address--speedtest .form-address__box {
        display:flex
    }
}

.form-address--speedtest .form-address__box__house {
    margin-bottom: 2rem;
    flex-basis: 48%
}

@media only screen and (min-width: 36em) {
    .form-address--speedtest .form-address__box__house {
        margin-bottom:0
    }
}

.form-address--speedtest .form-address__box__sub-house {
    flex-basis: 50%
}

.form-address--speedtest .form-address__bus {
    width: auto
}

@media only screen and (min-width: 36em) {
    .form-address--speedtest .form-address__bus {
        width:48%
    }
}

.address-container .AutoComplete {
    width: 100%;
    position: relative;
    height: 4.8rem;
    margin-bottom: 2rem
}

.address-container .AutoComplete .form-control,.address-container .AutoComplete .form__input {
    margin-bottom: 0
}

.address-container .AutoComplete .form-control.disabled,.address-container .AutoComplete .form-control:disabled,.address-container .AutoComplete .form-control[readonly],.address-container .AutoComplete .Form__input.disabled,.address-container .AutoComplete .Form__input:disabled,.address-container .AutoComplete .Form__input[readonly] {
    opacity: 1;
    background-color: hsla(0,0%,94.9%,.2)
}

.address-container .AutoComplete .AutoComplete-section {
    position: absolute;
    width: 100%;
    max-height: 18rem;
    border-radius: 0;
    z-index: 1006;
    overflow: auto
}

.address-container .AutoComplete .AutoComplete__list {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    padding: .5rem 1.5rem;
    border-bottom: .1rem solid #fac7ba;
    color: #291d18;
    cursor: pointer
}

.address-container .AutoComplete .AutoComplete__list:hover {
    font-weight: 700;
    color: #ffc421
}

.address-container .AutoComplete .AutoComplete__list .AutoComplete__list-item {
    padding: .2rem 0
}

.footer-item input.toggle[type=checkbox] {
    display: none
}

.footer-item .title {
    padding: 1.5rem;
    display: block;
    margin-top: -6rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all .4s;
    margin-bottom: 3rem
}

.footer-item .title:before {
    position: absolute;
    transform: translate(-50%,-50%) rotate(90deg) scaleX(1) scaleY(1.2);
    transition: all .3s cubic-bezier(.4,.25,.3,1);
    top: 3.6rem;
    right: 0;
    color: #291d18
}

@media only screen and (min-width: 36em) {
    .footer-item .title:before {
        display:none
    }
}

.footer-item .content {
    height: 0;
    overflow: hidden;
    border: solid #eeeded;
    border-width: 0 0 .1rem;
    padding-top: .5rem;
    transform: translateZ(0)
}

@media only screen and (min-width: 36em) {
    .footer-item .content {
        height:auto;
        border: none
    }
}

.footer-item .content .cmp-text a {
    margin-bottom: .8rem;
    font-size: 1.6rem;
    line-height: 2rem
}

.footer-item .content .cmp-text a:focus,.footer-item .content .cmp-text a:hover {
    text-decoration: underline
}

.footer-item input.toggle:checked+.title+.content {
    height: auto
}

.footer-item input.toggle:checked+.title:before {
    position: absolute;
    transform: translate(0) rotate(-90deg) scaleX(1) scaleY(1.2);
    transition: all .3s cubic-bezier(.4,.25,.3,1);
    right: 0;
    top: 2.5rem;
    color: #291d18
}

.footer-item h1 {
    font-weight: 900;
    margin-top: 1.5rem;
    line-height: 2rem
}

.dashboard-account-container {
    background: #fff;
    color: #291d18;
    width: 100%;
    padding: 3.2rem 0;
    box-sizing: inherit
}

.dashboard-account-container--without-credentials {
    padding: 2rem 0;
    background: transparent
}

@media only screen and (min-width: 36em) {
    .dashboard-account-container--without-credentials {
        padding:6rem 0 4rem
    }
}

.dashboard-account {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
    max-width: 113.2rem;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .dashboard-account {
        padding:0;
        flex-direction: row;
        align-items: center
    }
}

.dashboard-account .dashboard-account__header {
    padding-bottom: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 5.5rem;
    line-height: 1;
    font-weight: 500;
    color: #291d18
}

@media only screen and (min-width: 36em) {
    .dashboard-account .dashboard-account__header {
        padding-bottom:0
    }
}

.dashboard-account .dashboard-account__header.dashboard-account-container--without-credentials {
    margin: 0
}

@media only screen and (min-width: 36em) {
    .dashboard-account .dashboard-account__header.dashboard-account-container--without-credentials {
        margin:0
    }
}

.dashboard-account .dashboard-account__header.dashboard-account-container--without-credentials h1 {
    font-size: 4rem;
    line-height: 3.6rem;
    color: #291d18;
    text-transform: none
}

@media only screen and (min-width: 36em) {
    .dashboard-account .dashboard-account__header.dashboard-account-container--without-credentials h1 {
        font-size:5.6rem;
        line-height: 5.2rem
    }
}

.dashboard-account .dashboard-account__details {
    width: 100%;
    display: inline-block;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .dashboard-account .dashboard-account__details {
        width:auto;
        flex-direction: row;
        display: flex
    }
}

.dashboard-account .dashboard-account__details .account_info,.dashboard-account .dashboard-account__details .number_info {
    width: 47%;
    display: inline-flex;
    flex-direction: column;
    margin-right: 2%;
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .dashboard-account .dashboard-account__details .account_info,.dashboard-account .dashboard-account__details .number_info {
        width:auto;
        flex-direction: row;
        display: inline
    }
}

.dashboard-account .dashboard-account__details .account_info:last-child,.dashboard-account .dashboard-account__details .number_info:last-child {
    margin-right: 0;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .dashboard-account .dashboard-account__details .account_info:last-child,.dashboard-account .dashboard-account__details .number_info:last-child {
        text-align:right
    }
}

.dashboard-account .dashboard-account__details .account_info:first-child,.dashboard-account .dashboard-account__details .number_info:first-child {
    margin-bottom: 2rem;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .dashboard-account .dashboard-account__details .account_info:first-child,.dashboard-account .dashboard-account__details .number_info:first-child {
        margin-bottom:0;
        text-align: right
    }
}

.dashboard-account .dashboard-account__details .account_info .label-text,.dashboard-account .dashboard-account__details .number_info .label-text {
    font-size: 1.5rem;
    line-height: 1.4;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #655c58;
    text-transform: uppercase
}

.dashboard-account .dashboard-account__details .account_info .label-value,.dashboard-account .dashboard-account__details .number_info .label-value {
    font-size: 1.8rem;
    line-height: 1.4;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    color: #291d18
}

.header--eos-ecare {
    display: flex;
    justify-content: space-between;
    font-family: Interstate-Light,Arial,sans-serif;
    font-size: 2vw;
    color: hsla(0,0%,100%,.6);
    text-transform: uppercase
}

.overlayer .overlayer-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: .95;
    z-index: 1001
}

.overlayer .overlayer-mask.bg-white {
    background: #fff
}

.overlayer .overlayer-position {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 2rem;
    z-index: 1005;
    width: 100%;
    margin: auto;
    overflow: auto
}

@media only screen and (min-width: 36em) {
    .overlayer .overlayer-position {
        display:flex;
        padding: 1rem;
        bottom: 0
    }
}

.overlayer .overlayer-position .overlayer-cell {
    max-width: 113.2rem;
    box-sizing: border-box;
    width: 100%;
    padding: 1rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .overlayer .overlayer-position .overlayer-cell {
        display:flex;
        align-items: center;
        padding: 0;
        margin: auto
    }
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content {
    display: inline-block;
    width: 100%;
    max-height: 100%
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0
}

@media only screen and (min-width: 36em) {
    .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body {
        margin-top:0
    }
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .icon-close:before {
    position: absolute;
    top: 2rem;
    right: 2rem;
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .icon-close:before {
        right:2.5rem
    }
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .warning-section__header {
    font-size: 3.2rem;
    line-height: 1.2;
    color: #c95942;
    font-weight: 900;
    margin: .8rem 0
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .warning-section__description {
    font-size: 1.8rem;
    line-height: 1.4
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .warning-section__actions {
    display: flex;
    justify-content: center;
    margin: 3.6rem 0 .8rem;
    flex-direction: column;
    width: 100%;
    font-size: 2.4rem;
    color: red
}

@media only screen and (min-width: 36em) {
    .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .warning-section__actions {
        margin-top:4.2rem;
        flex-direction: row;
        width: auto
    }
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .warning-section__actions .button {
    margin: 0 0 .8rem
}

@media only screen and (min-width: 36em) {
    .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .warning-section__actions .button {
        margin:0 1rem
    }
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .warning-section .icon-close {
    position: fixed;
    right: 4rem;
    top: 4rem
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-close-button {
    display: none
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content {
    padding: 2rem;
    background: transparent;
    border-radius: 1rem
}

@media only screen and (min-width: 48.0625em) {
    .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content {
        padding:4rem 2rem
    }
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content__close {
    margin-top: 3.2rem;
    right: 2rem;
    line-height: 1;
    float: right;
    cursor: pointer;
    font-size: 2.2rem
}

@media only screen and (min-width: 48.0625em) {
    .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content__close {
        margin-top:0;
        position: fixed;
        left: 3.2rem;
        bottom: 0
    }
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .Title,.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content__title {
    display: flex;
    justify-content: center
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .Title-heading,.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content__title-heading {
    font-size: 2.8rem;
    color: #291d18
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay__action {
    width: 100%;
    text-align: center;
    margin-top: 2rem
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay__action .button,.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay__action .button:first-child {
    margin-right: 0;
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay__action .button,.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay__action .button:first-child {
        margin-right:2rem;
        margin-bottom: 0
    }
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay__action .button {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay__action .button {
        width:auto
    }
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay__action.align-center {
    text-align: center
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay__action.align-center .button {
    margin: 1rem
}

.overlayer .overlayer-position .overlayer-cell .overlayer-content .overlayer-body .overlay__content .overlay--message {
    text-align: center
}

.overlay {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 1005
}

@media only screen and (min-width: 36em) {
    .overlay {
        position:absolute
    }
}

@media only screen and (min-width: 48.0625em) {
    .overlay__full-width-divider {
        width:100vw;
        margin-left: calc((113.2rem - 100vw)/2)
    }
}

.overlay.overlay--sales__cart .cart-icon__section__content--heading {
    padding: 2.4rem;
    background: #ffc421;
    color: #fff;
    text-align: left;
    margin-top: 0
}

@media only screen and (min-width: 36em) {
    .overlay.overlay--sales__cart .cart-icon__section__content--heading {
        margin-top:1rem
    }
}

.overlay.overlay--sales__cart .sales-cart {
    margin-top: 0;
    padding: 0
}

@media only screen and (min-width: 36em) {
    .overlay.overlay--sales__cart .sales-cart {
        margin-top:2.5rem;
        padding: 0 2rem
    }
}

.overlay.overlay--sales__cart .sales-cart__section {
    border: .1rem solid #eeeded
}

.overlay.overlay--sales__cart .sales-cart__title {
    padding: 1rem 0
}

@media only screen and (min-width: 36em) {
    .overlay.overlay--sales__cart .sales-cart__title {
        padding:0
    }
}

.overlay.overlay--sales__cart .sales-cart-row__product--discount {
    text-align: left
}

.overlay.overlay--sales__cart .sales-cart-row__content__section__image {
    margin-right: .8rem
}

.overlay.overlay--sales__cart .sales-cart-row__content__section__desc {
    margin-right: 1rem
}

.overlay.overlay--sales__cart .sales-cart-row__content {
    padding: 0 2rem
}

.overlay.overlay--sales__cart .sales-cart-row__content__section {
    text-align: center
}

.overlay.overlay--sales__cart .sales-cart-row__content__discount {
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .overlay.overlay--sales__cart .sales-cart-row__content__discount {
        margin-left:.6rem
    }
}

.overlay.overlay--sales__cart .overlay__section__content--page {
    padding-top: 0
}

@media only screen and (min-width: 36em) {
    .overlay.overlay--sales__cart .overlay__section__content--page {
        padding-top:1rem
    }
}

.overlay.overlay--sales__cart .overlay__section__content__close {
    color: #fff;
    top: 1.5rem
}

@media only screen and (min-width: 36em) {
    .overlay.overlay--sales__cart .overlay__section__content__close {
        top:2.4rem
    }
}

.overlay.overlay--sales__cart .overlay__section__content--page {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .overlay.overlay--sales__cart .overlay__section__content--page {
        width:49rem
    }
}

.overlay.overlay--sales__cart .overlay__section {
    align-items: flex-end
}

.overlay.overlay--sales__cart .cart-icon__section__content--cart-info {
    position: relative;
    top: 13rem;
    padding: 0
}

@media only screen and (min-width: 48.0625em) {
    .overlay.overlay--sales__cart .cart-icon__section__content--cart-info {
        padding:4rem
    }
}

.overlay.overlay--sales__cart .overlay__section__content {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .overlay.overlay--sales__cart .overlay__section__content {
        padding:0
    }
}

.overlay.overlay--sales__cart .overlay__section__content--subtitle {
    color: #291d18;
    text-align: center;
    font-family: Helvetica,Verdana,Arial,Sans-serif
}

.overlay__mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 1006;
    transition: all .3s ease
}

.overlay__mask--sales {
    background: #ffc421
}

.overlay__mask--background-image {
    filter: blur(1.5rem);
    -webkit-filter: blur(1.5rem)
}

.overlay__mask--background-image,.overlay__section {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1007
}

.overlay__section {
    width: 100%;
    height: 100vh;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: auto
}

.overlay__section__content {
    max-width: 55.7rem;
    box-sizing: border-box;
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: center;
    background: transparent;
    overflow: auto
}

@media only screen and (min-width: 36em) {
    .overlay__section__content {
        padding:3.2rem;
        border-radius: 0
    }
}

.overlay__section__content--page {
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding-top: 5.5rem
}

@media only screen and (min-width: 36em) {
    .overlay__section__content--page {
        padding-top:5rem
    }
}

.overlay__section__content--page__heading {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.4rem;
    line-height: 1.4rem;
    margin-bottom: 6rem;
    color: #999391;
    text-transform: none
}

@media only screen and (min-width: 36em) {
    .overlay__section__content--page__heading {
        line-height:4.4rem;
        font-size: 3.2rem
    }
}

.overlay__section__content .form-helper,.overlay__section__content label {
    display: flow-root;
    text-align: left;
    margin-bottom: 0
}

.overlay__section__content p {
    text-align: left
}

.overlay__section__content--sales {
    max-width: 100%;
    background: #ffc421
}

.overlay__section__content__close {
    position: fixed;
    top: 2.8rem;
    right: 2.8rem;
    left: auto;
    float: inherit;
    font-size: 1.8rem;
    cursor: pointer;
    z-index: 1
}

.overlay__section__content__title {
    margin-bottom: 0!important
}

.overlay__section__content__sub-title {
    color: #291d18;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 500;
    margin-top: 0
}

@media only screen and (min-width: 36em) {
    .overlay__section__content__sub-title {
        font-size:2.4rem;
        line-height: 3.2rem
    }
}

.overlay__section__content__description {
    color: #291d18;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 500;
    margin-top: .4rem
}

@media only screen and (min-width: 36em) {
    .overlay__section__content__description {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.overlay__section__content__action {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding: 0 1.8rem
}

@media only screen and (min-width: 36em) {
    .overlay__section__content__action {
        flex-direction:row;
        padding: 0
    }
}

.overlay__section__content__action .button {
    width: auto;
    flex: 1 1 50%
}

@media only screen and (min-width: 36em) {
    .overlay__section__content__action .button {
        width:auto
    }
}

.overlay__section__content__action .button:not(:first-child) {
    margin-top: .6rem
}

@media only screen and (min-width: 36em) {
    .overlay__section__content__action .button:not(:first-child) {
        margin-left:.8rem;
        margin-top: 0
    }
}

.overlay--full-page .overlay__section {
    margin: 0
}

@media only screen and (min-width: 74.5em) {
    .overlay--full-page .overlay__section {
        margin:auto
    }
}

.overlay--full-page .overlay__section__content {
    position: relative;
    display: flex;
    width: 100vw;
    max-width: 55.7rem;
    height: 100vh;
    padding: 4.4rem;
    color: #fff;
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    background-size: cover
}

@media only screen and (min-width: 74.5em) {
    .overlay--full-page .overlay__section__content {
        height:52rem;
        width: 55.7rem;
        border-radius: .8rem
    }
}

.overlay--full-page .overlay__section__content .overlay__section__content__description {
    color: #fff;
    text-align: initial
}

.overlay--full-page .overlay__section__content .overlay__section__content__close {
    position: absolute;
    float: right;
    top: 2.2rem;
    right: 2.8rem;
    left: auto;
    cursor: pointer
}

.overlay--full-page .overlay__section__content .overlay__section__content__close .icon-close {
    position: relative;
    bottom: .3rem;
    padding-left: .9rem;
    float: right;
    font-size: 1.6rem
}

.overlay--full-page .overlay__section__content .overlay__section__content__close.icon-close:before {
    float: right;
    top: .3rem;
    position: relative;
    font-size: 1.6rem
}

.overlay--with-subTitle-bold .overlay__section__content {
    background: #fff
}

.overlay--with-subTitle-bold .overlay__section__content__sub-title {
    font-size: 2rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .overlay--with-subTitle-bold .overlay__section__content__sub-title {
        font-size:2.4rem
    }
}

.overlay--with-subTitle-bold .overlay__section__content__description {
    font-size: 1.6rem;
    line-height: 2rem
}

@media only screen and (min-width: 36em) {
    .overlay--with-subTitle-bold .overlay__section__content__description {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.overlay--page .overlay__mask {
    opacity: 1
}

.overlay--page .overlay__section {
    align-items: normal;
    justify-content: center;
    background: #fff
}

.overlay--page .overlay__section__content {
    max-width: 113.2rem;
    text-align: unset;
    box-shadow: none
}

.overlay--box-shadow-mobile .overlay__section__content,.overlay--column-reverse-mobile .overlay__section__content {
    padding: 2.4rem;
    margin-top: 6rem;
    margin-bottom: 3rem;
    border-radius: 0
}

@media only screen and (min-width: 36em) {
    .overlay--box-shadow-mobile .overlay__section__content,.overlay--column-reverse-mobile .overlay__section__content {
        padding:3.2rem;
        margin-top: 2rem;
        margin-bottom: 1rem
    }
}

.personal-info-overlay {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.personal-info-overlay__paragraph {
    margin-bottom: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .personal-info-overlay__paragraph {
        margin-bottom:3rem
    }
}

.personal-info-overlay .personal-title {
    margin-bottom: 3rem
}

.date-event .date-event__block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.6rem
}

.date-event .date-event__block .date-event__day {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 6.4rem;
    line-height: 6rem;
    margin-right: .8rem
}

@media only screen and (min-width: 48.0625em) {
    .date-event .date-event__block .date-event__day {
        font-size:6.4rem;
        line-height: 5.6rem;
        margin-right: .8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .date-event .date-event__block .date-event__day {
        font-size:10rem;
        line-height: 9.5rem;
        margin-right: 1.6rem
    }
}

.date-event .date-event__block .date-event__subblock {
    align-self: flex-end;
    margin-bottom: 1rem
}

@media only screen and (min-width: 74.5em) {
    .date-event .date-event__block .date-event__subblock {
        margin-bottom:2.7rem
    }
}

.image-circle__container img {
    border-radius: 50%;
    height: 28.8rem;
    width: 28.8rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media only screen and (min-width: 48.0625em) {
    .image-circle__container img {
        height:50rem;
        width: 50rem
    }
}

.image-circle__container-medium img {
    height: 29.8rem;
    width: 29.8rem
}

@media only screen and (min-width: 48.0625em) {
    .image-circle__container-medium img {
        height:28.9rem;
        width: 28.9rem
    }
}

@media only screen and (min-width: 74.5em) {
    .image-circle__container-medium img {
        height:44rem;
        width: 44rem
    }
}

.image-circle__container-small img {
    height: 28.8rem;
    width: 28.8rem
}

@media only screen and (min-width: 48.0625em) {
    .image-circle__container-small img {
        height:28.9rem;
        width: 28.9rem
    }
}

@media only screen and (min-width: 74.5em) {
    .image-circle__container-small img {
        height:44rem;
        width: 44rem
    }
}

.image-circle__container-extra-small img {
    height: 9.4rem;
    width: 9.4rem
}

@media only screen and (min-width: 48.0625em) {
    .image-circle__container-extra-small img {
        height:20.8rem;
        width: 20.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .image-circle__container-extra-small img {
        height:32rem;
        width: 32rem
    }
}

.image-circle--with-text {
    display: flex;
    flex-direction: column-reverse;
    text-align: right
}

@media only screen and (min-width: 48.0625em) {
    .image-circle--with-text {
        flex-direction:column-reverse;
        text-align: left
    }
}

.image-circle--with-text .image-circle__text {
    margin-top: 0;
    margin-right: 10.6rem;
    max-width: 18.2rem
}

@media only screen and (min-width: 48.0625em) {
    .image-circle--with-text .image-circle__text {
        margin-top:12rem;
        margin-right: 0;
        max-width: 20.2rem;
        width: 20.2rem
    }
}

.image-circle--with-text .image-circle__text .image-circle__text--name {
    font-weight: 700;
    font-size: 1.6rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.image-circle--with-text .image-circle__text .image-circle__text--company {
    font-weight: 700;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-transform: uppercase
}

.image-circle--partial-display .image-circle__container {
    margin-right: -7rem;
    margin-top: -13.6rem;
    text-align: right
}

@media only screen and (min-width: 48.0625em) {
    .image-circle--partial-display .image-circle__container {
        margin-top:-2.9rem;
        margin-right: 0;
        text-align: left
    }
}

@media only screen and (min-width: 74.5em) {
    .image-circle--partial-display .image-circle__container {
        margin-top:-4rem;
        margin-right: 0;
        text-align: left
    }
}

.image-circle--partial-display.image-circle--with-text .image-circle__text {
    margin-top: .8rem;
    margin-right: 1.5rem;
    max-width: unset
}

@media only screen and (min-width: 48.0625em) {
    .image-circle--partial-display.image-circle--with-text .image-circle__text {
        margin-top:0;
        margin-right: 4.5rem;
        align-self: flex-end;
        text-align: right
    }
}

@media only screen and (min-width: 74.5em) {
    .image-circle--partial-display.image-circle--with-text .image-circle__text {
        margin-top:0;
        margin-right: 4rem;
        align-self: flex-end;
        text-align: right
    }
}

.image-circle--partial-display.image-circle--with-text .image-circle__container {
    margin-right: -7rem;
    margin-top: -13.6rem
}

@media only screen and (min-width: 48.0625em) {
    .image-circle--partial-display.image-circle--with-text .image-circle__container {
        margin-top:-6.4rem;
        margin-right: 0
    }
}

@media only screen and (min-width: 74.5em) {
    .image-circle--partial-display.image-circle--with-text .image-circle__container {
        margin-top:-11rem;
        margin-right: 0
    }
}

.image-description__card {
    align-items: center
}

.image-description__card,.image-description__card__info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

.image-description__card__info {
    top: -1.4rem;
    right: 1rem;
    width: 2.6rem;
    height: 2.6rem;
    background: #ffc421;
    border-radius: 50%;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #fff
}

.image-description__card__image {
    width: 8.4rem;
    height: 8.4rem;
    display: flex;
    flex-direction: column;
    padding: 3rem 3.2rem;
    border: .2rem solid rgba(35,154,152,.32);
    border-radius: 1.4rem;
    background-color: rgba(35,154,152,.04);
    margin: 0 2rem 1rem 2.2rem;
    align-items: center;
    justify-content: center
}

.image-description__card__image img {
    max-width: 7rem
}

.image-description__card__label {
    color: #999391;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.1rem;
    text-align: left
}

.group-cards-input {
    display: flex;
    flex-direction: column
}

.group-cards-input .group {
    padding: 0
}

.group-cards-input .group__title {
    margin: 2rem 0 1.6rem
}

.group-cards-input .group__title.animation-show-slide-up {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.group-cards-input .group .cards {
    align-items: center
}

.group-cards-input .group .cards .cards-slot {
    margin: 0 .8rem .8rem 0
}

@media only screen and (min-width: 36em) {
    .group-cards-input .group .cards .cards-slot {
        margin:0 2rem 2rem 0
    }
}

.group-cards-input .group .cards .cards-slot.animation-show-slide-up {
    -webkit-animation-delay: calc(.3s + var(--animation-delay)*0.1s);
    animation-delay: calc(.3s + var(--animation-delay)*0.1s)
}

.group-cards-input .group .cards .cards-radio {
    position: absolute;
    display: none
}

.group-cards-input .group .cards .cards-radio__label {
    cursor: inherit;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.group-cards-input .group .cards .cards--container {
    display: flex;
    flex-shrink: 0;
    height: 7.2rem;
    width: 100%
}

.group-cards-input .group .cards .cards--container.disabled {
    opacity: .4
}

.group-cards-input .group .cards .cards--container.disabled .form-helper,.group-cards-input .group .cards .cards--container.disabled label {
    display: none
}

.group-cards-input .group .cards .cards-radio:checked+.cards--container {
    background-color: #fff;
    color: #291d18
}

.group-cards-input .group .cards .cards-radio:checked+.cards--container [class=cards--body--inner-container] {
    box-shadow: inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
}

.group-cards-input .group .cards .cards-radio:disabled+.cards--container {
    cursor: default
}

.group-cards-input .group .cards .cards-radio:hover+.cards--container [class=cards--body--inner-container] {
    box-shadow: inset 0 0 0 .1rem #ffc421
}

.group-cards-input .group .cards .cards--body {
    display: flex;
    flex: 1 0 auto;
    padding: 0
}

.group-cards-input .group .cards .cards--body--inner-container {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    padding: 1.6rem;
    position: relative
}

.group-cards-input .group .cards .cards--body--inner-container>div {
    z-index: 1
}

.group-cards-input .group--mini .cards .cards-slot {
    width: 100%
}

.group-cards-input .group--mini .cards .cards--container {
    display: flex;
    flex-shrink: 0;
    height: 7.2rem;
    width: 100%
}

.group-cards-input .group--mini .cards .cards--container.disabled {
    opacity: .4
}

.group-cards-input .group--mini .cards .cards--container.disabled .form-helper,.group-cards-input .group--mini .cards .cards--container.disabled label {
    display: none
}

.group-cards-input .group--mini .cards .cards--container .cover {
    align-items: center
}

.group-cards-input .group--mini .cards .cards-content__header {
    border: 1px solid;
    border-color: inherit;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    font-size: 1.6rem;
    height: 2.4rem;
    justify-content: center;
    text-align: center;
    width: 2.4rem
}

@media only screen and (min-width: 36em) {
    .group-cards-input .group--mini .cards .cards-content__header {
        margin:.8rem
    }
}

.group-cards-input .group--mini .cards .cards-content__header i {
    display: none
}

.group-cards-input .group--mini .cards .cards-radio:checked+.cards--container .cards-content__header i {
    display: block
}

.group-cards-input .group--mini .cards .cards-content__body {
    flex: 1 0 auto;
    padding-left: 1.6rem
}

.group-cards-input .group--mini .cards .cards-content__body .cards-content__body-label,.group-cards-input .group--mini .cards .cards-content__body .cards-content__body-range {
    width: 60%
}

.group-cards-input .group--mini .cards .cards-content__type {
    font-size: 2.4rem;
    margin: .8rem
}

.group-cards-input .group--mini__with-icons .cards {
    display: flex;
    flex-wrap: wrap
}

.group-cards-input .group--mini__with-icons .cards .cards-slot {
    margin: 0 .8rem .8rem 0;
    width: 26.5rem
}

@media only screen and (min-width: 36em) {
    .group-cards-input .group--mini__with-icons .cards .cards-slot {
        margin:0 2rem 2rem 0
    }
}

.group-cards-input .group--square .group__title {
    text-align: center
}

.group-cards-input .group--square .cards-slot {
    width: 45%
}

@media only screen and (min-width: 36em) {
    .group-cards-input .group--square .cards-slot {
        width:26.5rem
    }
}

.group-cards-input .group--square .cards {
    display: flex;
    justify-content: space-evenly;
    align-items: stretch
}

@media only screen and (min-width: 36em) {
    .group-cards-input .group--square .cards {
        justify-content:center
    }
}

.group-cards-input .group--square .cards .cards-radio {
    position: absolute;
    visibility: hidden
}

.group-cards-input .group--square .cards .cards-radio__label {
    cursor: inherit;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.group-cards-input .group--square .cards .cards--container {
    display: flex;
    flex-shrink: 0;
    margin: 0 .8rem .8rem 0;
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .group-cards-input .group--square .cards .cards--container {
        margin:0 2rem 2rem 0;
        width: 26.5rem
    }
}

.group-cards-input .group--square .cards .cards--container.disabled {
    opacity: .4
}

.group-cards-input .group--square .cards .cards-radio:checked+.cards--container [class*=cards-content__] {
    color: inherit
}

.group-cards-input .group--square .cards .cards-radio:disabled+.cards--container {
    cursor: default
}

.group-cards-input .group--square .cards .cards--body {
    flex: 1 0 35%;
    padding: 0;
    justify-content: flex-end
}

.group-cards-input .group--square .cards .cards--body--inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: relative;
    width: 100%
}

.group-cards-input .group--square .cards-content__header,.group-cards-input .group--square .cards-content__header i {
    display: none
}

.group-cards-input .group--square .cards-radio:checked+.cards--container .cards-content__header i {
    display: block
}

.group-cards-input .group--square .cards-content__image {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    width: 100%;
    height: auto;
    min-height: 18rem;
    border-bottom: 1px solid #ccc;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .group-cards-input .group--square .cards-content__image {
        min-height:22.4rem
    }
}

.group-cards-input .group--square .cards-content__image img {
    width: 80%;
    max-width: 11rem;
    height: auto;
    margin: 2.4rem auto 1.5rem
}

.group-cards-input .group--square .cards-content__image svg {
    height: auto;
    margin: 2.4rem 0 1.5rem;
    max-width: 11rem;
    width: 11rem
}

.group-cards-input .group--square .cards-content__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 6.4rem;
    padding: 1.1rem 1.6rem;
    text-align: center;
    width: 80%
}

.group-cards-input .group--square.group--square__small .group__title {
    text-align: initial
}

.group-cards-input .group--square.group--square__small .cards {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch
}

.group-cards-input .group--square.group--square__small .cards .cards-slot {
    margin: 0 1rem .8rem 0;
    width: 14rem
}

@media only screen and (min-width: 36em) {
    .group-cards-input .group--square.group--square__small .cards .cards-slot {
        margin:0 1rem 1rem 0;
        width: 14rem
    }
}

.group-cards-input .group--square.group--square__small .cards .cards-slot:last-child {
    margin: 0 0 1rem
}

.group-cards-input .group--square.group--square__small .cards .cards--container {
    display: flex;
    flex-shrink: 0;
    height: 100%;
    width: 14rem
}

@media only screen and (min-width: 36em) {
    .group-cards-input .group--square.group--square__small .cards .cards--container {
        width:14rem
    }
}

.group-cards-input .group--square.group--square__small .cards-content__image {
    min-height: 13.5rem
}

@media only screen and (min-width: 36em) {
    .group-cards-input .group--square.group--square__small .cards-content__image {
        min-height:14rem
    }
}

.group-cards-input .group--square.group--square__small .cards-content__image img,.group-cards-input .group--square.group--square__small .cards-content__image svg {
    width: 80%;
    max-width: 8rem
}

.group-cards-input .group--square.group--square__small .cards-content__body {
    width: 14rem;
    min-height: 3.4rem;
    padding: .4rem .6rem
}

.Panel {
    background-color: var(--panelbackgroundcolor,transparent);
    padding: 0;
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .Panel {
        padding:0
    }
}

.Panel .login-message {
    padding: 0
}

.Panel-title {
    font-size: 1.6rem;
    line-height: 1.2;
    text-transform: none;
    color: #ffc421
}

.customer-zone-link {
    height: 4rem;
    margin: 0 2rem;
    padding: 0 1.5rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 48.0625em) {
    .customer-zone-link {
        height:7rem;
        margin: 0
    }
}

.customer-zone-link a {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.customer-zone-link a:hover {
    color: #fff
}

.header-search {
    position: relative;
    top: 0;
    right: 0
}

@media only screen and (min-width: 36em) {
    .header-search {
        position:absolute
    }
}

.header-search .header-search--form {
    width: 0;
    display: none
}

.header-search .header-search--form .header-search--input {
    width: 15rem;
    border: 0;
    background: transparent;
    color: #291d18;
    outline-style: none;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.header-search .header-search--form .header-search--input::-webkit-input-placeholder {
    opacity: .5;
    color: #fff
}

.header-search .header-search--form .header-search--input::-moz-placeholder {
    opacity: .5;
    color: #fff
}

.header-search .header-search--form .header-search--input:-ms-input-placeholder {
    opacity: .5;
    color: #fff
}

.header-search .header-search--form .header-search--input:-moz-placeholder {
    opacity: .5;
    color: #fff
}

.header-search .header-search--form .header-search--button {
    border: none
}

.header-search.open .header-search--form {
    transition: width .7s ease;
    will-change: width;
    width: 20rem;
    display: inline-block
}

.header-search.open .header-search--icon {
    display: none
}

.header-search.open .header-search--icon:before {
    content: ""
}

.header-search .icon-search {
    background-color: #291d18;
    color: #fff;
    cursor: pointer
}

.header-search .SearchBar-form {
    position: static;
    width: 2.4rem;
    transition: width .4s ease;
    will-change: width;
    min-width: 0;
    height: auto;
    background-color: transparent
}

@media only screen and (min-width: 36em) {
    .header-search .SearchBar-form {
        min-width:auto;
        width: 4rem
    }
}

.header-search .SearchBar-form.searchBar-form-focus {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 6rem;
    z-index: 3;
    padding: 0 2rem;
    background-color: #fff
}

@media only screen and (min-width: 36em) {
    .header-search .SearchBar-form.searchBar-form-focus {
        position:static;
        height: auto;
        width: calc(95vw - 19.2rem)
    }
}

@media only screen and (min-width: 113.2rem) {
    .header-search .SearchBar-form.searchBar-form-focus {
        width:97.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .header-search .SearchBar-form.searchBar-form-focus {
        width:91.2rem
    }
}

.header-search .SearchBar-form .searchBar--input {
    box-sizing: border-box;
    border: 0;
    background: transparent;
    color: #291d18;
    outline-style: none;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.2rem;
    transition: width .4s ease;
    will-change: width;
    width: 0;
    display: none
}

.header-search .SearchBar-form .searchBar--input.searchBar-form-focus {
    width: calc(100% - 3rem);
    padding: 0 .8rem;
    display: inline-block;
    top: 0;
    position: relative
}

@media only screen and (min-width: 48.0625em) {
    .header-search .SearchBar-form .searchBar--input.searchBar-form-focus {
        position:relative;
        top: 0;
        width: calc(100% - 6.5rem)
    }
}

.header-search .SearchBar-form .searchBar--input::-moz-placeholder {
    opacity: .5;
    color: #291d18
}

.header-search .SearchBar-form .searchBar--input:-ms-input-placeholder {
    opacity: .5;
    color: #291d18
}

.header-search .SearchBar-form .searchBar--input::placeholder {
    opacity: .5;
    color: #291d18
}

.header-search .SearchBar-form .searchBar--label.form-helper,.header-search .SearchBar-form label.searchBar--label {
    position: relative;
    transform: scaleX(1);
    top: 0;
    right: 0;
    margin-bottom: 0;
    cursor: pointer;
    z-index: 2;
    transition: width .5s ease;
    will-change: width;
    font-size: 2rem;
    font-weight: 400
}

@media only screen and (min-width: 36em) {
    .header-search .SearchBar-form .searchBar--label.form-helper,.header-search .SearchBar-form label.searchBar--label {
        right:1rem;
        top: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .header-search .SearchBar-form .searchBar--label.form-helper,.header-search .SearchBar-form label.searchBar--label {
        right:1rem;
        top: .2rem
    }
}

.header-search .SearchBar-form .searchBar--label.no-width.form-helper,.header-search .SearchBar-form label.searchBar--label.no-width {
    width: .1rem
}

.header-search .SearchBar-form .searchBar--label.form-helper a,.header-search .SearchBar-form label.searchBar--label a {
    position: relative;
    transform: scaleX(1);
    top: 0;
    right: 0;
    border: none;
    height: 2.5rem;
    width: 2.2rem;
    font-size: 2rem;
    cursor: pointer;
    color: #291d18;
    background: #fff;
    transition: opacity .3s ease-out;
    will-change: opacity;
    display: inline-block
}

.header-search .SearchBar-form .searchBar--label.form-helper a:hover,.header-search .SearchBar-form label.searchBar--label a:hover {
    opacity: .5
}

.header-search .SearchBar-form a.searchBar--button {
    position: relative;
    transform: scaleX(1);
    top: 0;
    right: .5rem;
    border: none;
    height: 2.4rem;
    font-size: 2rem;
    cursor: pointer;
    color: #291d18;
    background: #fff;
    transition: opacity .3s ease-out;
    will-change: opacity;
    overflow: hidden;
    z-index: 2
}

@media only screen and (min-width: 36em) {
    .header-search .SearchBar-form a.searchBar--button {
        right:0;
        top: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .header-search .SearchBar-form a.searchBar--button {
        right:0;
        top: 0
    }
}

.header-search .SearchBar-form a.searchBar--button:hover {
    opacity: .5
}

.header-search .SearchBar-form a.searchBar--button.icon-close {
    top: 0;
    display: inline-block
}

.header-search .SearchBar-form a.searchBar--button.icon-close.visible {
    width: 2rem;
    height: 2.4rem;
    box-sizing: inherit;
    overflow: inherit;
    font-size: 1.6rem
}

.header-search .SearchBar-form a.searchBar--button .icon-search {
    color: #291d18;
    background: #fff
}

.header-search .SearchBar-form a.searchBar--button.visible {
    visibility: visible
}

.header-search .SearchBar-form .SearchBar-text {
    display: none;
    margin-top: .5rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #291d18
}

@media only screen and (min-width: 48.0625em) {
    .header-search .SearchBar-form .SearchBar-text {
        display:none;
        margin-top: auto
    }
}

.header-search--fullwidth .searchBar--input.form__input {
    max-width: 100%
}

.header-search--fullwidth .dropdown-suggest {
    display: block
}

.header-search--fullwidth .dropdown-suggest.dropdown-suggest--search .dropdown-suggest__menu {
    top: 0
}

.header-telephone .header-telephone-desktop {
    display: none
}

@media only screen and (min-width: 36em) {
    .header-telephone .header-telephone-desktop {
        display:block;
        font-size: 1.5rem;
        line-height: 1.6rem;
        padding: .4rem .8rem;
        box-sizing: border-box
    }

    .header-telephone .header-telephone-desktop .header-telephone-number {
        font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
    }
}

@media only screen and (min-width: 74.5em) {
    .header-telephone .header-telephone-desktop {
        display:block;
        font-size: 1.5rem;
        line-height: 1.6rem;
        padding: .4rem .8rem;
        box-sizing: border-box
    }

    .header-telephone .header-telephone-desktop .header-telephone-number {
        font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
    }
}

.header-telephone .header-telephone-mobile {
    display: block
}

@media only screen and (min-width: 36em) {
    .header-telephone .header-telephone-mobile {
        display:none
    }
}

@media only screen and (min-width: 74.5em) {
    .header-telephone .header-telephone-mobile {
        display:none
    }
}

.header-mail .icon-email {
    content: " ";
    height: 2.2rem;
    width: auto;
    text-decoration: none;
    color: #291d18;
    font-size: 2.2rem;
    box-sizing: border-box;
    overflow: hidden
}

.header-yellow-fellow {
    text-align: center
}

.header-yellow-fellow ::-moz-selection {
    color: inherit;
    background: none
}

.header-yellow-fellow ::selection {
    color: inherit;
    background: none
}

.header-yellow-fellow .Header-container {
    margin-top: -3rem
}

@media only screen and (min-width: 36em) {
    .header-yellow-fellow .Header-container {
        margin-top:0
    }
}

.header-yellow-fellow .header-yellow-fellow--back {
    position: absolute;
    top: 1.5rem;
    left: 0;
    vertical-align: middle;
    width: 9%;
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .header-yellow-fellow .header-yellow-fellow--back {
        top:3.2rem;
        left: 3rem;
        width: 3%
    }

    .header-yellow-fellow .header-yellow-fellow--back span {
        display: block!important
    }
}

.header-yellow-fellow .header-yellow-fellow--back span {
    display: none
}

.header-yellow-fellow .header-yellow-fellow--back a {
    color: #bab6b5
}

.header-yellow-fellow .header-yellow-fellow--back .text-flow--label {
    margin-left: 3.5rem;
    top: 0
}

@media only screen and (min-width: 36em) {
    .header-yellow-fellow .header-yellow-fellow--back .text-flow--label {
        margin-left:1rem;
        top: .3rem
    }
}

.header-yellow-fellow .header-yellow-fellow--next {
    position: absolute;
    top: 1.5rem;
    right: 0;
    vertical-align: middle;
    width: 7%;
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .header-yellow-fellow .header-yellow-fellow--next {
        top:3.2rem;
        right: 3rem;
        width: 3%
    }

    .header-yellow-fellow .header-yellow-fellow--next span {
        display: block!important
    }
}

.header-yellow-fellow .header-yellow-fellow--next span {
    display: none
}

.header-yellow-fellow .header-yellow-fellow--next a {
    color: #bab6b5
}

.header-yellow-fellow .header-yellow-fellow--next .text-flow--label {
    margin-right: 7.5rem;
    top: 0
}

@media only screen and (min-width: 36em) {
    .header-yellow-fellow .header-yellow-fellow--next .text-flow--label {
        margin-right:5.5rem;
        top: .3rem
    }
}

.header-yellow-fellow .logo {
    position: relative;
    margin: 2.5rem 0 0
}

@media only screen and (min-width: 36em) {
    .header-yellow-fellow .logo {
        margin:5.2rem 0 4rem
    }
}

.login-base {
    padding: 0 2rem 2rem;
    justify-content: space-between
}

@media only screen and (min-width: 48.0625em) {
    .login-base {
        padding:0 5rem 0 0;
        justify-content: normal
    }
}

.login-base__user .user-icon {
    height: 2.4rem;
    width: 2.4rem;
    margin-right: 1rem;
    background-color: #eeeded;
    color: #766f6b;
    border-radius: 50%
}

.login-base__user .user-name {
    max-width: 20rem;
    margin-right: 1rem;
    font-size: 1.4rem;
    line-height: 2rem;
    font-family: Helvetica,Verdana,Arial,Sans-serif;
    color: #ffc421;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media only screen and (min-width: 36em) {
    .login-base__user .user-name {
        max-width:20rem
    }
}

.login-base__logout {
    color: #333;
    font-size: 1.4rem
}

.cmp-header-login .Block__login,.header-login {
    display: flex;
    flex-direction: column;
    position: relative
}

.cmp-header-login .Block__login a,.header-login a {
    display: inline-block
}

.cmp-header-login .Block__login .login-profile,.header-login .login-profile {
    cursor: pointer
}

.cmp-header-login .Block__login .login-profile__icon,.header-login .login-profile__icon {
    box-sizing: border-box;
    font-size: 2rem;
    width: 2.6rem;
    height: 2.6rem;
    border: none;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .1rem
}

.cmp-header-login .Block__login .login-profile__icon.icon-avatar-role:before,.header-login .login-profile__icon.icon-avatar-role:before {
    color: #d8d8d8
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-profile__close,.header-login .login-profile__close {
        display:none
    }
}

.cmp-header-login .Block__login .login-profile__close.visible,.header-login .login-profile__close.visible {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    width: 3rem;
    background: #fff;
    position: absolute;
    top: 0;
    right: -4.5rem;
    z-index: 5
}

.cmp-header-login .Block__login .login-profile__close-icon,.header-login .login-profile__close-icon {
    background: transparent;
    height: .2rem;
    position: relative;
    transition: background .2s ease-out;
    width: 2.4rem
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-profile__close-icon,.header-login .login-profile__close-icon {
        display:none
    }
}

.cmp-header-login .Block__login .login-profile__close-icon.visible,.header-login .login-profile__close-icon.visible {
    display: block
}

.cmp-header-login .Block__login .login-profile__close-icon:after,.cmp-header-login .Block__login .login-profile__close-icon:before,.header-login .login-profile__close-icon:after,.header-login .login-profile__close-icon:before {
    background: #291d18;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%
}

.cmp-header-login .Block__login .login-profile__close-icon:before,.header-login .login-profile__close-icon:before {
    transform: rotate(-45deg)
}

.cmp-header-login .Block__login .login-profile__close-icon:after,.header-login .login-profile__close-icon:after {
    transform: rotate(45deg)
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-profile__hide-contents,.header-login .login-profile__hide-contents {
        display:none
    }
}

.cmp-header-login .Block__login .login-profile__hide-contents.visible,.header-login .login-profile__hide-contents.visible {
    display: flex;
    width: 10rem;
    left: -8rem;
    z-index: 5;
    background: #fff;
    height: 4rem;
    position: absolute;
    transition: background .2s ease-out
}

.cmp-header-login .Block__login .login-profile__username,.header-login .login-profile__username {
    display: none;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.6rem;
    font-weight: 500
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-profile__username,.header-login .login-profile__username {
        display:inline-flex;
        align-items: center;
        max-width: 7rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (min-width: 48.0625em) {
    .cmp-header-login .Block__login .login-profile__username,.header-login .login-profile__username {
        max-width:19rem
    }

    .telenet-header--internal-customer-service .cmp-header-login .Block__login .login-profile__username,.telenet-header--internal-customer-service .header-login .login-profile__username {
        max-width: 28rem
    }
}

.cmp-header-login .Block__login .login-profile__arrow,.header-login .login-profile__arrow {
    display: none;
    margin-left: 1.6rem;
    margin-bottom: .5rem
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-profile__arrow,.header-login .login-profile__arrow {
        display:inline-block;
        box-sizing: border-box;
        height: .8rem;
        width: .8rem;
        margin-top: .4rem;
        margin-left: 1rem;
        margin-bottom: .7rem;
        vertical-align: middle;
        border-color: #291d18;
        border-style: solid;
        border-width: 0 .15rem .15rem 0;
        transform: rotate(45deg);
        transition: border-width .15s ease-in-out
    }
}

.cmp-header-login .Block__login .login-profile.open .login-profile__arrow,.cmp-header-login .Block__login .login-profile:hover .login-profile__arrow,.header-login .login-profile.open .login-profile__arrow,.header-login .login-profile:hover .login-profile__arrow {
    transform: rotate(-135deg);
    margin-top: .7rem
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .Block__visualincentive,.header-login .Block__visualincentive {
        top:3.5rem;
        left: -3rem
    }
}

.cmp-header-login .Block__login .login-menu,.header-login .login-menu {
    display: none;
    background: #fff
}

.cmp-header-login .Block__login .login-menu.open,.header-login .login-menu.open {
    border-radius: 0;
    top: 3rem;
    margin-top: .8rem;
    padding: 1.1rem;
    position: absolute;
    display: block;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    right: -5.6rem;
    z-index: 1001
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-menu.open,.header-login .login-menu.open {
        right:0;
        top: auto;
        left: -1rem;
        width: 22rem;
        height: auto;
        margin-top: 0
    }
}

.cmp-header-login .Block__login .login-menu ul.login-menu__links,.header-login .login-menu ul.login-menu__links {
    display: flex;
    flex-direction: column;
    list-style: none
}

.cmp-header-login .Block__login .login-menu ul.login-menu__links li,.header-login .login-menu ul.login-menu__links li {
    padding: unset
}

.cmp-header-login .Block__login .login-menu ul.login-menu__links li:not(:last-child),.header-login .login-menu ul.login-menu__links li:not(:last-child) {
    border-bottom: 0
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-menu ul.login-menu__links li:not(:last-child),.header-login .login-menu ul.login-menu__links li:not(:last-child) {
        border-bottom:unset;
        margin-bottom: .8rem
    }
}

.cmp-header-login .Block__login .login-menu ul.login-menu__links a.link,.header-login .login-menu ul.login-menu__links a.link {
    position: relative;
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 100%;
    padding: 1.6rem 0;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-menu ul.login-menu__links a.link,.header-login .login-menu ul.login-menu__links a.link {
        padding:.8rem 1rem;
        border-bottom: unset;
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.cmp-header-login .Block__login .login-menu ul.login-menu__links a.link:after,.header-login .login-menu ul.login-menu__links a.link:after {
    content: "";
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    top: 50%;
    right: 0;
    transform: translate(-.3rem,-50%) rotate(-45deg);
    border-right: .1rem solid #291d18;
    border-bottom: .1rem solid #291d18;
    pointer-events: none;
    opacity: 1
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-menu ul.login-menu__links a.link:after,.header-login .login-menu ul.login-menu__links a.link:after {
        display:none
    }
}

.cmp-header-login .Block__login .login-menu .link,.header-login .login-menu .link {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    position: relative;
    text-decoration: none;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: #291d18;
    border-radius: .4rem
}

.cmp-header-login .Block__login .login-menu .link--logout,.cmp-header-login .Block__login .login-menu .link--other,.header-login .login-menu .link--logout,.header-login .login-menu .link--other {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: .1rem solid #291d18;
    text-align: center;
    padding: .8rem 1rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    border-radius: .4rem;
    margin-top: inherit;
    margin-bottom: .8rem;
    display: block
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-menu .link--logout,.cmp-header-login .Block__login .login-menu .link--other,.header-login .login-menu .link--logout,.header-login .login-menu .link--other {
        background:#fff;
        border: 0;
        text-align: left;
        font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
        padding: .8rem 1rem;
        margin-top: 0;
        margin-bottom: 0
    }
}

.cmp-header-login .Block__login .login-menu .link--logout,.header-login .login-menu .link--logout {
    background: #ffb61b;
    border-color: transparent;
    padding: .8rem 1rem;
    border-radius: .4rem
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-menu .link--logout,.header-login .login-menu .link--logout {
        background:#fff;
        border: 0;
        padding: .8rem 1rem
    }
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-menu .link:hover,.header-login .login-menu .link:hover {
        background-color:#f7f6f6
    }
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__login .login-menu .link:focus,.header-login .login-menu .link:focus {
        background-color:#eeeded
    }
}

@media only screen and (min--moz-device-pixel-ratio:0) and (min-width: 36em) {
    .cmp-header-login .Block__login .login-profile__icon .icon-avatar-role:before {
        margin-bottom:-.2rem;
        margin-left: .1rem
    }
}

.cmp-header-login .block-fix-notifications-header-login .notification.notification--errorfield {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0;
    box-shadow: none;
    background-color: transparent
}

.cmp-header-login .login-profile.UserIsAuthenticated__mobile-sales {
    display: none
}

.main-nav {
    height: calc(100% - 30rem)
}

@media only screen and (min-width: 48.0625em) {
    .main-nav {
        height:auto;
        max-height: 7rem
    }
}

.main-nav__shadow {
    position: fixed;
    bottom: 20rem;
    height: 3rem;
    width: 100%;
    display: block;
    z-index: 2;
    background: #fff;
    opacity: .9
}

@media only screen and (min-width: 48.0625em) {
    .main-nav__shadow {
        display:none
    }
}

.main-nav__tabs {
    width: 100%;
    padding-top: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .main-nav__tabs {
        display:none
    }
}

.main-nav__tabs__tab {
    width: 100%;
    color: #291d18;
    overflow: hidden
}

.main-nav__tabs__tab__input {
    position: absolute!important;
    opacity: 0;
    z-index: -1
}

.main-nav__tabs__tab__label {
    display: flex;
    background: #fff;
    font-weight: 700;
    cursor: pointer
}

.main-nav__tabs__tab input:checked+.main-nav__tabs__tab__label {
    background: #fff
}

.main-nav__tabs__tab input:checked~.main-nav__tabs__tab__content {
    max-height: 100vh
}

.main-nav__tabs__tab__content {
    max-height: 0;
    color: #291d18;
    background: #fff
}

.main-nav__tabs__tab__content a {
    position: relative;
    text-decoration: none;
    color: #291d18;
    padding: .5rem 0
}

.main-nav__tabs__tab__content a:after {
    content: " ";
    position: absolute;
    color: #291d18;
    font-size: 2.2rem;
    opacity: 1;
    border-color: #ffc421 transparent;
    border-style: solid;
    border-width: .5rem .5rem 0;
    transform: translate(-50%,-50%) rotate(270deg) scaleY(1.2);
    top: 50%;
    right: 0
}

.main-nav__tabs__tab__content .secondary-nav {
    margin-left: 2rem;
    padding: 0;
    width: calc(100% - 3rem)
}

.main-nav-item {
    display: inline-block
}

.main-nav__links {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .main-nav__links {
        flex-direction:row;
        flex-wrap: wrap;
        margin-bottom: auto
    }
}

.main-nav__links__item {
    position: relative
}

.main-nav__links__item.nav-arrow:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 1rem;
    color: #291d18;
    font-size: 2.2rem;
    opacity: 1;
    border-color: #ffc421 transparent;
    border-style: solid;
    border-width: .5rem .5rem 0;
    transform: translate(-50%,-50%) rotate(270deg) scaleY(1.2)
}

.main-nav__links__item:last-child {
    margin-bottom: 2rem
}

.main-nav__link {
    display: inline-block;
    line-height: 3.2rem;
    padding: 0 1rem 0 0;
    color: #291d18;
    text-decoration: none;
    font-family: Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    transition: color .3s ease-out;
    will-change: color
}

@media only screen and (min-width: 48.0625em) {
    .main-nav__link {
        padding-right:2rem;
        font-size: 1.8rem
    }
}

.main-nav__link>a:after {
    content: " ";
    position: absolute;
    color: #291d18;
    font-size: 1.8rem;
    opacity: 1;
    border-color: #ffc421 transparent;
    border-style: solid;
    border-width: .5rem .5rem 0;
    transform: translate(-50%,-50%) rotate(270deg) scaleY(1.2);
    top: 50%
}

.main-nav__link--active,.main-nav__link:hover {
    color: #ffc421
}

.main-navigation--subnav-correction {
    height: 1.8rem
}

ul.nav-primary {
    padding-top: 1.2rem
}

ul.nav-primary li {
    display: inline;
    margin-right: 1rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.4rem;
    line-height: 3.4rem
}

@media only screen and (min-width: 48.0625em) {
    ul.nav-primary li {
        font-size:2rem;
        line-height: 5rem;
        margin-right: 3.2rem
    }
}

ul.nav-primary li:last-child {
    margin-right: 0!important
}

ul.nav-primary li a {
    text-decoration: none;
    color: #291d18;
    font-weight: 500
}

ul.nav-primary li a:hover {
    font-weight: 700;
    color: #291d18
}

ul.nav-primary li a.selected {
    font-weight: 800;
    color: #291d18
}

ul.nav-primary li.nav-item {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    display: flex;
    font-size: 1.8rem;
    line-height: 2.8rem;
    padding: 1.6rem 0;
    margin: 0
}

@media only screen and (min-width: 36em) {
    ul.nav-primary li.nav-item {
        display:inline;
        border-bottom: 0;
        margin: 0 2.4rem 0 0
    }
}

ul.nav-primary li.nav-item:not(:last-child) {
    border-bottom: .1rem solid #dddbda
}

@media only screen and (min-width: 36em) {
    ul.nav-primary li.nav-item:not(:last-child) {
        border-bottom:0
    }
}

ul.nav-primary li.nav-item a {
    width: 100%;
    position: relative
}

ul.nav-primary li.nav-item a.nav-item--has-subnav {
    font-weight: 700
}

ul.nav-primary li.nav-item a.nav-item--has-subnav:before {
    content: "";
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    top: 50%;
    right: 0;
    transform: translate(-.3rem,-50%) rotate(-45deg);
    border-right: .1rem solid #291d18;
    border-bottom: .1rem solid #291d18;
    pointer-events: none;
    opacity: 1
}

@media only screen and (min-width: 36em) {
    ul.nav-primary li.nav-item a.nav-item--has-subnav:before {
        top:2rem;
        left: 50%;
        transform: translateX(-50%);
        border-bottom: 1rem solid #efefef;
        border-right: 1rem solid transparent;
        border-left: 1rem solid transparent
    }
}

ul.nav-primary li.nav-item a.nav-item--has-subnav.hero-item:before {
    margin-top: -.4rem
}

@media only screen and (min-width: 36em) {
    ul.nav-primary li.nav-item a.nav-item--has-subnav.hero-item:before {
        margin-top:0
    }
}

ul.nav-primary li.nav-item.nav-item--parent {
    color: #291d18;
    font-size: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 3rem
}

ul.nav-primary li.nav-item.nav-item--parent:before {
    position: relative;
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    top: .8rem;
    left: .3rem;
    border-right: .1rem solid #291d18;
    border-bottom: .1rem solid #291d18;
    transform: rotate(135deg);
    pointer-events: none;
    opacity: 1;
    margin-right: 1.3rem
}

@media only screen and (min-width: 36em) {
    ul.nav-primary li.nav-item.nav-item--parent:before {
        content:""
    }
}

ul.nav-primary li.nav-item.nav-item--parent a:after {
    content: ""
}

ul.nav-primary li.nav-item .nav-item--text {
    font-family: inherit;
    font-size: 1.6rem;
    line-height: 2.6rem
}

@media only screen and (min-width: 36em) {
    ul.nav-primary li.nav-item .nav-item--text {
        font-size:1.8rem
    }
}

ul.nav-primary li.nav-item .nav-item--text.hero-item {
    font-size: 1.6rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    ul.nav-primary li.nav-item .nav-item--text.hero-item {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

ul.nav-primary li.nav-item .nav-item--text.sub-hero-item {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

ul.nav-primary li.nav-item .nav-item--image {
    position: relative;
    float: right;
    margin-right: 1.5rem
}

@media only screen and (min-width: 36em) {
    ul.nav-primary li.nav-item .nav-item--image {
        top:-.5rem;
        margin-right: .5rem;
        float: none
    }
}

ul.nav-primary li.nav-item .nav-item--hero-subtitle {
    display: inline-block;
    margin-top: .8rem;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.nav-primary-sub {
    display: none
}

@media only screen and (min-width: 36em) {
    .nav-primary-sub.nav-primary-sub--open {
        position:absolute;
        top: 7.2rem;
        margin-top: 3.8rem;
        left: -10.4rem;
        width: 95vw;
        margin-right: 0;
        margin-left: 0;
        display: block;
        background-color: #efefef;
        height: auto;
        z-index: 202
    }
}

@media only screen and (min-width: 74.5em) {
    .nav-primary-sub.nav-primary-sub--open {
        position:absolute;
        top: 7.2rem;
        margin-top: 3.8rem;
        left: -10.4rem;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        display: block;
        background-color: #efefef;
        height: 43rem;
        z-index: 202
    }
}

.nav-primary-sub.nav-primary-sub--open:after,.nav-primary-sub.nav-primary-sub--open:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9600px;
    right: 100%;
    background-color: #efefef;
    z-index: -1
}

.nav-primary-sub.nav-primary-sub--open:after {
    left: 100%;
    background-color: #efefef
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--container {
    margin-left: 0;
    margin-top: 3rem;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-content: flex-start;
    max-height: 44rem
}

@media only screen and (min-width: 48.0625em) {
    .nav-primary-sub.nav-primary-sub--open .nav-primary-sub--container {
        max-height:43rem;
        margin-left: 0
    }
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 {
    margin-right: 5rem;
    width: 20rem;
    margin-bottom: 3rem
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1.nav-primary-sub--level1-hero,.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1.nav-primary-sub--level1-sub-hero {
    width: 35rem
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 .nav-primary-sub--level1-title {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem;
    line-height: 2.8rem;
    padding-bottom: 1rem;
    display: block
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 .nav-primary-sub--level1-title.hero-item {
    line-height: 3rem
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 .nav-primary-sub--level1-title.hero-item .hero-item {
    font-size: 3.2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 4.8rem;
    margin-right: 2rem
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 .nav-primary-sub--level1-title.hero-item .hero-item--image {
    margin-right: .5rem;
    position: relative;
    top: -.5rem
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 .nav-primary-sub--level1-title.sub-hero-item {
    line-height: 3rem
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 .nav-primary-sub--level1-title.sub-hero-item .sub-hero-item--image {
    margin-right: .5rem;
    position: relative;
    top: -.5rem
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 .nav-primary-sub--level1-title:hover .nav-primary-sub--level1-subtitle,.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 .nav-primary-sub--level1-title:hover .nav-primary-sub--level1-title-text span {
    text-decoration: underline
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 .nav-primary-sub--level1-title .sub-hero-item--text {
    text-transform: lowercase
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 .nav-primary-sub--level1-subtitle {
    color: inherit
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level1 .nav-primary-sub--level1-subtitle,.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level2 {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.nav-primary-sub.nav-primary-sub--open .nav-primary-sub--level2 a:hover {
    text-decoration: underline;
    color: inherit
}

.nav-primary-sub--boxshadow {
    display: none
}

.nav-primary-sub--boxshadow.nav-primary-sub--open {
    position: absolute;
    top: 7.2rem;
    margin-top: 3.8rem;
    left: 0;
    width: 100vw;
    margin-right: 0;
    margin-left: 0;
    display: block;
    background-color: #efefef;
    height: 34.7rem;
    z-index: 201
}

@media only screen and (max-width: 48.0525em) {
    .nav-primary-sub--boxshadow.nav-primary-sub--open {
        height:45.7rem
    }
}

.nav-primary-sub--boxshadow.nav-primary-sub--open:after,.nav-primary-sub--boxshadow.nav-primary-sub--open:before {
    content: "";
    width: 100vw;
    height: 17rem;
    top: 17.7rem;
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #efefef;
    box-shadow: 0 3rem 1.5rem -2.5rem rgba(0,0,0,.9)
}

@media only screen and (max-width: 48.0525em) {
    .nav-primary-sub--boxshadow.nav-primary-sub--open:after,.nav-primary-sub--boxshadow.nav-primary-sub--open:before {
        height:45.7rem;
        top: 0
    }
}

.nav-primary-sub--boxshadow.nav-primary-sub--open:before {
    margin-left: -95vw
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .nav-primary-sub.nav-primary-sub--open {
        top: 7rem
    }

    .nav-primary-sub.nav-primary-sub--open .nav-primary-sub--container {
        height: 32rem
    }
}

.telenet-header .menu-toggle:checked~.nav-section .nav-primary {
    padding: .8rem 1.6rem 0
}

.navigation-secondary {
    position: relative;
    box-sizing: border-box;
    border-top: 0;
    border-bottom: 0;
    padding: 1.6rem 0 1.8rem 1rem;
    margin-bottom: auto;
    background: #f7f6f6
}

@media only screen and (min-width: 48.0625em) {
    .navigation-secondary {
        padding:2.2rem 2rem;
        border-bottom: 0;
        background: transparent;
        margin-bottom: auto
    }
}

.navigation-secondary .nav-secondary li {
    display: inline;
    margin-left: 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem
}

.navigation-secondary .nav-secondary li:first-child {
    margin-left: 0
}

.navigation-secondary .nav-secondary li a {
    text-decoration: none;
    color: #291d18;
    transition: opacity .3s ease-out;
    will-change: opacity
}

.navigation-secondary .nav-secondary li a:hover {
    opacity: .4
}

.navigation-secondary .nav-secondary li a .icon-chevron-left {
    font-size: .8rem;
    vertical-align: middle;
    margin-right: .5rem;
    color: #291d18
}

.sub-navigation {
    position: relative;
    width: 100%;
    background: #fff
}

.sub-navigation__container {
    max-width: 124rem;
    padding: .5rem 2rem
}

.sub-navigation__container a {
    padding: .5rem 1.5rem .5rem 0;
    color: #291d18;
    transition: color .3s ease-out;
    will-change: color
}

.sub-navigation__container a.selected,.sub-navigation__container a:active,.sub-navigation__container a:hover {
    color: #ffc421
}

.top-up-link {
    position: relative;
    margin: 1rem 2rem;
    padding: 0 1.5rem;
    min-width: 12rem;
    height: 4rem;
    font-size: 1.6rem;
    font-family: Helvetica,Verdana,Arial,Sans-serif;
    background: #291d18;
    color: #fff
}

@media only screen and (min-width: 48.0625em) {
    .top-up-link {
        height:7rem;
        padding: 0;
        margin: 0
    }
}

.top-up-link:hover {
    color: #fff
}

.top-up-link__icon {
    margin-right: 1rem
}

.top-up-link__text {
    font-family: Helvetica,Verdana,Arial,Sans-serif
}

.Block {
    display: block
}

.Block__desktop {
    display: none
}

@media only screen and (min-width: 36em) {
    .Block__desktop {
        display:block
    }
}

.Block__visualincentive {
    display: none
}

@media only screen and (min-width: 36em) {
    .Block__visualincentive {
        display:block;
        position: absolute;
        top: 1rem;
        left: 1rem;
        background: #efefef;
        padding: 1.5rem 2rem;
        z-index: 200;
        text-align: center;
        border-radius: .5rem;
        box-sizing: border-box;
        width: 17rem
    }
}

.Block__visualincentive:before {
    display: none
}

@media only screen and (min-width: 36em) {
    .Block__visualincentive:before {
        content:"";
        box-sizing: border-box;
        display: block;
        position: absolute;
        top: -1rem;
        left: 9.5rem;
        width: 0;
        border-bottom: 1rem solid #efefef;
        border-right: 1rem solid transparent;
        border-left: 1rem solid transparent;
        z-index: 150
    }
}

.cmp-header-login {
    position: relative
}

@media only screen and (min-width: 36em) {
    .cmp-header-login .Block__visualincentive {
        top:4rem;
        left: -4.25rem
    }
}

.header-action-bar .cmp-header-login .Block__visualincentive {
    display: none
}

.radio-container {
    display: flex;
    align-items: center;
    padding: 1.6rem;
    border-radius: 0;
    width: 100%;
    height: 5.6rem;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1rem;
    background: none
}

@media only screen and (min-width: 36em) {
    .radio-container {
        width:20.8rem;
        margin-right: 1.6rem;
        margin-bottom: 0
    }
}

.radio-container .form-helper,.radio-container label {
    margin-bottom: 0;
    padding-left: .8rem;
    font-weight: 500;
    font-size: 1.5rem
}

.radio-container.selected {
    background: #ffc421;
    border: none;
    box-shadow: none;
    margin-left: 0
}

.radio-container.selected .form-helper,.radio-container.selected label {
    color: #fff;
    font-weight: 900
}

.radio-container.selected .radio input[type=radio].radio-input:checked+.radio-control.icon-tick:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit
}

.radio-container.selected-content {
    margin-top: -1.6rem
}

.radio-container.selected-content .form-helper,.radio-container.selected-content label {
    margin-top: auto;
    color: #ffc421
}

.radio-container.selected-content input[type=radio].radio-input:not(:checked)+.radio-control.icon-tick:before {
    color: #ffc421;
    background-color: #fff;
    content: "";
    border: .1rem solid #ffc421;
    padding-top: .2rem
}

.radio-container.single-item {
    border: none;
    border-radius: 0;
    padding-left: 0;
    box-shadow: none;
    background: none;
    pointer-events: none;
    margin-top: -1.6rem
}

.radio-container.single-item--selected .form-helper,.radio-container.single-item--selected label {
    color: #ffc421;
    font-weight: 900
}

.radio-container.single-item--selected input[type=radio].radio-input:checked+.radio-control.icon-tick:before {
    color: #ffc421;
    background-color: #fff;
    border: .1rem solid #ffc421
}

.radio-container input[type=radio].radio-input:not(:checked)+.radio-control.icon-tick:before {
    content: "";
    background-color: #fff
}

.radio-container input[type=radio].radio-input:checked+.radio-control.icon-tick:before {
    content: normal;
    border: .1rem solid #fff;
    background-color: #ffc421;
    color: #fff;
    padding-left: .5rem;
    font-size: 1.2rem
}

.radio-container input[type=radio].radio-input:not(checked)+.radio-control.icon-tick:after {
    border: none;
    border-radius: 0;
    height: auto
}

.radio-container .radio-control:before {
    padding-left: .3rem
}

.usage-simulator .bullet-section {
    margin-top: 1.5rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 300
}

@media only screen and (min-width: 48.0625em) {
    .usage-simulator .bullet-section {
        margin-top:3rem
    }
}

.usage-simulator .bullet-section .primary {
    margin-right: 1rem
}

.usage-simulator .bullet-section .primary:before {
    display: inline-block;
    content: " ";
    height: 1.4rem;
    width: 1.4rem;
    background: #ffc421;
    border-radius: 50%;
    margin-right: .5rem;
    vertical-align: middle
}

.usage-simulator .bullet-section .secondary:before {
    display: inline-block;
    content: " ";
    height: 1.4rem;
    width: 1.4rem;
    background: #c95942;
    border-radius: 50%;
    margin-right: .5rem;
    vertical-align: middle
}

.simulator.wave-wrapper {
    transform: scale(1);
    transition: transform .5s ease-in-out;
    will-change: transform;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%
}

.ProductOverviewItem-content {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    clear: both
}

.ProductOverviewItem-waveWrapper {
    position: relative;
    flex: 1;
    margin: 0 -1rem
}

.Bucket-content {
    position: relative;
    width: 100%;
    height: 10rem;
    display: flex;
    flex-direction: column
}

.Bucket-canvas {
    width: 100%;
    height: 100%;
    display: block;
    background: #ffc421
}

.bucket-slider {
    position: absolute;
    top: 5rem;
    left: 0;
    width: 100%;
    height: 12.5rem;
    z-index: 1
}

.VerticalSlider {
    position: absolute;
    width: 100%;
    height: 100%
}

.VerticalSlider-wrapper {
    width: 3rem;
    height: calc(100% + .5rem);
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.VerticalSlider-line {
    width: 3rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.01);
    border-radius: .5rem
}

.VerticalSlider-handle {
    position: absolute;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    z-index: 999;
    background-color: #fff
}

.VerticalSlider-handle .arrow-up {
    transform: rotate(-45deg);
    margin-top: .7rem
}

.VerticalSlider-handle .arrow-down,.VerticalSlider-handle .arrow-up {
    content: "";
    height: .8rem;
    width: .8rem;
    display: block;
    box-sizing: border-box;
    border-top: .2rem solid #766f6b;
    border-right: .2rem solid #766f6b;
    margin-left: 1.1rem
}

.VerticalSlider-handle .arrow-down {
    transform: rotate(135deg)
}

.social-media__container {
    margin-bottom: .4rem;
    margin-top: 2rem
}

.social-media__container img {
    height: 2rem
}

.social-media__container.icon-facebook,.social-media__container.icon-instagram,.social-media__container.icon-linkedin,.social-media__container.icon-twitter,.social-media__container.icon-youtube {
    font-size: 3rem;
    color: transparent;
    margin-right: 0
}

.social-media__container.icon-facebook:hover,.social-media__container.icon-instagram:hover,.social-media__container.icon-linkedin:hover,.social-media__container.icon-twitter:hover,.social-media__container.icon-youtube:hover {
    color: transparent;
    cursor: pointer
}

.social-media__icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    width: 3rem;
    background: transparent;
    border-radius: 50%;
    margin-right: 0
}

.social-media__icon:hover {
    background: transparent
}

.Title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem
}

.Title .Title-heading {
    font-size: 3.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900;
    line-height: 3.5rem;
    color: #291d18;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .Title .Title-heading {
        line-height:2.5rem
    }
}

.Title .Title-link {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.8rem
}

@media only screen and (min-width: 36em) {
    .Title .Title-link {
        line-height:3.8rem
    }
}

.cmp-contact {
    text-align: center;
    margin-top: 0;
    padding-top: 3.6rem;
    margin-bottom: 10.4rem;
    border-top: .1rem solid #f7f6f6
}

.cmp-contact .heading {
    margin: 2rem 0 4.5rem
}

.cmp-contact .cmp.cmp-title {
    padding-bottom: 4rem
}

@media only screen and (min-width: 36em) {
    .cmp-contact .cmp.cmp-title {
        padding-bottom:6.4rem
    }
}

.cmp-contact-item {
    margin-bottom: 0;
    padding: 0 2rem
}

.cmp-contact-item .cmp-image {
    width: 4rem;
    height: 4rem;
    margin-bottom: 2.4rem;
    margin-right: auto;
    margin-left: auto
}

.cmp-contact-item .cmp-image img {
    height: 4rem
}

.cmp-contact-item .cmp.cmp-title {
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .cmp-contact-item .cmp.cmp-title {
        margin-bottom:0;
        padding-bottom: 0
    }
}

.cmp-contact-item .cmp-text {
    font-size: 1.4rem;
    font-weight: 500
}

.cmp-contact-item .cmp-text a {
    text-decoration: underline
}

search-auto-complete {
    white-space: nowrap
}

.pay-balance__info-section .link {
    font-size: 1.2rem;
    text-align: left
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__info-section .link {
        font-size:1.5rem;
        text-align: inherit
    }
}

.pay-balance__info-section .info-section__bill-info {
    order: 1
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__info-section .info-section__bill-info {
        order:0
    }
}

.pay-balance__info-section .info-section__bill-info>div {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__info-section .info-section__bill-info>div {
        width:18.8rem
    }
}

.pay-balance__info-section .info-section__bill-info>div:nth-child(2) {
    width: auto
}

.pay-balance__info-section .info-section__bill-info>div .bill-info__title {
    font-size: 1.4rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__info-section .info-section__bill-info>div .bill-info__title {
        font-size:1.5rem
    }
}

.pay-balance__info-section .info-section__bill-info>div .bill-info__bill-type .bill-type__value {
    font-size: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__info-section .info-section__bill-info>div .bill-info__bill-type .bill-type__value {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.pay-balance__info-section .info-section__outstanding-amount {
    order: 0
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__info-section .info-section__outstanding-amount {
        order:1
    }
}

.pay-balance__info-section .info-section__outstanding-amount .outstanding-amount__title {
    padding-bottom: .8rem;
    font-size: 1.4rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__info-section .info-section__outstanding-amount .outstanding-amount__title {
        font-size:1.5rem;
        padding-bottom: 1rem
    }
}

.pay-balance__info-section .info-section__outstanding-amount .outstanding-amount__value {
    font-size: 3.2rem;
    line-height: 3rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__info-section .info-section__outstanding-amount .outstanding-amount__value {
        font-size:5rem;
        line-height: 3.8rem
    }
}

.pay-balance__info-section .info-section__outstanding-amount .outstanding-amount__vat-label {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #bab6b5
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__info-section .info-section__outstanding-amount .outstanding-amount__vat-label {
        font-size:1.6rem;
        line-height: 1.6rem
    }
}

.pay-balance__info-section .info-section__outstanding-amount .button {
    margin-top: 2rem;
    width: inherit
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__info-section .info-section__outstanding-amount .button {
        margin-top:2.9rem;
        width: inherit
    }
}

.pay-balance__detailed-info-section>div {
    margin-right: 0;
    width: 100%;
    padding-bottom: 2.5rem
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__detailed-info-section>div {
        margin-right:4rem;
        width: 18.8rem;
        padding-bottom: 0
    }
}

.pay-balance__detailed-info-section>div .detailed-info-section__title {
    font-size: 1.4rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .pay-balance__detailed-info-section>div .detailed-info-section__title {
        font-size:1.5rem
    }
}

.payment-cards {
    background-color: #fff
}

.payment-cards--saved-card {
    padding: 1rem
}

.payment-cards--saved-card .card-image {
    height: 3.5rem;
    width: 3.5rem
}

.payment-cards--saved-card .icon-close {
    position: relative;
    top: -2rem;
    float: right;
    right: -2rem;
    font-size: 2.2rem;
    background-color: #fff;
    color: #ffc421;
    border-radius: 1.6rem;
    cursor: pointer
}

.payment-cards--saved-card .card-masked {
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    font-weight: 600
}

.payment-cards--visa-card {
    display: flex;
    align-items: center;
    padding: 1.4rem;
    border: .1rem solid #eeeded;
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .payment-cards--visa-card {
        padding:1.4rem
    }
}

@media only screen and (min-width: 36em) {
    .payment-cards--visa-card .card-image {
        height:3.5rem;
        width: 3.5rem
    }
}

.payment-cards--visa-card .card-bankicons {
    display: inline-block;
    padding-left: 1.2rem
}

.payment-cards--visa-card .card-bankicons ul {
    display: flex;
    list-style: none;
    padding-top: .3rem
}

.payment-cards--visa-card .card-bankicons ul li {
    margin-right: .6rem
}

.payment-cards--visa-card .card-chevron {
    margin-left: auto
}

.payment-cards--visa-card .payment-card-text {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 900
}

@media only screen and (min-width: 36em) {
    .payment-cards--visa-card .payment-card-text {
        display:inline
    }
}

.savedcard-payment-title {
    pointer-events: none
}

.payment {
    margin-top: 2rem;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start
}

@media only screen and (min-width: 36em) {
    .payment {
        margin-top:1.5rem;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center
    }
}

.payment .payment__action {
    margin-bottom: 2rem;
    display: inline-block
}

@media only screen and (min-width: 36em) {
    .payment .payment__action {
        margin-bottom:0
    }
}

.payment .payment__details {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.payment .payment__details p {
    display: flex;
    flex-direction: column;
    margin: 0
}

.payment .payment__details p:not(:last-child) {
    padding-bottom: .5rem
}

.payment .payment__details .post-change-label {
    display: none
}

.payment .payment__details .post-change-label.fleet {
    display: block
}

.sim-management-form .sim-home-activation .select-dropdown .select_expand:checked+.select_closeLabel+.select_options {
    height: 27rem;
    overflow-y: scroll;
    scroll-behavior: smooth
}

.sim-management-form .disclaimer-section .disclaimer-text,.sim-management-form .disclaimer-section .disclaimer-title {
    font-size: 1.4rem
}

.sim-management-form .notification .errorfield {
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .sim-management-form .notification .errorfield {
        margin-right:1rem
    }
}

.sim-management-form .change-plan-footer {
    margin: 0
}

.sim-management-form .change-plan-footer .change-plan-footer__button-group {
    display: flex
}

.sim-home-activation.sim-activation-update .sim-activation-update__details .form-group span {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .sim-home-activation.sim-activation-update .sim-activation-update__details .form-group span {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .sim-home-activation.sim-activation-update .sim-activation-update__details .form-group span {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.sim-home-activation .form-group .form-helper,.sim-home-activation .form-group label {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #999391
}

@media only screen and (min-width: 48.0625em) {
    .sim-home-activation .form-group .form-helper,.sim-home-activation .form-group label {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .sim-home-activation .form-group .form-helper,.sim-home-activation .form-group label {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.sim-home-activation .form-group .form-control[readonly] {
    color: #766f6b;
    background: #999391
}

.svg-image {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .svg-image {
        width:auto
    }
}

.svg-image--contact {
    height: 16rem
}

@media only screen and (min-width: 48.0625em) {
    .svg-image--contact {
        height:32rem
    }
}

.svg-image--passcode {
    height: 16rem
}

@media only screen and (min-width: 48.0625em) {
    .svg-image--passcode {
        height:32rem
    }
}

.svg-image--password {
    height: 16rem
}

@media only screen and (min-width: 48.0625em) {
    .svg-image--password {
        height:32rem
    }
}

.svg-image--complete {
    height: 16rem
}

@media only screen and (min-width: 48.0625em) {
    .svg-image--complete {
        height:24rem
    }
}

.pid-mobile.default .lock-closed {
    display: inline
}

.pid-mobile.default .lock-opened {
    display: none
}

.pid-mobile.fair .stroke-color,.pid-mobile.invalid .stroke-color {
    stroke: #ffc421
}

.pid-mobile.fair .fill-color,.pid-mobile.fair .small-bubble,.pid-mobile.invalid .fill-color,.pid-mobile.invalid .small-bubble {
    fill: #ffc421
}

.pid-mobile.fair .lock-opened,.pid-mobile.invalid .lock-opened {
    display: none
}

.pid-mobile.fair .lock-closed,.pid-mobile.invalid .lock-closed {
    display: inline
}

.pid-mobile.strong .lock,.pid-mobile.strong .stroke-color,.pid-mobile.valid .lock,.pid-mobile.valid .stroke-color {
    stroke: #ffc421
}

.pid-mobile.strong .fill-color,.pid-mobile.strong .oval-bubble,.pid-mobile.strong .small-bubble,.pid-mobile.valid .fill-color,.pid-mobile.valid .oval-bubble,.pid-mobile.valid .small-bubble {
    fill: #ffc421
}

.pid-mobile.strong .lock-closed,.pid-mobile.valid .lock-closed {
    display: none
}

.pid-mobile.strong .lock-opened,.pid-mobile.valid .lock-opened {
    display: inline;
    stroke: #ffc421
}

.pid-mobile.error .lock,.pid-mobile.error .stroke-color {
    stroke: #c95942
}

.pid-mobile.error .fill-color,.pid-mobile.error .oval-bubble,.pid-mobile.error .small-bubble {
    fill: #c95942
}

.pid-mobile.error .lock-closed {
    display: inline;
    stroke: #c95942
}

.pid-mobile.error .lock-opened {
    display: none
}

.row-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: .5rem;
    background: transparent;
    margin: 1.6rem;
    cursor: pointer
}

@media only screen and (min-width: 48.0625em) {
    .row-item {
        flex-direction:row;
        margin: 0 0 1.5rem
    }
}

.row-item.label-row {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .row-item.label-row {
        display:flex
    }
}

.row-item .selected-row,.row-item .selected-row .form-helper,.row-item .selected-row label {
    background-color: #ffc421;
    color: #fff
}

.row-item .empty-label-row {
    width: 6%
}

.row-item .view-options-text {
    font-size: 1.5rem
}

.row-item.content-row {
    display: flex
}

@media only screen and (min-width: 48.0625em) {
    .row-item.content-row {
        display:block
    }
}

.row-item.content-row .content-section {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

@media only screen and (min-width: 48.0625em) {
    .row-item.content-row .content-section {
        flex-direction:row
    }
}

.row-item__selected-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    border-right: 0;
    border-bottom: .1rem solid #f7f6f6;
    padding: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .row-item__selected-item {
        border-right:.1rem solid #f7f6f6;
        border-bottom: 0;
        width: 30%;
        padding: 0
    }
}

.row-item__selected-item .selection-row__item {
    order: 1;
    padding: 0;
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .row-item__selected-item .selection-row__item {
        order:2;
        padding: 0 0 0 2.8rem
    }
}

.row-item__selected-item .select-indicator {
    order: 2
}

@media only screen and (min-width: 48.0625em) {
    .row-item__selected-item .select-indicator {
        order:1
    }
}

.row-item__selected-item .select-indicator:before {
    content: " ";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    border: .1rem solid #eeeded;
    border-radius: 50%
}

@media only screen and (min-width: 48.0625em) {
    .row-item__selected-item.consult-profile {
        width:6%;
        display: flex;
        justify-content: space-around
    }
}

.row-item__selected-item.consult-profile.selected-row {
    background-color: #ffc421;
    color: #fff;
    border-radius: .5rem .5rem 0 0
}

@media only screen and (min-width: 48.0625em) {
    .row-item__selected-item.consult-profile.selected-row {
        border-radius:.5rem 0 0 .5rem
    }
}

.row-item__selected-item.consult-profile.selected-row .icon-tick {
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    border: .1rem solid #fff;
    font-size: 1.2rem;
    padding-top: 0
}

.row-item__selected-item.consult-profile.selected-row .icon-tick:before {
    margin-left: .5rem
}

.row-item__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: normal;
    width: 100%;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 48.0625em) {
    .row-item__items {
        width:70%;
        flex-wrap: nowrap;
        border-bottom: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .row-item__items.consult-profile {
        width:96%;
        cursor: default;
        padding: 3.2rem 3rem
    }
}

.row-item__items.consult-profile.selected-row {
    background-color: #ffc421;
    color: #fff;
    border-radius: 0
}

@media only screen and (min-width: 48.0625em) {
    .row-item__items.consult-profile.selected-row {
        border-radius:0 .5rem .5rem 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .row-item__items.label-profile {
        width:94%;
        padding: 0 3rem
    }
}

.row-item__item {
    box-sizing: inherit;
    padding: 0 0 2rem 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item {
        padding:0;
        width: 25%
    }
}

.row-item__item:first-child {
    padding: 0
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item:first-child {
        padding:0
    }
}

.row-item__item:nth-child(2) {
    padding: 2.4rem 0 2rem 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item:nth-child(2) {
        padding:0
    }
}

.row-item__item.consult-profile {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.consult-profile {
        padding:0 2rem 0 0;
        width: 25%
    }
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.consult-profile:first-child {
        width:15%
    }
}

.row-item__item.consult-profile:nth-child(2) {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.consult-profile:nth-child(2) {
        padding:0 2rem 0 0;
        width: 23%
    }
}

.row-item__item.consult-profile:nth-child(3) {
    width: 50%
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.consult-profile:nth-child(3) {
        width:17%
    }
}

.row-item__item.consult-profile:nth-child(4) {
    width: 50%;
    padding-left: 0
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.consult-profile:nth-child(4) {
        width:17%
    }
}

.row-item__item.consult-profile:nth-child(5) {
    width: 50%
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.consult-profile:nth-child(5) {
        width:17%
    }
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.consult-profile:nth-child(6) {
        padding:0;
        width: 13%
    }
}

.row-item__item.consult-profile .view-options {
    display: flex;
    justify-content: flex-end;
    cursor: pointer
}

.row-item__item.consult-profile .view-options p {
    font-size: 1.5rem;
    font-weight: 900;
    color: #291d18
}

.row-item__item.consult-profile .view-options p:nth-child(2) {
    overflow: hidden
}

.row-item__item.consult-profile .view-options p:nth-child(2):hover {
    color: #ffc421
}

.row-item__item.consult-profile .view-options .icon-minus {
    font-weight: 700
}

.row-item__item.consult-profile .selected-view-options {
    display: flex;
    align-items: baseline;
    cursor: pointer;
    justify-content: flex-end
}

.row-item__item.label-profile {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.label-profile {
        width:25%;
        display: flex
    }
}

.row-item__item.label-profile .icon-toggle {
    font-size: .7rem;
    transform: rotate(90deg);
    position: relative;
    left: 1.3rem
}

.row-item__item.label-profile .icon-toggle.toggle-up {
    transform: rotate(-90deg);
    position: relative;
    left: .8rem
}

.row-item__item.label-profile .form-helper,.row-item__item.label-profile label {
    margin-bottom: 0
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.label-profile:first-child {
        width:15%
    }
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.label-profile:nth-child(2) {
        width:23%
    }
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.label-profile:nth-child(3) {
        width:17%
    }
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.label-profile:nth-child(4) {
        width:17%
    }
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.label-profile:nth-child(5) {
        width:17%
    }
}

@media only screen and (min-width: 48.0625em) {
    .row-item__item.label-profile:nth-child(6) {
        width:11%;
        display: flex;
        justify-content: center
    }
}

.row-item__item.description-label {
    width: 35%
}

.row-item__container {
    padding: 2.4rem 2.4rem .8rem;
    background-color: hsla(0,0%,94.9%,.5);
    border-radius: 0
}

@media only screen and (min-width: 48.0625em) {
    .row-item__container {
        padding:3rem 3rem 2rem;
        border-radius: 0 0 .8rem .8rem
    }
}

.row-item__container .container-row {
    display: flex;
    flex-wrap: wrap
}

.row-item__container .container-row .icon-tick {
    color: #ffc421
}

.row-item__container .container-row .option {
    width: 100%;
    display: flex;
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .row-item__container .container-row .option {
        width:33%;
        margin-bottom: 1.2rem
    }
}

.row-item__container .container-row .option p:first-child {
    font-size: 1rem
}

.row-item__container .container-row .option p:nth-child(2) {
    font-size: 1.4rem
}

.row-item__hide-options-mobile {
    display: flex;
    justify-content: center;
    padding: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .row-item__hide-options-mobile {
        display:none
    }
}

.row-item__hide-options-mobile p:first-child {
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 2rem
}

.row-item__hide-options-mobile p:nth-child(2):hover {
    color: #ffc421
}

.row-item__hide-options-mobile.selected-row {
    border-radius: 0 0 .5rem .5rem
}

.row-item p {
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 2rem;
    word-break: break-word
}

.row-item-sticky {
    border-top: .2rem solid #ffc421
}

.selected-border-radius-mobile {
    border-radius: 0 0 .5rem .5rem!important
}

@media only screen and (min-width: 48.0625em) {
    .selected-border-radius-mobile {
        border-radius:0 .5rem .5rem 0!important
    }
}

@media only screen and (min-width: 48.0625em) {
    .selection-row.line-options .selection-row__select-item {
        width:20%;
        align-items: flex-start
    }
}

@media only screen and (min-width: 48.0625em) {
    .selection-row.line-options .selection-row__items {
        width:80%
    }
}

@media only screen and (min-width: 48.0625em) {
    .selection-row.line-options .selection-row__item {
        width:17.5%
    }
}

@media only screen and (min-width: 48.0625em) {
    .selection-row.line-options .selection-row__item:last-child {
        width:30%
    }
}

.select-row-mobile {
    border-radius: 0 0 .5rem .5rem
}

.sorting-dropdown {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto 1.6rem;
    padding: 2.4rem 0
}

@media only screen and (min-width: 48.0625em) {
    .sorting-dropdown {
        display:none
    }
}

.sorting-dropdown:after {
    content: "\003E";
    box-sizing: border-box;
    transition: all .3s cubic-bezier(.4,.25,.3,1);
    transform: translate(-50%,-50%) rotate(90deg) scaleX(1.2) scaleY(2);
    width: 0;
    color: #291d18;
    right: 3.2rem;
    top: 7.6rem;
    height: 3.4rem;
    position: absolute;
    pointer-events: none
}

.sorting-dropdown .form-helper,.sorting-dropdown label {
    line-height: 1.6rem;
    color: #291d18;
    margin-bottom: 1.6rem
}

.sorting-dropdown select {
    width: 100%;
    padding: 1.4rem;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 2rem;
    border-radius: .8rem;
    border: .1rem solid #f7f6f6;
    background: #fff;
    color: #291d18;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.row-item-btn {
    width: 90%;
    font-size: 1.5rem;
    font-weight: 800;
    color: #291d18;
    background-color: #f7f6f6;
    border-radius: .8rem;
    border: .1rem solid #eeeded
}

@media only screen and (min-width: 48.0625em) {
    .row-item-btn {
        width:auto
    }
}

.hidden-mobile-row-item {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .hidden-mobile-row-item {
        display:block
    }
}

.hidden-desktop-row-item {
    display: block
}

@media only screen and (min-width: 48.0625em) {
    .hidden-desktop-row-item {
        display:none
    }
}

.search-item-container {
    height: 5.4rem
}

@media only screen and (min-width: 36em) {
    .search-item-container {
        position:relative
    }
}

.search-item-container.search-item-link {
    width: 60%;
    height: auto;
    margin: 0 1rem 8.6rem 9rem
}

.search-item-container .search-item {
    border: 0;
    border-radius: .8rem;
    background-color: #fff;
    width: 100%;
    margin-bottom: 3.2rem;
    box-shadow: var(--box-shadow__xs___xs-dark)
}

@media only screen and (min-width: 36em) {
    .search-item-container .search-item {
        height:auto;
        border-radius: .8rem;
        position: absolute;
        border: .1rem solid #eeeded;
        box-shadow: var(--box-shadow__n___n-dark)
    }
}

.search-item-container .search-item__button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem;
    cursor: pointer
}

.search-item-container .search-item__button .icon-configure:before {
    font-size: 2.1rem;
    box-sizing: border-box;
    height: 2.8rem;
    width: 2.4rem;
    position: relative
}

.search-item-container .search-item__button .icon-toggle {
    display: none
}

@media only screen and (min-width: 36em) {
    .search-item-container .search-item__button .icon-toggle {
        display:flex;
        margin-right: -.8rem;
        transform: rotate(90deg)
    }
}

.search-item-container .search-item__button .icon-toggle:before {
    font-size: 1.2rem;
    line-height: 2.4rem
}

.search-item-container .search-item__button .icon-close {
    display: none
}

.search-item-container .search-item__text {
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 800;
    padding-left: 3.2rem
}

.search-item-container .search-item__section {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0
}

.search-item-container .search-item__actions {
    display: flex;
    justify-content: center
}

.search-item-container .search-item__actions .button--tertiary.disabled,.search-item-container .search-item__actions .button--tertiary:disabled {
    background-color: transparent;
    opacity: .4;
    color: #291d18
}

.search-item-container .search-item.open {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    border: .1rem solid transparent;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 101;
    box-shadow: var(--box-shadow__xs___xs-dark)
}

@media only screen and (min-width: 36em) {
    .search-item-container .search-item.open {
        height:auto;
        position: absolute;
        top: auto;
        left: auto;
        overflow-y: hidden;
        overflow-x: hidden
    }
}

.search-item-container .search-item.open .icon-toggle {
    margin-right: .6rem;
    transform: rotate(-90deg)
}

.search-item-container .search-item.open .icon-close {
    display: block
}

@media only screen and (min-width: 36em) {
    .search-item-container .search-item.open .icon-close {
        display:none
    }
}

.search-item-container .search-item.open .search-item__section {
    visibility: visible;
    height: auto;
    padding: 2.4rem 1.6rem 3.2rem;
    border-top: .1rem solid #f7f6f6
}

@media only screen and (min-width: 36em) {
    .search-item-container .search-item.open .search-item__section {
        padding:2.4rem 3.2rem 3.2rem
    }
}

.search-item-container .search-item.open .search-item__section .form-builder.form-group {
    width: 100%;
    margin-bottom: 2.4rem
}

.search-item-container .search-item.open .search-item__section .form-builder.form-group .form-helper,.search-item-container .search-item.open .search-item__section .form-builder.form-group label {
    margin-bottom: 0
}

.search-item-container .search-item.open .search-item__section .section-item .form-helper,.search-item-container .search-item.open .search-item__section .section-item label {
    text-transform: uppercase
}

.search-item-container .search-item.open .search-item__section .section-item .status {
    margin-top: 1.3rem
}

.search-item-container .search-item.open .search-item__section .section-item .status .select2-container-multi .select2-choices {
    border-bottom: .1rem solid #eeeded;
    overflow: hidden;
    min-height: 3.9rem;
    z-index: 1
}

.search-item-container .search-item.open .search-item__section .section-item .status .select2-container-multi .select2-choices li.ui-select-match-item {
    margin-right: .8rem;
    z-index: 9999!important
}

.search-item-container .search-item.open .search-item__section .section-item .status .select2-container-multi .select2-choices li.select2-search-field:after {
    color: #291d18;
    top: 20%;
    font-weight: 300
}

.search-item-container .search-item.open .search-item__section .section-item .status .select2-container-multi .select2-choices .select2-search-field input::-moz-placeholder {
    color: #291d18
}

.search-item-container .search-item.open .search-item__section .section-item .status .select2-container-multi .select2-choices .select2-search-field input::placeholder {
    color: #291d18
}

.search-item-container .search-item.open .search-item__section .section-item .status .select2-container-multi .select2-choices .select2-search-field input:-ms-input-placeholder {
    color: #291d18
}

.search-item-container .search-item.open .search-item__section .section-item .status .select2-container-multi .select2-choices .select2-search-field input {
    position: absolute;
    top: -1rem
}

.search-item-container .search-item.open .search-item__section .section-item .status .select2-container-multi .select2-search-choice-close {
    padding: .8rem .8rem .8rem .4rem
}

.search-item-container .search-item.open .search-item__section .section-item .status .select2-container-multi .select2-choices .select2-search-choice span.ng-binding {
    padding: 0 .4rem .8rem .8rem
}

.search-item-container .search-item.open .search-item__section .section-item .status .select2-results .ui-select-choices-group {
    max-height: 9rem;
    overflow-y: scroll
}

.search-item-container .search-item.open .search-item__section .section-item .billing-account .ui-select-choices-group {
    max-height: 9rem
}

.search-item-container .search-item.open .search-item__section .section-item .select2-results {
    max-height: 9rem;
    z-index: 2
}

.search-item-container .search-item.open .search-item__section select {
    width: 100%;
    border: 0;
    border-radius: 0;
    background: #fff;
    padding-bottom: 1.2rem;
    font-size: 1.8rem
}

.search-item-container .search-item.open .search-item__actions {
    margin-bottom: 3.2rem
}

@media only screen and (min-width: 36em) {
    .search-item-container .search-item.open .search-item__actions {
        margin-bottom:auto
    }
}

.search-item-container .search-item.open .search-item__actions .button {
    width: 100%;
    min-width: auto;
    text-transform: uppercase
}

@media only screen and (min-width: 36em) {
    .search-item-container .search-item.open .search-item__actions .button {
        width:auto;
        min-width: 14rem
    }
}

.search-item-container .search-item.open .form-builder.form-group .form-control {
    padding-right: 4rem
}

.search-item-container .search-item.open .form-builder.form-group .icon-tooltip-container .icon-help.tooltip {
    right: 0
}

.search-item-container .search-item.open .form-builder.form-group .icon-tooltip-container .icon-help.tooltip:before {
    position: relative;
    bottom: 3rem;
    padding-top: .4rem
}

.search-item-link-container {
    position: inherit;
    padding-left: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .search-item-link-container {
        position:absolute;
        right: -3rem;
        top: 1.5rem
    }
}

.selection-row {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: .5rem;
    background: hsla(0,0%,100%,.71);
    margin-bottom: 1.6rem;
    cursor: pointer;
    box-shadow: var(--box-shadow__xs___xs-dark)
}

@media only screen and (min-width: 36em) {
    .selection-row {
        flex-direction:row
    }
}

.selection-row__select-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #f7f6f6;
    padding: 3.2rem 0 3.2rem 2.4rem
}

@media only screen and (min-width: 36em) {
    .selection-row__select-item {
        border-right:1px solid #f7f6f6;
        border-bottom: 0;
        width: 30%
    }
}

.selection-row__select-item .selection-row__item {
    order: 1;
    padding: 0;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .selection-row__select-item .selection-row__item {
        order:2;
        padding: 0 0 0 2.4rem
    }
}

.selection-row__select-item .select-indicator {
    order: 2;
    position: relative;
    padding-right: 2.4rem
}

@media only screen and (min-width: 36em) {
    .selection-row__select-item .select-indicator {
        order:1;
        padding: 0
    }
}

.selection-row__select-item .select-indicator:before {
    content: " ";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    border: .1rem solid #eeeded;
    border-radius: 50%
}

.selection-row__select-item .select-indicator.selected:before {
    border: .1rem solid #ffc421
}

.selection-row__select-item .select-indicator.selected:after {
    content: " ";
    display: block;
    box-sizing: inherit;
    width: .6rem;
    height: 1.3rem;
    border: solid #ffc421;
    border-width: 0 .05rem .05rem 0;
    position: absolute;
    top: 0;
    left: 1rem;
    margin-top: .4rem;
    transform: rotate(45deg)
}

@media only screen and (min-width: 36em) {
    .selection-row__select-item.manage-profile {
        width:25%
    }
}

.selection-row__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: normal;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .selection-row__items {
        width:70%;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 36em) {
    .selection-row__items.manage-profile {
        width:80%
    }
}

.selection-row__item {
    box-sizing: inherit;
    padding: 3.2rem 0 3.2rem 2.4rem
}

.selection-row__item .form-helper,.selection-row__item label {
    color: #655c58
}

.selection-row__item:nth-child(n+3),.selection-row__item:nth-child(n+4) {
    padding: 0 2.4rem 3.2rem
}

@media only screen and (min-width: 36em) {
    .selection-row__item:nth-child(n+3),.selection-row__item:nth-child(n+4) {
        padding:3.2rem 0 3.2rem 2.4rem
    }
}

.selection-row__item.manage-profile {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .selection-row__item.manage-profile {
        padding:3.2rem 5rem 3.2rem 2.4rem;
        width: 25%
    }
}

.selection-row__options {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media only screen and (min-width: 36em) {
    .selection-row__options {
        display:flex;
        flex-direction: row
    }
}

.selection-row__options p {
    margin-right: 0;
    margin-top: 1rem
}

@media only screen and (min-width: 36em) {
    .selection-row__options p {
        margin-right:1.6rem
    }
}

.selection-row p {
    margin-bottom: 0
}

.selection-row.line-options .selection-row__select-item {
    width: 100%;
    white-space: nowrap
}

@media only screen and (min-width: 36em) {
    .selection-row.line-options .selection-row__select-item {
        width:20%;
        align-items: flex-start
    }
}

.selection-row.line-options .selection-row__select-item .select-indicator {
    margin-top: 1rem
}

.selection-row.line-options .selection-row__items {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .selection-row.line-options .selection-row__items {
        width:80%
    }
}

.selection-row.line-options .selection-row__item {
    width: 50%
}

@media only screen and (min-width: 36em) {
    .selection-row.line-options .selection-row__item {
        width:17.5%
    }
}

.selection-row.line-options .selection-row__item:last-child {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .selection-row.line-options .selection-row__item:last-child {
        width:30%
    }
}

.selection-row.line-options .selection-row__item .options-section .options {
    margin-bottom: .5rem;
    margin-right: 1.6rem
}

.selection-row.line-options .tooltip-text {
    right: auto;
    left: 0
}

@media only screen and (min-width: 36em) {
    .selection-row.line-options .tooltip-text {
        left:auto;
        right: 2rem
    }
}

.step-tracker {
    box-sizing: border-box;
    height: 100%;
    border-right: .1rem solid #f7f6f6
}

.step-tracker__header {
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding: 3.2rem 3.2rem 3.2rem 2.8rem;
    font-weight: 800;
    border-bottom: .1rem solid #f7f6f6
}

.step-tracker__header.icon-morehorizontal:before {
    margin-right: .8rem;
    vertical-align: sub
}

@media only screen and (min-width: 36em) {
    .step-tracker__header.icon-morehorizontal:before {
        margin-right:1.6rem
    }
}

.step-tracker .list-group.vertical-steps {
    padding: 3.2rem;
    list-style: none;
    overflow: auto;
    height: inherit;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.step-tracker .list-group.vertical-steps::-webkit-scrollbar {
    width: 0
}

.step-tracker .list-group.vertical-steps .list-group-item {
    position: relative;
    border: none;
    box-sizing: border-box;
    border-radius: 0;
    counter-increment: step-counter;
    padding: 0 0 2rem 1.8rem
}

.step-tracker .list-group.vertical-steps .list-group-item:last-child {
    border-left: .1rem solid transparent;
    padding-bottom: 8rem
}

.step-tracker .list-group.vertical-steps .list-group-item:first-child .list-group-item__correction-top {
    position: absolute;
    left: -1.5rem;
    background: #fff;
    height: 2.5rem;
    width: 2.5rem
}

.step-tracker .list-group.vertical-steps .list-group-item:first-child.current {
    border-left: .2rem solid transparent
}

.step-tracker .list-group.vertical-steps .list-group-item:before {
    border-radius: 50%;
    background-color: "very-light-grey";
    color: transparent;
    content: counter(step-counter);
    display: none;
    float: left;
    height: 1.2rem;
    width: 1.2rem;
    border: .2rem solid transparent;
    line-height: 1;
    margin-left: -2.5rem;
    margin-top: 2.5rem;
    text-align: center
}

.step-tracker .list-group.vertical-steps .list-group-item.current {
    border-left: .2rem solid #ffc421
}

.step-tracker .list-group.vertical-steps .list-group-item.current:before {
    background-color: #fff;
    display: inline-block;
    border: .2rem solid #ffc421
}

.step-tracker .list-group.vertical-steps .list-group-item.current .list-group-item__correction-bottom {
    position: absolute;
    left: -1rem;
    top: 3.7rem;
    background: #fff;
    width: 2rem;
    height: 100%
}

.step-tracker .list-group.vertical-steps .list-group-item.visited {
    border-left: .2rem solid #f7f6f6
}

.step-tracker .list-group.vertical-steps .list-group-item.visited:before {
    display: inline-block
}

.step-tracker .list-group.vertical-steps .list-group-item.visited .icon-minus,.step-tracker .list-group.vertical-steps .list-group-item.visited .icon-plus {
    display: inline;
    cursor: pointer
}

.step-tracker .list-group.vertical-steps .list-group-item.visited.pending .list-group-item__correction-bottom {
    position: absolute;
    left: -1rem;
    top: 3.7rem;
    background: #fff;
    width: 2rem;
    height: 100%
}

.step-tracker .list-group.vertical-steps .list-group-item.visited.current:not(:first-child) .list-group-item__correction-top {
    position: absolute;
    left: -.2rem;
    background: #ffc421;
    height: 2.5rem;
    width: .2rem
}

.step-tracker .list-group.vertical-steps .list-group-item.visited.current .list-group-item__correction-bottom {
    position: absolute;
    top: 3.7rem;
    left: -.2rem;
    height: 100%;
    width: .2rem;
    background: #f7f6f6
}

.step-tracker .list-group.vertical-steps .list-group-item.completed {
    border-left: .2rem solid #ffc421
}

.step-tracker .list-group.vertical-steps .list-group-item.completed:before {
    background-color: #ffc421;
    display: inline-block
}

.step-tracker .list-group.vertical-steps .list-group-item.completed.current:before {
    background-color: #fff;
    border: .2rem solid #ffc421
}

.step-tracker .list-group.vertical-steps .list-group-item.completed .icon-minus,.step-tracker .list-group.vertical-steps .list-group-item.completed .icon-plus {
    display: inline;
    cursor: pointer
}

.step-tracker .list-group.vertical-steps .list-group-item.disable-item {
    opacity: .5
}

.step-tracker .list-group.vertical-steps .list-group-item__subitem {
    display: none;
    justify-content: space-between;
    align-items: flex-start;
    background: #f7f6f6;
    padding: 1.6rem;
    margin-top: 1.6rem;
    margin-left: 3.2rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 800;
    border-bottom: .1rem solid #fff;
    border-radius: .4rem
}

.step-tracker .list-group.vertical-steps .list-group-item__subitem pre {
    display: inline;
    font-size: 1.5rem;
    line-height: 1;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.step-tracker .list-group.vertical-steps .list-group-item.expanded .list-group-item__subitem {
    display: flex
}

.step-tracker .list-group.vertical-steps .list-group-item.expanded .icon-plus {
    display: none
}

.step-tracker .list-group.vertical-steps .list-group-item.collapsed .icon-plus,.step-tracker .list-group.vertical-steps .list-group-item.expanded .icon-minus {
    display: inline;
    cursor: pointer;
    vertical-align: sub
}

.step-tracker .list-group.vertical-steps .list-group-item.collapsed .icon-minus {
    display: none
}

.step-tracker .list-group.vertical-steps .list-group-item__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 800;
    border-bottom: .1rem solid #fff;
    border-radius: .4rem;
    background: #f7f6f6;
    padding: 1.6rem
}

.step-tracker .list-group.vertical-steps .list-group-item__title .icon-minus,.step-tracker .list-group.vertical-steps .list-group-item__title .icon-plus {
    display: none
}

.step-tracker .list-group.vertical-steps .list-group-item .icon-edit {
    cursor: pointer;
    color: #291d18;
    text-decoration: none;
    overflow: hidden
}

.step-tracker .list-group.vertical-steps .list-group-item .icon-edit.disabled {
    pointer-events: none
}

.step-tracker .list-group.vertical-steps .active {
    background: #ffc421;
    color: #fff
}

.step-tracker .list-group.vertical-steps .active .icon-edit {
    color: #fff;
    overflow: hidden
}

.step-tracker .list-group.vertical-steps .active.sub-item-open {
    background-color: #f7f6f6;
    color: #291d18
}

.sticky-container {
    width: 100%;
    background: #fff;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0
}

.sticky-container.border-top {
    border-top: .2rem solid #ffc421
}

.sticky-container.border-top.add-option,.sticky-container.border-top.remove-option {
    border-top: none
}

.sticky-action-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: inherit;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 1rem 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .sticky-action-item {
        flex-direction:row;
        align-items: center;
        padding: 3.2rem 4.8rem
    }
}

.sticky-action-item button {
    margin-left: auto;
    margin-right: auto
}

.sticky-action-item-text {
    font-size: 1.5rem;
    margin-right: 4rem
}

.sticky-action-item .header-mobile {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: inherit;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    padding: 1.6rem 0
}

@media only screen and (min-width: 48.0625em) {
    .sticky-action-item .header-mobile {
        display:none;
        padding: 0
    }
}

.sticky-action-item .header-mobile.sim-lines {
    display: flex;
    width: 100%;
    flex-grow: 0
}

@media only screen and (min-width: 48.0625em) {
    .sticky-action-item .header-mobile.sim-lines {
        width:auto;
        flex-grow: .5
    }
}

.sticky-action-item .header-mobile__desc:before {
    box-sizing: inherit;
    font-weight: 700;
    font-size: 1.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border: .1rem solid #291d18;
    border-radius: 50%;
    margin-right: 1.6rem;
    padding: .4rem
}

.sticky-action-item .header-mobile__actions {
    display: flex;
    flex-direction: row
}

@media only screen and (min-width: 48.0625em) {
    .sticky-action-item .header-mobile__actions {
        display:none
    }
}

.sticky-action-item .header-mobile__actions .text {
    margin-right: 2rem
}

.sticky-action-item .header-mobile__actions .icon:before {
    content: "\003E";
    position: relative;
    top: 50%;
    right: 0;
    transform: translate(-50%,-50%) rotate(90deg) scaleY(1.75);
    color: #291d18;
    font-size: 1.6rem;
    pointer-events: none;
    margin-right: 1rem;
    z-index: 2;
    transition: all .25s cubic-bezier(.4,.25,.3,1);
    opacity: .6
}

.sticky-action-item .header-mobile__actions.open .icon:before {
    transform: translate(-50%,-50%) rotate(90deg) scaleX(-1) scaleY(1.75)
}

.sticky-action-item .header-mobile__actions .icon-toggle {
    font-size: .9rem;
    transform: rotate(90deg);
    position: relative;
    bottom: .3rem
}

.sticky-action-item .header-mobile__actions.open .icon-toggle {
    transform: rotate(-90deg)
}

.sticky-action-item .message {
    display: flex;
    align-self: auto;
    flex-grow: 0;
    font-size: 1.5rem;
    line-height: 1.6rem;
    font-weight: 500;
    color: #291d18;
    margin-right: 0;
    padding-bottom: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .sticky-action-item .message {
        flex-grow:.5;
        padding-bottom: 0;
        align-self: flex-end
    }
}

.sticky-action-item .message.hidden {
    visibility: hidden;
    height: 0;
    width: 0
}

.sticky-action-item .message.message--line {
    align-self: auto;
    padding: 0 0 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .sticky-action-item .message.message--line {
        padding:0 3.2rem
    }
}

.sticky-action-item .message.message--line.error {
    flex-grow: 0
}

.sticky-action-item ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .sticky-action-item ul {
        flex-direction:row;
        width: auto
    }
}

.sticky-action-item .action-item-list {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .sticky-action-item .action-item-list {
        display:flex
    }
}

.sticky-action-item ul.open {
    display: flex
}

.sticky-action-item li {
    font-size: 1.5rem;
    font-weight: 500;
    color: #291d18;
    cursor: pointer;
    margin-right: 0;
    padding: 1.6rem 0;
    border-top: .1rem solid #eeeded;
    white-space: nowrap
}

@media only screen and (min-width: 48.0625em) {
    .sticky-action-item li {
        margin-right:2rem;
        border-top: 0;
        padding: 0
    }
}

.sticky-action-item li.active,.sticky-action-item li:active,.sticky-action-item li:hover {
    color: #ffc421
}

.sticky-action-item li.active .icon-sticky,.sticky-action-item li:active .icon-sticky,.sticky-action-item li:hover .icon-sticky {
    color: #ffc421
}

.sticky-action-item li.disabled-state,.sticky-action-item li:disabled {
    color: #291d18
}

.sticky-action-item li.disabled-state .icon-sticky,.sticky-action-item li:disabled .icon-sticky {
    color: #291d18
}

.sticky-action-item li a,.sticky-action-item li a:hover {
    color: #291d18;
    text-decoration: none
}

.sticky-action-item li .icon-sticky {
    font-size: 2.4rem;
    color: #291d18;
    margin-right: 1.2rem;
    vertical-align: middle
}

.sticky-action-item.add-option ul>li {
    cursor: default
}

.sticky-action-item.add-option ul>li.active,.sticky-action-item.add-option ul>li:active,.sticky-action-item.add-option ul>li:hover {
    color: #291d18
}

.sticky-action-item.remove-option ul>li {
    cursor: default
}

.sticky-action-item.remove-option ul>li.active,.sticky-action-item.remove-option ul>li:active,.sticky-action-item.remove-option ul>li:hover {
    color: #291d18
}

.sticky-action-item.error {
    justify-content: center
}

.sticky-action-item.error .message {
    margin-right: 0;
    flex-grow: 0
}

@media only screen and (min-width: 48.0625em) {
    .sticky-action-item.error .message {
        margin-right:5.6rem
    }
}

.sticky-container.error {
    border-top: .2rem solid #c95942
}

.sticky-container.error .selected-lines {
    flex-grow: 0;
    white-space: nowrap;
    padding-right: 0
}

@media only screen and (min-width: 48.0625em) {
    .sticky-container.error .selected-lines {
        flex-grow:.5;
        padding-right: 1.6rem
    }
}

.sticky-container.error .action-buttons {
    width: 100%;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .sticky-container.error .action-buttons {
        flex-direction:row;
        width: auto
    }
}

.sticky-container.error .action-buttons .button {
    width: 100%;
    margin-bottom: 1.6rem;
    margin-left: 0
}

@media only screen and (min-width: 48.0625em) {
    .sticky-container.error .action-buttons .button {
        width:auto;
        margin-bottom: 0;
        margin-left: 1.6rem
    }
}

.sticky-action-item.add-option,.sticky-action-item.remove-option,.sticky-container.error .header-mobile__actions {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .sticky-action-item.add-option,.sticky-action-item.remove-option {
        display:flex;
        align-items: center;
        justify-content: center
    }
}

.sticky-action-item-up-arrow {
    content: "";
    box-sizing: border-box;
    width: 1.3rem;
    height: 1.3rem;
    border: solid #291d18;
    border-width: 0 .05rem .05rem 0;
    position: absolute;
    top: 1.5rem;
    right: 3.2rem;
    color: #291d18;
    font-size: 2.2rem;
    margin-right: 1rem;
    opacity: .6;
    transform: rotate(45deg);
    cursor: pointer
}

.options-list {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-right: 1rem
}

@media only screen and (min-width: 48.0625em) {
    .options-list {
        margin-right:0
    }
}

.options-list button {
    margin-top: 1rem
}

.button-container {
    margin: 2rem 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 48.0625em) {
    .button-container {
        display:flex;
        align-items: center;
        justify-content: center;
        margin: 2.2rem 0
    }
}

.sticky-action-item-down-arrow {
    content: "";
    box-sizing: border-box;
    width: 1.3rem;
    height: 1.3rem;
    border: solid #291d18;
    border-width: 0 .05rem .05rem 0;
    position: absolute;
    bottom: 3.5rem;
    right: 3.2rem;
    color: #291d18;
    font-size: 2.2rem;
    margin-right: 1rem;
    opacity: .6;
    transform: rotate(225deg);
    cursor: pointer
}

.save-action-item p:after {
    content: "";
    box-sizing: border-box;
    width: 1.3rem;
    height: 1.3rem;
    border: solid #291d18;
    border-width: 0 .05rem .05rem 0;
    position: absolute;
    right: 1rem;
    color: #291d18;
    font-size: 2.2rem;
    pointer-events: none;
    margin-right: 1rem;
    z-index: 2;
    opacity: .6;
    transform: rotate(225deg)
}

@media only screen and (min-width: 48.0625em) {
    .save-action-item p:after {
        content:"";
        border-width: 0
    }
}

.button-container-content {
    position: absolute;
    left: 4rem;
    bottom: 2.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6rem
}

.tariff-options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 113.2rem
}

.tariff-options .options-button {
    margin-right: 2.4rem;
    margin-bottom: 1.2rem
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .sticky-action-item .message {
        width: 53rem!important;
        flex-grow: 0!important
    }
}

@media only screen and (-ms-high-contrast:active) and (min-width: 48.0625em),only screen and (-ms-high-contrast:none) and (min-width:48.0625em) {
    .sticky-action-item .header-mobile.sim-lines {
        width:38%;
        flex-grow: 0
    }
}

.text-block__left img.option-logo {
    max-width: 10rem;
    max-height: 5rem
}

.list-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 23.5rem;
    min-height: 4rem;
    padding: 1.2rem 1rem 1.2rem 1.6rem;
    margin-bottom: .8rem;
    border: 0;
    border-radius: 0;
    background: #fff
}

.list-button:active,.list-button:focus,.list-button:hover {
    cursor: pointer;
    text-decoration: none;
    background: #f7f6f6
}

.list-button:active .list-button__collapsible,.list-button:active .list-button__icon,.list-button:active .list-button__label,.list-button:active .list-button__label__subtext,.list-button:active .list-button__label a,.list-button:focus .list-button__collapsible,.list-button:focus .list-button__icon,.list-button:focus .list-button__label,.list-button:focus .list-button__label__subtext,.list-button:focus .list-button__label a,.list-button:hover .list-button__collapsible,.list-button:hover .list-button__icon,.list-button:hover .list-button__label,.list-button:hover .list-button__label__subtext,.list-button:hover .list-button__label a {
    color: #291d18
}

.list-button.disabled,.list-button.disabled:hover,.list-button:disabled,.list-button:disabled:hover {
    pointer-events: none;
    background: #fff
}

.list-button.disabled .list-button__icon,.list-button.disabled .list-button__label,.list-button.disabled .list-button__label__subtext,.list-button.disabled .list-button__label a,.list-button.disabled:hover .list-button__icon,.list-button.disabled:hover .list-button__label,.list-button.disabled:hover .list-button__label__subtext,.list-button.disabled:hover .list-button__label a,.list-button:disabled .list-button__icon,.list-button:disabled .list-button__label,.list-button:disabled .list-button__label__subtext,.list-button:disabled .list-button__label a,.list-button:disabled:hover .list-button__icon,.list-button:disabled:hover .list-button__label,.list-button:disabled:hover .list-button__label__subtext,.list-button:disabled:hover .list-button__label a {
    color: #999391
}

.list-button__icon {
    color: #291d18;
    margin-right: 1.6rem;
    margin-top: -.2rem;
    font-size: 2rem
}

.list-button__icon.icon-netweters {
    font-size: 2.4rem;
    margin-right: 1.2rem
}

.list-button__image {
    margin-right: 1.6rem;
    margin-top: 0
}

.list-button__image,.list-button__image img {
    width: 2rem;
    height: 2.4rem
}

.list-button__label,.list-button__label a {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 800;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    text-align: left;
    color: #291d18
}

.list-button__label__subtext,.list-button__label a__subtext {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 500;
    color: #291d18
}

.list-button--secondary {
    min-width: 21.1rem
}

.list-button__collapsible {
    margin-left: auto
}

.list-button.list-button--inline {
    width: 100%;
    height: 4.8rem;
    padding: 0 2rem
}

.list-button.list-button--inline .list-button__label {
    margin: auto;
    font-weight: 500;
    text-align: center
}

.options-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    min-width: 100%;
    height: 3.2rem;
    font-size: 1.8rem;
    line-height: 1.6rem;
    font-weight: 500;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    padding: 0 1.6rem;
    border-radius: 1.6rem;
    border: 0;
    white-space: nowrap;
    color: #655c58;
    background-color: #fff
}

@media only screen and (min-width: 36em) {
    .options-button {
        min-width:17.2rem;
        font-size: 1.5rem
    }
}

.options-button .separator {
    margin-right: 2rem;
    margin-left: 2rem;
    height: 3.2rem;
    width: .1rem;
    background: #f7f6f6
}

.options-button .separator.minus:after {
    content: "\002D";
    position: relative;
    top: .4rem;
    left: .8rem;
    font-size: 3rem
}

.options-button .separator.plus:after {
    content: "\002B";
    position: relative;
    top: .4rem;
    left: .8rem;
    font-size: 3rem
}

.options-button .separator.tick:after {
    content: " ";
    box-sizing: inherit;
    width: .6rem;
    height: 1.3rem;
    border: solid #291d18;
    border-width: 0 .05rem .05rem 0;
    transform: rotate(45deg);
    position: absolute;
    margin-top: .8rem;
    margin-left: 1rem
}

.options-button.selected {
    border-color: #ffc421;
    background-color: #ffc421;
    color: #fff
}

.options-button.selected .separator {
    background: #fff
}

.options-button.selected .separator.tick:after {
    border: solid #fff;
    border-width: 0 .05rem .05rem 0
}

.options-button.disabled,.options-button:disabled {
    border: 0;
    color: #eeeded;
    background-color: #f7f6f6;
    pointer-events: none
}

.options-button.disabled .separator,.options-button:disabled .separator {
    background: #fff
}

.options-button.disabled .separator.tick:after,.options-button:disabled .separator.tick:after {
    border: solid #eeeded;
    border-width: 0 .05rem .05rem 0
}

#smartbanner.android .sb-button,#smartbanner .sb-button,.AEM--Button__primary,.AEM--Button__primary__fullwidth,.AEM--Button__secondary,.AEM--Button__secondary__fullwidth,.AEM--Button__secondary__light,.AEM--Button__secondary__light__fullwidth,.button:not([class*=section]),.image-title-text-block:not(.cur-pointer) .cmp-text a,.lgi_btn_3,.lgi_btn_3.selected,.lgi_btn_3:active,.lgi_btn_7,.lgi_btn_7.selected,.lgi_btn_7:active,.lgi_btn_9,.lgi_btn_9.selected,.lgi_btn_9:active,.lgi_steps_shortbutton,.upc_button,.upc_button1-1,.upc_button1-2,.upc_button2,.upc_button3,.upc_button3-1,.upc_button4,.upc_button4-1,.upc_button-1,.upc_button-2,.upc_button-3,.upc_button-4,button.lgi_btn_3,button.lgi_btn_7,button.lgi_btn_9,button.upc_button,button.upc_button2,button.upc_button3,button.upc_button-2,button.upc_button-3,div#onetrust-banner-sdk #onetrust-accept-btn-handler {
    color: var(--button__color);
    background-color: var(--button__backgroundcolor);
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    padding: 1.2rem 2.4rem;
    border: .1rem solid transparent;
    border-radius: .4rem;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    min-height: 4.8rem;
    min-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

@media only screen and (min-width: 36em) {
    #smartbanner.android .sb-button,#smartbanner .sb-button,.AEM--Button__primary,.AEM--Button__primary__fullwidth,.AEM--Button__secondary,.AEM--Button__secondary__fullwidth,.AEM--Button__secondary__light,.AEM--Button__secondary__light__fullwidth,.button:not([class*=section]),.image-title-text-block:not(.cur-pointer) .cmp-text a,.lgi_btn_3,.lgi_btn_3.selected,.lgi_btn_3:active,.lgi_btn_7,.lgi_btn_7.selected,.lgi_btn_7:active,.lgi_btn_9,.lgi_btn_9.selected,.lgi_btn_9:active,.lgi_steps_shortbutton,.upc_button,.upc_button1-1,.upc_button1-2,.upc_button2,.upc_button3,.upc_button3-1,.upc_button4,.upc_button4-1,.upc_button-1,.upc_button-2,.upc_button-3,.upc_button-4,button.lgi_btn_3,button.lgi_btn_7,button.lgi_btn_9,button.upc_button,button.upc_button2,button.upc_button3,button.upc_button-2,button.upc_button-3,div#onetrust-banner-sdk #onetrust-accept-btn-handler {
        font-size:1.8rem;
        line-height: 2.8rem;
        min-height: 4.9rem;
        min-width: auto;
        padding: 1.2rem 1.6rem
    }
}

#smartbanner .sb-button:hover,.AEM--Button__primary:hover,.AEM--Button__primary__fullwidth:hover,.AEM--Button__secondary:hover,.AEM--Button__secondary__fullwidth:hover,.AEM--Button__secondary__light:hover,.AEM--Button__secondary__light__fullwidth:hover,.button:not([class*=section]):hover,.image-title-text-block:not(.cur-pointer) .cmp-text a:hover,.lgi_btn_3:hover,.lgi_btn_7:hover,.lgi_btn_9:hover,.lgi_steps_shortbutton:hover,.upc_button1-1:hover,.upc_button1-2:hover,.upc_button2:hover,.upc_button3-1:hover,.upc_button3:hover,.upc_button4-1:hover,.upc_button4:hover,.upc_button-1:hover,.upc_button-2:hover,.upc_button-3:hover,.upc_button-4:hover,.upc_button:hover,div#onetrust-banner-sdk #onetrust-accept-btn-handler:hover {
    color: var(--button__color__button--hover);
    background-color: var(--button__backgroundcolor__button--hover);
    cursor: pointer
}

#smartbanner .sb-button:active,.AEM--Button__primary:active,.AEM--Button__primary__fullwidth:active,.AEM--Button__secondary:active,.AEM--Button__secondary__fullwidth:active,.AEM--Button__secondary__light:active,.AEM--Button__secondary__light__fullwidth:active,.button:not([class*=section]):active,.image-title-text-block:not(.cur-pointer) .cmp-text a:active,.lgi_btn_3:active,.lgi_btn_7:active,.lgi_btn_9:active,.lgi_steps_shortbutton:active,.upc_button1-1:active,.upc_button1-2:active,.upc_button2:active,.upc_button3-1:active,.upc_button3:active,.upc_button4-1:active,.upc_button4:active,.upc_button-1:active,.upc_button-2:active,.upc_button-3:active,.upc_button-4:active,.upc_button:active,div#onetrust-banner-sdk #onetrust-accept-btn-handler:active {
    color: var(--button__color__button--active);
    background-color: var(--button__backgroundcolor__button--active)
}

#smartbanner .sb-button:focus,#smartbanner .sb-button:hover,.AEM--Button__primary:focus,.AEM--Button__primary:hover,.AEM--Button__primary__fullwidth:focus,.AEM--Button__primary__fullwidth:hover,.AEM--Button__secondary:focus,.AEM--Button__secondary:hover,.AEM--Button__secondary__fullwidth:focus,.AEM--Button__secondary__fullwidth:hover,.AEM--Button__secondary__light:focus,.AEM--Button__secondary__light:hover,.AEM--Button__secondary__light__fullwidth:focus,.AEM--Button__secondary__light__fullwidth:hover,.button:not([class*=section]):focus,.button:not([class*=section]):hover,.image-title-text-block:not(.cur-pointer) .cmp-text a:focus,.image-title-text-block:not(.cur-pointer) .cmp-text a:hover,.lgi_btn_3:focus,.lgi_btn_3:hover,.lgi_btn_7:focus,.lgi_btn_7:hover,.lgi_btn_9:focus,.lgi_btn_9:hover,.lgi_steps_shortbutton:focus,.lgi_steps_shortbutton:hover,.upc_button1-1:focus,.upc_button1-1:hover,.upc_button1-2:focus,.upc_button1-2:hover,.upc_button2:focus,.upc_button2:hover,.upc_button3-1:focus,.upc_button3-1:hover,.upc_button3:focus,.upc_button3:hover,.upc_button4-1:focus,.upc_button4-1:hover,.upc_button4:focus,.upc_button4:hover,.upc_button-1:focus,.upc_button-1:hover,.upc_button-2:focus,.upc_button-2:hover,.upc_button-3:focus,.upc_button-3:hover,.upc_button-4:focus,.upc_button-4:hover,.upc_button:focus,.upc_button:hover,div#onetrust-banner-sdk #onetrust-accept-btn-handler:focus,div#onetrust-banner-sdk #onetrust-accept-btn-handler:hover {
    text-decoration: none
}

#smartbanner .focus.sb-button,#smartbanner .sb-button:focus,.AEM--Button__primary:focus,.AEM--Button__primary__fullwidth:focus,.AEM--Button__secondary:focus,.AEM--Button__secondary__fullwidth:focus,.AEM--Button__secondary__light:focus,.AEM--Button__secondary__light__fullwidth:focus,.button:not([class*=section]).focus,.button:not([class*=section]):focus,.focus.AEM--Button__primary,.focus.AEM--Button__primary__fullwidth,.focus.AEM--Button__secondary,.focus.AEM--Button__secondary__fullwidth,.focus.AEM--Button__secondary__light,.focus.AEM--Button__secondary__light__fullwidth,.focus.lgi_btn_3,.focus.lgi_btn_7,.focus.lgi_btn_9,.focus.lgi_steps_shortbutton,.focus.upc_button,.focus.upc_button1-1,.focus.upc_button1-2,.focus.upc_button2,.focus.upc_button3,.focus.upc_button3-1,.focus.upc_button4,.focus.upc_button4-1,.focus.upc_button-1,.focus.upc_button-2,.focus.upc_button-3,.focus.upc_button-4,.image-title-text-block:not(.cur-pointer) .cmp-text a.focus,.image-title-text-block:not(.cur-pointer) .cmp-text a:focus,.lgi_btn_3:focus,.lgi_btn_7:focus,.lgi_btn_9:focus,.lgi_steps_shortbutton:focus,.upc_button1-1:focus,.upc_button1-2:focus,.upc_button2:focus,.upc_button3-1:focus,.upc_button3:focus,.upc_button4-1:focus,.upc_button4:focus,.upc_button-1:focus,.upc_button-2:focus,.upc_button-3:focus,.upc_button-4:focus,.upc_button:focus,div#onetrust-banner-sdk #onetrust-accept-btn-handler:focus,div#onetrust-banner-sdk .focus#onetrust-accept-btn-handler {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .3);
    outline: 0
}

#smartbanner .button--disabled.sb-button,#smartbanner .button--disabled.sb-button:hover,#smartbanner .disabled.sb-button,#smartbanner .disabled.sb-button:hover,#smartbanner .sb-button:disabled,#smartbanner .sb-button:disabled:hover,.AEM--Button__primary:disabled,.AEM--Button__primary:disabled:hover,.AEM--Button__primary__fullwidth:disabled,.AEM--Button__primary__fullwidth:disabled:hover,.AEM--Button__secondary:disabled,.AEM--Button__secondary:disabled:hover,.AEM--Button__secondary__fullwidth:disabled,.AEM--Button__secondary__fullwidth:disabled:hover,.AEM--Button__secondary__light:disabled,.AEM--Button__secondary__light:disabled:hover,.AEM--Button__secondary__light__fullwidth:disabled,.AEM--Button__secondary__light__fullwidth:disabled:hover,.button--disabled.AEM--Button__primary,.button--disabled.AEM--Button__primary:hover,.button--disabled.AEM--Button__primary__fullwidth,.button--disabled.AEM--Button__primary__fullwidth:hover,.button--disabled.AEM--Button__secondary,.button--disabled.AEM--Button__secondary:hover,.button--disabled.AEM--Button__secondary__fullwidth,.button--disabled.AEM--Button__secondary__fullwidth:hover,.button--disabled.AEM--Button__secondary__light,.button--disabled.AEM--Button__secondary__light:hover,.button--disabled.AEM--Button__secondary__light__fullwidth,.button--disabled.AEM--Button__secondary__light__fullwidth:hover,.button--disabled.lgi_btn_3,.button--disabled.lgi_btn_3:hover,.button--disabled.lgi_btn_7,.button--disabled.lgi_btn_7:hover,.button--disabled.lgi_btn_9,.button--disabled.lgi_btn_9:hover,.button--disabled.lgi_steps_shortbutton,.button--disabled.lgi_steps_shortbutton:hover,.button--disabled.upc_button,.button--disabled.upc_button1-1,.button--disabled.upc_button1-1:hover,.button--disabled.upc_button1-2,.button--disabled.upc_button1-2:hover,.button--disabled.upc_button2,.button--disabled.upc_button2:hover,.button--disabled.upc_button3,.button--disabled.upc_button3-1,.button--disabled.upc_button3-1:hover,.button--disabled.upc_button3:hover,.button--disabled.upc_button4,.button--disabled.upc_button4-1,.button--disabled.upc_button4-1:hover,.button--disabled.upc_button4:hover,.button--disabled.upc_button-1,.button--disabled.upc_button-1:hover,.button--disabled.upc_button-2,.button--disabled.upc_button-2:hover,.button--disabled.upc_button-3,.button--disabled.upc_button-3:hover,.button--disabled.upc_button-4,.button--disabled.upc_button-4:hover,.button--disabled.upc_button:hover,.button:not([class*=section]).button--disabled,.button:not([class*=section]).button--disabled:hover,.button:not([class*=section]).disabled,.button:not([class*=section]).disabled:hover,.button:not([class*=section]):disabled,.button:not([class*=section]):disabled:hover,.disabled.AEM--Button__primary,.disabled.AEM--Button__primary:hover,.disabled.AEM--Button__primary__fullwidth,.disabled.AEM--Button__primary__fullwidth:hover,.disabled.AEM--Button__secondary,.disabled.AEM--Button__secondary:hover,.disabled.AEM--Button__secondary__fullwidth,.disabled.AEM--Button__secondary__fullwidth:hover,.disabled.AEM--Button__secondary__light,.disabled.AEM--Button__secondary__light:hover,.disabled.AEM--Button__secondary__light__fullwidth,.disabled.AEM--Button__secondary__light__fullwidth:hover,.disabled.lgi_btn_3,.disabled.lgi_btn_3:hover,.disabled.lgi_btn_7,.disabled.lgi_btn_7:hover,.disabled.lgi_btn_9,.disabled.lgi_btn_9:hover,.disabled.lgi_steps_shortbutton,.disabled.lgi_steps_shortbutton:hover,.disabled.upc_button,.disabled.upc_button1-1,.disabled.upc_button1-1:hover,.disabled.upc_button1-2,.disabled.upc_button1-2:hover,.disabled.upc_button2,.disabled.upc_button2:hover,.disabled.upc_button3,.disabled.upc_button3-1,.disabled.upc_button3-1:hover,.disabled.upc_button3:hover,.disabled.upc_button4,.disabled.upc_button4-1,.disabled.upc_button4-1:hover,.disabled.upc_button4:hover,.disabled.upc_button-1,.disabled.upc_button-1:hover,.disabled.upc_button-2,.disabled.upc_button-2:hover,.disabled.upc_button-3,.disabled.upc_button-3:hover,.disabled.upc_button-4,.disabled.upc_button-4:hover,.disabled.upc_button:hover,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--disabled,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--disabled:hover,.image-title-text-block:not(.cur-pointer) .cmp-text a.disabled,.image-title-text-block:not(.cur-pointer) .cmp-text a.disabled:hover,.image-title-text-block:not(.cur-pointer) .cmp-text a:disabled,.image-title-text-block:not(.cur-pointer) .cmp-text a:disabled:hover,.lgi_btn_3:disabled,.lgi_btn_3:disabled:hover,.lgi_btn_7:disabled,.lgi_btn_7:disabled:hover,.lgi_btn_9:disabled,.lgi_btn_9:disabled:hover,.lgi_steps_shortbutton:disabled,.lgi_steps_shortbutton:disabled:hover,.upc_button1-1:disabled,.upc_button1-1:disabled:hover,.upc_button1-2:disabled,.upc_button1-2:disabled:hover,.upc_button2:disabled,.upc_button2:disabled:hover,.upc_button3-1:disabled,.upc_button3-1:disabled:hover,.upc_button3:disabled,.upc_button3:disabled:hover,.upc_button4-1:disabled,.upc_button4-1:disabled:hover,.upc_button4:disabled,.upc_button4:disabled:hover,.upc_button-1:disabled,.upc_button-1:disabled:hover,.upc_button-2:disabled,.upc_button-2:disabled:hover,.upc_button-3:disabled,.upc_button-3:disabled:hover,.upc_button-4:disabled,.upc_button-4:disabled:hover,.upc_button:disabled,.upc_button:disabled:hover,div#onetrust-banner-sdk #onetrust-accept-btn-handler:disabled,div#onetrust-banner-sdk #onetrust-accept-btn-handler:disabled:hover,div#onetrust-banner-sdk .button--disabled#onetrust-accept-btn-handler,div#onetrust-banner-sdk .button--disabled#onetrust-accept-btn-handler:hover,div#onetrust-banner-sdk .disabled#onetrust-accept-btn-handler,div#onetrust-banner-sdk .disabled#onetrust-accept-btn-handler:hover {
    color: var(--button__color__button--disabled);
    background-color: var(--button__backgroundcolor__button--disabled);
    opacity: .48;
    pointer-events: none
}

#smartbanner .button--width-auto.sb-button,.button--width-auto.AEM--Button__primary,.button--width-auto.AEM--Button__primary__fullwidth,.button--width-auto.AEM--Button__secondary,.button--width-auto.AEM--Button__secondary__fullwidth,.button--width-auto.AEM--Button__secondary__light,.button--width-auto.AEM--Button__secondary__light__fullwidth,.button--width-auto.lgi_btn_3,.button--width-auto.lgi_btn_7,.button--width-auto.lgi_btn_9,.button--width-auto.lgi_steps_shortbutton,.button--width-auto.upc_button,.button--width-auto.upc_button1-1,.button--width-auto.upc_button1-2,.button--width-auto.upc_button2,.button--width-auto.upc_button3,.button--width-auto.upc_button3-1,.button--width-auto.upc_button4,.button--width-auto.upc_button4-1,.button--width-auto.upc_button-1,.button--width-auto.upc_button-2,.button--width-auto.upc_button-3,.button--width-auto.upc_button-4,.button:not([class*=section]).button--width-auto,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--width-auto,div#onetrust-banner-sdk .button--width-auto#onetrust-accept-btn-handler {
    min-width: 100%
}

@media only screen and (min-width: 36em) {
    #smartbanner .button--width-auto.sb-button,.button--width-auto.AEM--Button__primary,.button--width-auto.AEM--Button__primary__fullwidth,.button--width-auto.AEM--Button__secondary,.button--width-auto.AEM--Button__secondary__fullwidth,.button--width-auto.AEM--Button__secondary__light,.button--width-auto.AEM--Button__secondary__light__fullwidth,.button--width-auto.lgi_btn_3,.button--width-auto.lgi_btn_7,.button--width-auto.lgi_btn_9,.button--width-auto.lgi_steps_shortbutton,.button--width-auto.upc_button,.button--width-auto.upc_button1-1,.button--width-auto.upc_button1-2,.button--width-auto.upc_button2,.button--width-auto.upc_button3,.button--width-auto.upc_button3-1,.button--width-auto.upc_button4,.button--width-auto.upc_button4-1,.button--width-auto.upc_button-1,.button--width-auto.upc_button-2,.button--width-auto.upc_button-3,.button--width-auto.upc_button-4,.button:not([class*=section]).button--width-auto,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--width-auto,div#onetrust-banner-sdk .button--width-auto#onetrust-accept-btn-handler {
        min-width:auto
    }
}

#smartbanner .button--default--width.sb-button,.button--default--width.AEM--Button__primary,.button--default--width.AEM--Button__primary__fullwidth,.button--default--width.AEM--Button__secondary,.button--default--width.AEM--Button__secondary__fullwidth,.button--default--width.AEM--Button__secondary__light,.button--default--width.AEM--Button__secondary__light__fullwidth,.button--default--width.lgi_btn_3,.button--default--width.lgi_btn_7,.button--default--width.lgi_btn_9,.button--default--width.lgi_steps_shortbutton,.button--default--width.upc_button,.button--default--width.upc_button1-1,.button--default--width.upc_button1-2,.button--default--width.upc_button2,.button--default--width.upc_button3,.button--default--width.upc_button3-1,.button--default--width.upc_button4,.button--default--width.upc_button4-1,.button--default--width.upc_button-1,.button--default--width.upc_button-2,.button--default--width.upc_button-3,.button--default--width.upc_button-4,.button:not([class*=section]).button--default--width,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--default--width,div#onetrust-banner-sdk .button--default--width#onetrust-accept-btn-handler {
    min-width: 12.5rem
}

#smartbanner .button--height-auto.sb-button,.button--height-auto.AEM--Button__primary,.button--height-auto.AEM--Button__primary__fullwidth,.button--height-auto.AEM--Button__secondary,.button--height-auto.AEM--Button__secondary__fullwidth,.button--height-auto.AEM--Button__secondary__light,.button--height-auto.AEM--Button__secondary__light__fullwidth,.button--height-auto.lgi_btn_3,.button--height-auto.lgi_btn_7,.button--height-auto.lgi_btn_9,.button--height-auto.lgi_steps_shortbutton,.button--height-auto.upc_button,.button--height-auto.upc_button1-1,.button--height-auto.upc_button1-2,.button--height-auto.upc_button2,.button--height-auto.upc_button3,.button--height-auto.upc_button3-1,.button--height-auto.upc_button4,.button--height-auto.upc_button4-1,.button--height-auto.upc_button-1,.button--height-auto.upc_button-2,.button--height-auto.upc_button-3,.button--height-auto.upc_button-4,.button:not([class*=section]).button--height-auto,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--height-auto,div#onetrust-banner-sdk .button--height-auto#onetrust-accept-btn-handler {
    min-height: auto;
    line-height: unset
}

.button:not([class*=section]).button--secondary {
    border: var(--button--secondary--border)
}

.button:not([class*=section]).button--secondary:focus,.button:not([class*=section]).button--secondary:hover {
    border: var(--button--secondary--hover--border)
}

.button:not([class*=section]).button--secondary.button--disabled,.button:not([class*=section]).button--secondary.button--disabled:hover,.button:not([class*=section]).button--secondary.disabled,.button:not([class*=section]).button--secondary.disabled:hover,.button:not([class*=section]).button--secondary:disabled,.button:not([class*=section]).button--secondary:disabled:hover {
    border: .1rem solid transparent
}

.button:not([class*=section]).button--tertiary {
    text-decoration: underline;
    font-family: TelenetAlbra-Medium,Helvetica,Verdana,Arial,Sans-serif
}

.button:not([class*=section]).button--tertiary:before,.button:not([class*=section]).button--tertiary i,.button:not([class*=section]).button--tertiary i:before {
    text-decoration: none
}

button.button.button--primary.button__icon--position-left i:before,button.button.button--secondary.button__icon--position-left i:before,button.button.button--tertiary.button__icon--position-left i:before {
    margin-right: .8rem;
    font-size: 1.6rem;
    line-height: inherit;
    font-weight: 400;
    display: flex
}

button.button.button--primary.button__icon--position-right,button.button.button--secondary.button__icon--position-right,button.button.button--tertiary.button__icon--position-right {
    display: inline-flex;
    align-items: center
}

button.button.button--primary.button__icon--position-right img,button.button.button--secondary.button__icon--position-right img,button.button.button--tertiary.button__icon--position-right img {
    margin-right: .8rem;
    height: 2.4rem;
    width: auto
}

button.button.button--primary.button__icon--position-right i:before,button.button.button--secondary.button__icon--position-right i:before,button.button.button--tertiary.button__icon--position-right i:before {
    margin-left: .8rem;
    font-weight: 400;
    line-height: inherit;
    display: flex
}

.button__icon--position-right.icon-chevron-right {
    position: relative;
    padding-right: 4rem
}

.button__icon--position-right.icon-chevron-right:before {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 1.2rem;
    right: 1.3rem
}

.button__icon--position-right.icon-chevron-right__light,.button__icon--position-right.icon-chevron-right__outline {
    background-color: transparent;
    border: .1rem solid #fff;
    color: #fff
}

.button__icon--position-right.icon-chevron-right__light:hover,.button__icon--position-right.icon-chevron-right__outline:hover {
    color: #f7f6f6;
    background-color: transparent;
    border: .1rem solid #f7f6f6
}

.button__icon--position-right.icon-chevron-right__light.focus,.button__icon--position-right.icon-chevron-right__light:focus,.button__icon--position-right.icon-chevron-right__outline.focus,.button__icon--position-right.icon-chevron-right__outline:focus {
    box-shadow: var(--box-shadow__n___n-dark)
}

.button__icon--position-right.icon-chevron-right__light.button--disabled,.button__icon--position-right.icon-chevron-right__light.Button--disabled:hover,.button__icon--position-right.icon-chevron-right__light.button--disabled:hover .button__icon--position-right.icon-chevron-right__light.Button--disabled,.button__icon--position-right.icon-chevron-right__light.button--disabled:hover .button__icon--position-right.icon-chevron-right__outline.Button--disabled,.button__icon--position-right.icon-chevron-right__light.disabled,.button__icon--position-right.icon-chevron-right__light.disabled:hover,.button__icon--position-right.icon-chevron-right__light:disabled,.button__icon--position-right.icon-chevron-right__light:disabled:hover,.button__icon--position-right.icon-chevron-right__outline.button--disabled,.button__icon--position-right.icon-chevron-right__outline.Button--disabled:hover,.button__icon--position-right.icon-chevron-right__outline.button--disabled:hover .button__icon--position-right.icon-chevron-right__light.Button--disabled,.button__icon--position-right.icon-chevron-right__outline.button--disabled:hover .button__icon--position-right.icon-chevron-right__outline.Button--disabled,.button__icon--position-right.icon-chevron-right__outline.disabled,.button__icon--position-right.icon-chevron-right__outline.disabled:hover,.button__icon--position-right.icon-chevron-right__outline:disabled,.button__icon--position-right.icon-chevron-right__outline:disabled:hover {
    opacity: .2;
    background-color: transparent;
    color: #f7f6f6;
    border: .1rem solid #eeeded;
    pointer-events: none
}

a.button.disabled,fieldset[disabled] a.button {
    pointer-events: none
}

.AEM--Button__primary__fullwidth,.AEM--Button__secondary__fullwidth,.AEM--Button__secondary__light__fullwidth,.button:not([class*=section]).button--fullwidth {
    width: 100%
}

.button__icon--lg:before {
    margin-right: 1.8rem;
    font-size: 160%!important
}

.button:not([class*=section]).button--login-header {
    padding: 1.6rem 1.8rem 1.1rem
}

@media only screen and (min-width: 36em) {
    .button:not([class*=section]).button--login-header {
        box-sizing:border-box;
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding: .3rem 2.55rem;
        width: auto;
        min-height: 3.2rem;
        min-width: 1rem
    }
}

.button:not([class*=section]).button--login-header.button--login-header--bigger {
    box-sizing: border-box;
    width: 100%;
    padding: 1.6rem 1.8rem 1.1rem;
    line-height: 1.8rem
}

.button:not([class*=section]).button--business-phone {
    background-color: #fff;
    border: .1rem solid #ffc421;
    color: #ffc421;
    box-sizing: border-box;
    width: 100%;
    padding: 1.6rem 1.8rem 1.1rem
}

.button:not([class*=section]).button--business-phone:hover {
    color: #ffc421;
    background-color: #fff;
    border: .1rem solid #ffc421
}

.button:not([class*=section]).button--business-phone.button--disabled,.button:not([class*=section]).button--business-phone.button--disabled:hover,.button:not([class*=section]).button--business-phone.disabled,.button:not([class*=section]).button--business-phone.disabled:hover,.button:not([class*=section]).button--business-phone:disabled,.button:not([class*=section]).button--business-phone:disabled:hover {
    opacity: .5;
    background-color: #fff;
    color: #ffc421;
    border: .1rem solid #ffc421;
    pointer-events: none
}

.AEM--Button__primary,.AEM--Button__primary__fullwidth,.button.button--primary,.lgi_btn_3,.lgi_btn_7,.lgi_btn_9,.upc_button,.upc_button2,.upc_button3,.upc_button4,.upc_button-1,.upc_button-2,.upc_button-3,.upc_button-4,button.lgi_btn_3,button.lgi_btn_7,button.lgi_btn_9,button.upc_button,button.upc_button2,button.upc_button3,button.upc_button-2,button.upc_button-3 {
    color: var(--button--primary__color);
    background-color: var(--button--primary__backgroundcolor)
}

.AEM--Button__primary:hover,.AEM--Button__primary__fullwidth:hover,.button.button--primary:hover,.lgi_btn_3:hover,.lgi_btn_7:hover,.lgi_btn_9:hover,.upc_button2:hover,.upc_button3:hover,.upc_button4:hover,.upc_button-1:hover,.upc_button-2:hover,.upc_button-3:hover,.upc_button-4:hover,.upc_button:hover {
    color: var(--button--primary__color__button--hover);
    background-color: var(--button--primary__backgroundcolor__button--hover)
}

.AEM--Button__primary:active,.AEM--Button__primary__fullwidth:active,.button.button--primary:active,.lgi_btn_3:active,.lgi_btn_7:active,.lgi_btn_9:active,.upc_button2:active,.upc_button3:active,.upc_button4:active,.upc_button-1:active,.upc_button-2:active,.upc_button-3:active,.upc_button-4:active,.upc_button:active {
    color: var(--button--primary__color__button--active);
    background-color: var(--button--primary__backgroundcolor__button--active)
}

.AEM--Button__primary:disabled,.AEM--Button__primary:disabled:hover,.AEM--Button__primary__fullwidth:disabled,.AEM--Button__primary__fullwidth:disabled:hover,.button--disabled.AEM--Button__primary,.button--disabled.AEM--Button__primary:hover,.button--disabled.AEM--Button__primary__fullwidth,.button--disabled.AEM--Button__primary__fullwidth:hover,.button--disabled.lgi_btn_3,.button--disabled.lgi_btn_3:hover,.button--disabled.lgi_btn_7,.button--disabled.lgi_btn_7:hover,.button--disabled.lgi_btn_9,.button--disabled.lgi_btn_9:hover,.button--disabled.upc_button,.button--disabled.upc_button2,.button--disabled.upc_button2:hover,.button--disabled.upc_button3,.button--disabled.upc_button3:hover,.button--disabled.upc_button4,.button--disabled.upc_button4:hover,.button--disabled.upc_button-1,.button--disabled.upc_button-1:hover,.button--disabled.upc_button-2,.button--disabled.upc_button-2:hover,.button--disabled.upc_button-3,.button--disabled.upc_button-3:hover,.button--disabled.upc_button-4,.button--disabled.upc_button-4:hover,.button--disabled.upc_button:hover,.button.button--primary.button--disabled,.button.button--primary.button--disabled:hover,.button.button--primary.disabled,.button.button--primary.disabled:hover,.button.button--primary:disabled,.button.button--primary:disabled:hover,.disabled.AEM--Button__primary,.disabled.AEM--Button__primary:hover,.disabled.AEM--Button__primary__fullwidth,.disabled.AEM--Button__primary__fullwidth:hover,.disabled.lgi_btn_3,.disabled.lgi_btn_3:hover,.disabled.lgi_btn_7,.disabled.lgi_btn_7:hover,.disabled.lgi_btn_9,.disabled.lgi_btn_9:hover,.disabled.upc_button,.disabled.upc_button2,.disabled.upc_button2:hover,.disabled.upc_button3,.disabled.upc_button3:hover,.disabled.upc_button4,.disabled.upc_button4:hover,.disabled.upc_button-1,.disabled.upc_button-1:hover,.disabled.upc_button-2,.disabled.upc_button-2:hover,.disabled.upc_button-3,.disabled.upc_button-3:hover,.disabled.upc_button-4,.disabled.upc_button-4:hover,.disabled.upc_button:hover,.lgi_btn_3:disabled,.lgi_btn_3:disabled:hover,.lgi_btn_7:disabled,.lgi_btn_7:disabled:hover,.lgi_btn_9:disabled,.lgi_btn_9:disabled:hover,.upc_button2:disabled,.upc_button2:disabled:hover,.upc_button3:disabled,.upc_button3:disabled:hover,.upc_button4:disabled,.upc_button4:disabled:hover,.upc_button-1:disabled,.upc_button-1:disabled:hover,.upc_button-2:disabled,.upc_button-2:disabled:hover,.upc_button-3:disabled,.upc_button-3:disabled:hover,.upc_button-4:disabled,.upc_button-4:disabled:hover,.upc_button:disabled,.upc_button:disabled:hover {
    color: var(--button--primary__color__button--disabled);
    background-color: var(--button--primary__backgroundcolor__button--disabled)
}

.button--alternate.AEM--Button__primary,.button--alternate.AEM--Button__primary__fullwidth,.button--alternate.lgi_btn_3,.button--alternate.lgi_btn_7,.button--alternate.lgi_btn_9,.button--alternate.upc_button,.button--alternate.upc_button2,.button--alternate.upc_button3,.button--alternate.upc_button4,.button--alternate.upc_button-1,.button--alternate.upc_button-2,.button--alternate.upc_button-3,.button--alternate.upc_button-4,.button.button--primary.button--alternate {
    color: var(--button--alternate--primary__color);
    background-color: var(--button--alternate--primary__backgroundcolor)
}

.button--alternate.AEM--Button__primary:hover,.button--alternate.AEM--Button__primary__fullwidth:hover,.button--alternate.lgi_btn_3:hover,.button--alternate.lgi_btn_7:hover,.button--alternate.lgi_btn_9:hover,.button--alternate.upc_button2:hover,.button--alternate.upc_button3:hover,.button--alternate.upc_button4:hover,.button--alternate.upc_button-1:hover,.button--alternate.upc_button-2:hover,.button--alternate.upc_button-3:hover,.button--alternate.upc_button-4:hover,.button--alternate.upc_button:hover,.button.button--primary.button--alternate:hover {
    color: var(--button--alternate--primary__color--hover);
    background-color: var(--button--alternate--primary__backgroundcolor__button--hover)
}

.button--alternate.AEM--Button__primary:active,.button--alternate.AEM--Button__primary__fullwidth:active,.button--alternate.lgi_btn_3:active,.button--alternate.lgi_btn_7:active,.button--alternate.lgi_btn_9:active,.button--alternate.upc_button2:active,.button--alternate.upc_button3:active,.button--alternate.upc_button4:active,.button--alternate.upc_button-1:active,.button--alternate.upc_button-2:active,.button--alternate.upc_button-3:active,.button--alternate.upc_button-4:active,.button--alternate.upc_button:active,.button.button--primary.button--alternate:active {
    color: var(--button--alternate--primary__color__button--active);
    background-color: var(--button--alternate--primary__backgroundcolor__button--active)
}

.button--alternate.AEM--Button__primary:disabled,.button--alternate.AEM--Button__primary:disabled:hover,.button--alternate.AEM--Button__primary__fullwidth:disabled,.button--alternate.AEM--Button__primary__fullwidth:disabled:hover,.button--alternate.button--disabled.AEM--Button__primary,.button--alternate.button--disabled.AEM--Button__primary:hover,.button--alternate.button--disabled.AEM--Button__primary__fullwidth,.button--alternate.button--disabled.AEM--Button__primary__fullwidth:hover,.button--alternate.button--disabled.lgi_btn_3,.button--alternate.button--disabled.lgi_btn_3:hover,.button--alternate.button--disabled.lgi_btn_7,.button--alternate.button--disabled.lgi_btn_7:hover,.button--alternate.button--disabled.lgi_btn_9,.button--alternate.button--disabled.lgi_btn_9:hover,.button--alternate.button--disabled.upc_button,.button--alternate.button--disabled.upc_button2,.button--alternate.button--disabled.upc_button2:hover,.button--alternate.button--disabled.upc_button3,.button--alternate.button--disabled.upc_button3:hover,.button--alternate.button--disabled.upc_button4,.button--alternate.button--disabled.upc_button4:hover,.button--alternate.button--disabled.upc_button-1,.button--alternate.button--disabled.upc_button-1:hover,.button--alternate.button--disabled.upc_button-2,.button--alternate.button--disabled.upc_button-2:hover,.button--alternate.button--disabled.upc_button-3,.button--alternate.button--disabled.upc_button-3:hover,.button--alternate.button--disabled.upc_button-4,.button--alternate.button--disabled.upc_button-4:hover,.button--alternate.button--disabled.upc_button:hover,.button--alternate.disabled.AEM--Button__primary,.button--alternate.disabled.AEM--Button__primary:hover,.button--alternate.disabled.AEM--Button__primary__fullwidth,.button--alternate.disabled.AEM--Button__primary__fullwidth:hover,.button--alternate.disabled.lgi_btn_3,.button--alternate.disabled.lgi_btn_3:hover,.button--alternate.disabled.lgi_btn_7,.button--alternate.disabled.lgi_btn_7:hover,.button--alternate.disabled.lgi_btn_9,.button--alternate.disabled.lgi_btn_9:hover,.button--alternate.disabled.upc_button,.button--alternate.disabled.upc_button2,.button--alternate.disabled.upc_button2:hover,.button--alternate.disabled.upc_button3,.button--alternate.disabled.upc_button3:hover,.button--alternate.disabled.upc_button4,.button--alternate.disabled.upc_button4:hover,.button--alternate.disabled.upc_button-1,.button--alternate.disabled.upc_button-1:hover,.button--alternate.disabled.upc_button-2,.button--alternate.disabled.upc_button-2:hover,.button--alternate.disabled.upc_button-3,.button--alternate.disabled.upc_button-3:hover,.button--alternate.disabled.upc_button-4,.button--alternate.disabled.upc_button-4:hover,.button--alternate.disabled.upc_button:hover,.button--alternate.lgi_btn_3:disabled,.button--alternate.lgi_btn_3:disabled:hover,.button--alternate.lgi_btn_7:disabled,.button--alternate.lgi_btn_7:disabled:hover,.button--alternate.lgi_btn_9:disabled,.button--alternate.lgi_btn_9:disabled:hover,.button--alternate.upc_button2:disabled,.button--alternate.upc_button2:disabled:hover,.button--alternate.upc_button3:disabled,.button--alternate.upc_button3:disabled:hover,.button--alternate.upc_button4:disabled,.button--alternate.upc_button4:disabled:hover,.button--alternate.upc_button-1:disabled,.button--alternate.upc_button-1:disabled:hover,.button--alternate.upc_button-2:disabled,.button--alternate.upc_button-2:disabled:hover,.button--alternate.upc_button-3:disabled,.button--alternate.upc_button-3:disabled:hover,.button--alternate.upc_button-4:disabled,.button--alternate.upc_button-4:disabled:hover,.button--alternate.upc_button:disabled,.button--alternate.upc_button:disabled:hover,.button.button--primary.button--alternate.button--disabled,.button.button--primary.button--alternate.button--disabled:hover,.button.button--primary.button--alternate.disabled,.button.button--primary.button--alternate.disabled:hover,.button.button--primary.button--alternate:disabled,.button.button--primary.button--alternate:disabled:hover {
    color: var(--button--alternate--primary__color__button--disabled);
    background-color: var(--button--alternate--primary__backgroundcolor__button--disabled)
}

#smartbanner.android .sb-button,#smartbanner .sb-button,.AEM--Button__secondary,.AEM--Button__secondary__fullwidth,.AEM--Button__secondary__light,.AEM--Button__secondary__light__fullwidth,.button.button--secondary,.button:not([class*=section]).button--grey-shadow,.button:not([class*=section]).button--secondary__light,.button:not([class*=section]).button--secondary__outline,.lgi_btn_3.selected,.lgi_btn_3:active,.lgi_btn_7.selected,.lgi_btn_7:active,.lgi_btn_9.selected,.lgi_btn_9:active,.lgi_steps_shortbutton,.upc_button1-1,.upc_button1-2,.upc_button3-1,.upc_button4-1 {
    color: var(--button--secondary__color);
    background-color: var(--button--secondary__backgroundcolor)
}

#smartbanner .sb-button:hover,.AEM--Button__secondary:hover,.AEM--Button__secondary__fullwidth:hover,.AEM--Button__secondary__light:hover,.AEM--Button__secondary__light__fullwidth:hover,.button.button--secondary:hover,.button.button--secondary:focus,.button:not([class*=section]).button--grey-shadow:hover,.button:not([class*=section]).button--secondary__light:hover,.button:not([class*=section]).button--secondary__outline:hover,.lgi_btn_3.selected:hover,.lgi_btn_3:hover:active,.lgi_btn_7.selected:hover,.lgi_btn_7:hover:active,.lgi_btn_9.selected:hover,.lgi_btn_9:hover:active,.lgi_steps_shortbutton:hover,.upc_button1-1:hover,.upc_button1-2:hover,.upc_button3-1:hover,.upc_button4-1:hover {
    color: var(--button--secondary__color__button--hover);
    background-color: var(--button--secondary__backgroundcolor__button--hover)
}

#smartbanner .sb-button:active,.AEM--Button__secondary:active,.AEM--Button__secondary__fullwidth:active,.AEM--Button__secondary__light:active,.AEM--Button__secondary__light__fullwidth:active,.button.button--secondary:active,.button:not([class*=section]).button--grey-shadow:active,.button:not([class*=section]).button--secondary__light:active,.button:not([class*=section]).button--secondary__outline:active,.lgi_btn_3:active,.lgi_btn_7:active,.lgi_btn_9:active,.lgi_steps_shortbutton:active,.upc_button1-1:active,.upc_button1-2:active,.upc_button3-1:active,.upc_button4-1:active {
    color: var(--button--secondary__color__button--active);
    background-color: var(--button--secondary__backgroundcolor__button--active)
}

#smartbanner .button--disabled.sb-button,#smartbanner .button--disabled.sb-button:hover,#smartbanner .disabled.sb-button,#smartbanner .disabled.sb-button:hover,#smartbanner .sb-button:disabled,#smartbanner .sb-button:disabled:hover,.AEM--Button__secondary:disabled,.AEM--Button__secondary:disabled:hover,.AEM--Button__secondary__fullwidth:disabled,.AEM--Button__secondary__fullwidth:disabled:hover,.AEM--Button__secondary__light:disabled,.AEM--Button__secondary__light:disabled:hover,.AEM--Button__secondary__light__fullwidth:disabled,.AEM--Button__secondary__light__fullwidth:disabled:hover,.button--disabled.AEM--Button__secondary,.button--disabled.AEM--Button__secondary:hover,.button--disabled.AEM--Button__secondary__fullwidth,.button--disabled.AEM--Button__secondary__fullwidth:hover,.button--disabled.AEM--Button__secondary__light,.button--disabled.AEM--Button__secondary__light:hover,.button--disabled.AEM--Button__secondary__light__fullwidth,.button--disabled.AEM--Button__secondary__light__fullwidth:hover,.button--disabled.lgi_btn_3.selected,.button--disabled.lgi_btn_3.selected:hover,.button--disabled.lgi_btn_3:active,.button--disabled.lgi_btn_3:hover:active,.button--disabled.lgi_btn_7.selected,.button--disabled.lgi_btn_7.selected:hover,.button--disabled.lgi_btn_7:active,.button--disabled.lgi_btn_7:hover:active,.button--disabled.lgi_btn_9.selected,.button--disabled.lgi_btn_9.selected:hover,.button--disabled.lgi_btn_9:active,.button--disabled.lgi_btn_9:hover:active,.button--disabled.lgi_steps_shortbutton,.button--disabled.lgi_steps_shortbutton:hover,.button--disabled.upc_button1-1,.button--disabled.upc_button1-1:hover,.button--disabled.upc_button1-2,.button--disabled.upc_button1-2:hover,.button--disabled.upc_button3-1,.button--disabled.upc_button3-1:hover,.button--disabled.upc_button4-1,.button--disabled.upc_button4-1:hover,.button.button--secondary.button--disabled,.button.button--secondary.button--disabled:hover,.button.button--secondary.disabled,.button.button--secondary.disabled:hover,.button.button--secondary:disabled,.button.button--secondary:disabled:hover,.button:not([class*=section]).button--grey-shadow.button--disabled,.button:not([class*=section]).button--grey-shadow.button--disabled:hover,.button:not([class*=section]).button--grey-shadow.disabled,.button:not([class*=section]).button--grey-shadow.disabled:hover,.button:not([class*=section]).button--grey-shadow:disabled,.button:not([class*=section]).button--grey-shadow:disabled:hover,.button:not([class*=section]).button--secondary__light.button--disabled,.button:not([class*=section]).button--secondary__light.button--disabled:hover,.button:not([class*=section]).button--secondary__light.disabled,.button:not([class*=section]).button--secondary__light.disabled:hover,.button:not([class*=section]).button--secondary__light:disabled,.button:not([class*=section]).button--secondary__light:disabled:hover,.button:not([class*=section]).button--secondary__outline.button--disabled,.button:not([class*=section]).button--secondary__outline.button--disabled:hover,.button:not([class*=section]).button--secondary__outline.disabled,.button:not([class*=section]).button--secondary__outline.disabled:hover,.button:not([class*=section]).button--secondary__outline:disabled,.button:not([class*=section]).button--secondary__outline:disabled:hover,.disabled.AEM--Button__secondary,.disabled.AEM--Button__secondary:hover,.disabled.AEM--Button__secondary__fullwidth,.disabled.AEM--Button__secondary__fullwidth:hover,.disabled.AEM--Button__secondary__light,.disabled.AEM--Button__secondary__light:hover,.disabled.AEM--Button__secondary__light__fullwidth,.disabled.AEM--Button__secondary__light__fullwidth:hover,.disabled.lgi_btn_3.selected,.disabled.lgi_btn_3.selected:hover,.disabled.lgi_btn_3:active,.disabled.lgi_btn_3:hover:active,.disabled.lgi_btn_7.selected,.disabled.lgi_btn_7.selected:hover,.disabled.lgi_btn_7:active,.disabled.lgi_btn_7:hover:active,.disabled.lgi_btn_9.selected,.disabled.lgi_btn_9.selected:hover,.disabled.lgi_btn_9:active,.disabled.lgi_btn_9:hover:active,.disabled.lgi_steps_shortbutton,.disabled.lgi_steps_shortbutton:hover,.disabled.upc_button1-1,.disabled.upc_button1-1:hover,.disabled.upc_button1-2,.disabled.upc_button1-2:hover,.disabled.upc_button3-1,.disabled.upc_button3-1:hover,.disabled.upc_button4-1,.disabled.upc_button4-1:hover,.lgi_btn_3.selected:disabled,.lgi_btn_3.selected:disabled:hover,.lgi_btn_3:disabled:active,.lgi_btn_3:disabled:hover:active,.lgi_btn_7.selected:disabled,.lgi_btn_7.selected:disabled:hover,.lgi_btn_7:disabled:active,.lgi_btn_7:disabled:hover:active,.lgi_btn_9.selected:disabled,.lgi_btn_9.selected:disabled:hover,.lgi_btn_9:disabled:active,.lgi_btn_9:disabled:hover:active,.lgi_steps_shortbutton:disabled,.lgi_steps_shortbutton:disabled:hover,.upc_button1-1:disabled,.upc_button1-1:disabled:hover,.upc_button1-2:disabled,.upc_button1-2:disabled:hover,.upc_button3-1:disabled,.upc_button3-1:disabled:hover,.upc_button4-1:disabled,.upc_button4-1:disabled:hover {
    color: var(--button--secondary__color__button--disabled);
    background-color: var(--button--secondary__backgroundcolor__button--disabled)
}

#smartbanner .button--alternate.sb-button,.button--alternate.AEM--Button__secondary,.button--alternate.AEM--Button__secondary__fullwidth,.button--alternate.AEM--Button__secondary__light,.button--alternate.AEM--Button__secondary__light__fullwidth,.button--alternate.lgi_btn_3.selected,.button--alternate.lgi_btn_3:active,.button--alternate.lgi_btn_7.selected,.button--alternate.lgi_btn_7:active,.button--alternate.lgi_btn_9.selected,.button--alternate.lgi_btn_9:active,.button--alternate.lgi_steps_shortbutton,.button--alternate.upc_button1-1,.button--alternate.upc_button1-2,.button--alternate.upc_button3-1,.button--alternate.upc_button4-1,.button.button--secondary.button--alternate,.button:not([class*=section]).button--grey-shadow.button--alternate,.button:not([class*=section]).button--secondary__light.button--alternate,.button:not([class*=section]).button--secondary__outline.button--alternate {
    color: var(--button--alternate--secondary__color);
    background-color: var(--button--alternate--secondary__backgroundcolor);
    border: var(--button--alternate--secondary--border)
}

#smartbanner .button--alternate.sb-button:hover,.button--alternate.AEM--Button__secondary:hover,.button--alternate.AEM--Button__secondary__fullwidth:hover,.button--alternate.AEM--Button__secondary__light:hover,.button--alternate.AEM--Button__secondary__light__fullwidth:hover,.button--alternate.lgi_btn_3.selected:hover,.button--alternate.lgi_btn_3:hover:active,.button--alternate.lgi_btn_7.selected:hover,.button--alternate.lgi_btn_7:hover:active,.button--alternate.lgi_btn_9.selected:hover,.button--alternate.lgi_btn_9:hover:active,.button--alternate.lgi_steps_shortbutton:hover,.button--alternate.upc_button1-1:hover,.button--alternate.upc_button1-2:hover,.button--alternate.upc_button3-1:hover,.button--alternate.upc_button4-1:hover,.button.button--secondary.button--alternate:hover,.button:not([class*=section]).button--grey-shadow.button--alternate:hover,.button:not([class*=section]).button--secondary__light.button--alternate:hover,.button:not([class*=section]).button--secondary__outline.button--alternate:hover {
    color: var(--button--alternate--secondary__color--hover);
    background-color: var(--button--alternate--secondary__backgroundcolor__button--hover);
    border: var(--button--alternate--secondary--border--hover)
}

#smartbanner .button--alternate.sb-button:active,.button--alternate.AEM--Button__secondary:active,.button--alternate.AEM--Button__secondary__fullwidth:active,.button--alternate.AEM--Button__secondary__light:active,.button--alternate.AEM--Button__secondary__light__fullwidth:active,.button--alternate.lgi_btn_3:active,.button--alternate.lgi_btn_7:active,.button--alternate.lgi_btn_9:active,.button--alternate.lgi_steps_shortbutton:active,.button--alternate.upc_button1-1:active,.button--alternate.upc_button1-2:active,.button--alternate.upc_button3-1:active,.button--alternate.upc_button4-1:active,.button.button--secondary.button--alternate:active,.button:not([class*=section]).button--grey-shadow.button--alternate:active,.button:not([class*=section]).button--secondary__light.button--alternate:active,.button:not([class*=section]).button--secondary__outline.button--alternate:active {
    color: var(--button--alternate--secondary__color__button--active);
    background-color: var(--button--alternate--secondary__backgroundcolor__button--active)
}

#smartbanner .button--alternate.button--disabled.sb-button,#smartbanner .button--alternate.button--disabled.sb-button:hover,#smartbanner .button--alternate.disabled.sb-button,#smartbanner .button--alternate.disabled.sb-button:hover,#smartbanner .button--alternate.sb-button:disabled,#smartbanner .button--alternate.sb-button:disabled:hover,.button--alternate.AEM--Button__secondary:disabled,.button--alternate.AEM--Button__secondary:disabled:hover,.button--alternate.AEM--Button__secondary__fullwidth:disabled,.button--alternate.AEM--Button__secondary__fullwidth:disabled:hover,.button--alternate.AEM--Button__secondary__light:disabled,.button--alternate.AEM--Button__secondary__light:disabled:hover,.button--alternate.AEM--Button__secondary__light__fullwidth:disabled,.button--alternate.AEM--Button__secondary__light__fullwidth:disabled:hover,.button--alternate.button--disabled.AEM--Button__secondary,.button--alternate.button--disabled.AEM--Button__secondary:hover,.button--alternate.button--disabled.AEM--Button__secondary__fullwidth,.button--alternate.button--disabled.AEM--Button__secondary__fullwidth:hover,.button--alternate.button--disabled.AEM--Button__secondary__light,.button--alternate.button--disabled.AEM--Button__secondary__light:hover,.button--alternate.button--disabled.AEM--Button__secondary__light__fullwidth,.button--alternate.button--disabled.AEM--Button__secondary__light__fullwidth:hover,.button--alternate.button--disabled.lgi_btn_3.selected,.button--alternate.button--disabled.lgi_btn_3.selected:hover,.button--alternate.button--disabled.lgi_btn_3:active,.button--alternate.button--disabled.lgi_btn_3:hover:active,.button--alternate.button--disabled.lgi_btn_7.selected,.button--alternate.button--disabled.lgi_btn_7.selected:hover,.button--alternate.button--disabled.lgi_btn_7:active,.button--alternate.button--disabled.lgi_btn_7:hover:active,.button--alternate.button--disabled.lgi_btn_9.selected,.button--alternate.button--disabled.lgi_btn_9.selected:hover,.button--alternate.button--disabled.lgi_btn_9:active,.button--alternate.button--disabled.lgi_btn_9:hover:active,.button--alternate.button--disabled.lgi_steps_shortbutton,.button--alternate.button--disabled.lgi_steps_shortbutton:hover,.button--alternate.button--disabled.upc_button1-1,.button--alternate.button--disabled.upc_button1-1:hover,.button--alternate.button--disabled.upc_button1-2,.button--alternate.button--disabled.upc_button1-2:hover,.button--alternate.button--disabled.upc_button3-1,.button--alternate.button--disabled.upc_button3-1:hover,.button--alternate.button--disabled.upc_button4-1,.button--alternate.button--disabled.upc_button4-1:hover,.button--alternate.disabled.AEM--Button__secondary,.button--alternate.disabled.AEM--Button__secondary:hover,.button--alternate.disabled.AEM--Button__secondary__fullwidth,.button--alternate.disabled.AEM--Button__secondary__fullwidth:hover,.button--alternate.disabled.AEM--Button__secondary__light,.button--alternate.disabled.AEM--Button__secondary__light:hover,.button--alternate.disabled.AEM--Button__secondary__light__fullwidth,.button--alternate.disabled.AEM--Button__secondary__light__fullwidth:hover,.button--alternate.disabled.lgi_btn_3.selected,.button--alternate.disabled.lgi_btn_3.selected:hover,.button--alternate.disabled.lgi_btn_3:active,.button--alternate.disabled.lgi_btn_3:hover:active,.button--alternate.disabled.lgi_btn_7.selected,.button--alternate.disabled.lgi_btn_7.selected:hover,.button--alternate.disabled.lgi_btn_7:active,.button--alternate.disabled.lgi_btn_7:hover:active,.button--alternate.disabled.lgi_btn_9.selected,.button--alternate.disabled.lgi_btn_9.selected:hover,.button--alternate.disabled.lgi_btn_9:active,.button--alternate.disabled.lgi_btn_9:hover:active,.button--alternate.disabled.lgi_steps_shortbutton,.button--alternate.disabled.lgi_steps_shortbutton:hover,.button--alternate.disabled.upc_button1-1,.button--alternate.disabled.upc_button1-1:hover,.button--alternate.disabled.upc_button1-2,.button--alternate.disabled.upc_button1-2:hover,.button--alternate.disabled.upc_button3-1,.button--alternate.disabled.upc_button3-1:hover,.button--alternate.disabled.upc_button4-1,.button--alternate.disabled.upc_button4-1:hover,.button--alternate.lgi_btn_3.selected:disabled,.button--alternate.lgi_btn_3.selected:disabled:hover,.button--alternate.lgi_btn_3:disabled:active,.button--alternate.lgi_btn_3:disabled:hover:active,.button--alternate.lgi_btn_7.selected:disabled,.button--alternate.lgi_btn_7.selected:disabled:hover,.button--alternate.lgi_btn_7:disabled:active,.button--alternate.lgi_btn_7:disabled:hover:active,.button--alternate.lgi_btn_9.selected:disabled,.button--alternate.lgi_btn_9.selected:disabled:hover,.button--alternate.lgi_btn_9:disabled:active,.button--alternate.lgi_btn_9:disabled:hover:active,.button--alternate.lgi_steps_shortbutton:disabled,.button--alternate.lgi_steps_shortbutton:disabled:hover,.button--alternate.upc_button1-1:disabled,.button--alternate.upc_button1-1:disabled:hover,.button--alternate.upc_button1-2:disabled,.button--alternate.upc_button1-2:disabled:hover,.button--alternate.upc_button3-1:disabled,.button--alternate.upc_button3-1:disabled:hover,.button--alternate.upc_button4-1:disabled,.button--alternate.upc_button4-1:disabled:hover,.button.button--secondary.button--alternate.button--disabled,.button.button--secondary.button--alternate.button--disabled:hover,.button.button--secondary.button--alternate.disabled,.button.button--secondary.button--alternate.disabled:hover,.button.button--secondary.button--alternate:disabled,.button.button--secondary.button--alternate:disabled:hover,.button:not([class*=section]).button--grey-shadow.button--alternate.button--disabled,.button:not([class*=section]).button--grey-shadow.button--alternate.button--disabled:hover,.button:not([class*=section]).button--grey-shadow.button--alternate.disabled,.button:not([class*=section]).button--grey-shadow.button--alternate.disabled:hover,.button:not([class*=section]).button--grey-shadow.button--alternate:disabled,.button:not([class*=section]).button--grey-shadow.button--alternate:disabled:hover,.button:not([class*=section]).button--secondary__light.button--alternate.button--disabled,.button:not([class*=section]).button--secondary__light.button--alternate.button--disabled:hover,.button:not([class*=section]).button--secondary__light.button--alternate.disabled,.button:not([class*=section]).button--secondary__light.button--alternate.disabled:hover,.button:not([class*=section]).button--secondary__light.button--alternate:disabled,.button:not([class*=section]).button--secondary__light.button--alternate:disabled:hover,.button:not([class*=section]).button--secondary__outline.button--alternate.button--disabled,.button:not([class*=section]).button--secondary__outline.button--alternate.button--disabled:hover,.button:not([class*=section]).button--secondary__outline.button--alternate.disabled,.button:not([class*=section]).button--secondary__outline.button--alternate.disabled:hover,.button:not([class*=section]).button--secondary__outline.button--alternate:disabled,.button:not([class*=section]).button--secondary__outline.button--alternate:disabled:hover {
    color: var(--button--alternate--secondary__color__button--disabled);
    background-color: var(--button--alternate--secondary__backgroundcolor__button--disabled);
    border: var(--button--alternate--secondary--border--disabled)
}

.button.button--tertiary,.image-title-text-block:not(.cur-pointer) .cmp-text a {
    color: var(--button--tertiary__color);
    background-color: var(--button--tertiary__backgroundcolor)
}

.button.button--tertiary:hover,.image-title-text-block:not(.cur-pointer) .cmp-text a:hover {
    color: var(--button--tertiary__color__button--hover);
    background-color: var(--button--tertiary__backgroundcolor__button--hover)
}

.button.button--tertiary:active,.image-title-text-block:not(.cur-pointer) .cmp-text a:active {
    color: var(--button--tertiary__color__button--active);
    background-color: var(--button--tertiary__backgroundcolor__button--active)
}

.button.button--tertiary.button--disabled,.button.button--tertiary.button--disabled:hover,.button.button--tertiary.disabled,.button.button--tertiary.disabled:hover,.button.button--tertiary:disabled,.button.button--tertiary:disabled:hover,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--disabled,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--disabled:hover,.image-title-text-block:not(.cur-pointer) .cmp-text a.disabled,.image-title-text-block:not(.cur-pointer) .cmp-text a.disabled:hover,.image-title-text-block:not(.cur-pointer) .cmp-text a:disabled,.image-title-text-block:not(.cur-pointer) .cmp-text a:disabled:hover {
    color: var(--button--tertiary__color__button--disabled);
    background-color: var(--button--tertiary__backgroundcolor__button--disabled)
}

.button.button--tertiary.button--alternate,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--alternate {
    color: var(--button--alternate--tertiary__color);
    background-color: var(--button--alternate--tertiary__backgroundcolor)
}

.button.button--tertiary.button--alternate:hover,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--alternate:hover {
    color: var(--button--alternate--tertiary__color__button--hover);
    background-color: var(--button--alternate--tertiary__backgroundcolor__button--hover)
}

.button.button--tertiary.button--alternate:active,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--alternate:active {
    color: var(--button--alternate--tertiary__color__button--active);
    background-color: var(--button--tertiary__backgroundcolor__button--active)
}

.button.button--tertiary.button--alternate.button--disabled,.button.button--tertiary.button--alternate.button--disabled:hover,.button.button--tertiary.button--alternate.disabled,.button.button--tertiary.button--alternate.disabled:hover,.button.button--tertiary.button--alternate:disabled,.button.button--tertiary.button--alternate:disabled:hover,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--alternate.button--disabled,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--alternate.button--disabled:hover,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--alternate.disabled,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--alternate.disabled:hover,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--alternate:disabled,.image-title-text-block:not(.cur-pointer) .cmp-text a.button--alternate:disabled:hover {
    color: var(--button--alternate--tertiary__color__button--disabled);
    background-color: var(--button--alternate--tertiary__backgroundcolor__button--disabled)
}

:root {
    --button__backgroundcolor: #ffc421;
    --button__backgroundcolor__button--hover: #ffb61b;
    --button__backgroundcolor__button--disabled: #ffc421;
    --button__backgroundcolor__button--active: #fea319;
    --button__backgroundcolor__button--focus: #ffb61b;
    --button__color: #291d18;
    --button__color__button--hover: #291d18;
    --button__color__button--disabled: #291d18;
    --button__color__button--active: #291d18;
    --button__color__button--focus: #291d18;
    --button--primary__backgroundcolor: #ffc421;
    --button--primary__backgroundcolor__button--hover: #ffb61b;
    --button--primary__backgroundcolor__button--disabled: #ffc421;
    --button--primary__backgroundcolor__button--active: #fea319;
    --button--primary__backgroundcolor__button--focus: #ffb61b;
    --button--primary__color: #291d18;
    --button--primary__color__button--hover: #291d18;
    --button--primary__color__button--disabled: #291d18;
    --button--primary__color__button--active: #291d18;
    --button--secondary__backgroundcolor: #e5e3e3;
    --button--secondary__backgroundcolor__button--hover: #dddbda;
    --button--secondary__backgroundcolor__button--disabled: #e5e3e3;
    --button--secondary__backgroundcolor__button--active: #ccc9c8;
    --button--secondary__backgroundcolor__button--focus: #dddbda;
    --button--secondary__color: #291d18;
    --button--secondary__color__button--hover: #291d18;
    --button--secondary__color__button--disabled: #291d18;
    --button--secondary__color__button--active: #291d18;
    --button--secondary__color__button--focus: #291d18;
    --button--secondary--border: 0.1rem solid transparent;
    --button--secondary--hover--border: 0.1rem solid transparent;
    --button--tertiary__backgroundcolor: transparent;
    --button--tertiary__backgroundcolor__button--hover: #f7f6f6;
    --button--tertiary__backgroundcolor__button--disabled: transparent;
    --button--tertiary__backgroundcolor__button--active: #eeeded;
    --button--tertiary__backgroundcolor__button--focus: #f7f6f6;
    --button--tertiary__color: #291d18;
    --button--tertiary__color__button--hover: #291d18;
    --button--tertiary__color__button--disabled: #291d18;
    --button--tertiary__color__button--active: #291d18;
    --button--tertiary__color__button--focus: #291d18;
    --button--alternate--primary__color: #291d18;
    --button--alternate--primary__backgroundcolor: #ffc421;
    --button--alternate--primary__color--hover: #291d18;
    --button--alternate--primary__backgroundcolor__button--hover: #ffb61b;
    --button--alternate--primary__color__button--disabled: #291d18;
    --button--alternate--primary__color__button--active: #291d18;
    --button--alternate--primary__backgroundcolor__button--disabled: #ffc421;
    --button--alternate--primary__backgroundcolor__button--active: #ffc421;
    --button--alternate--secondary__color: #291d18;
    --button--alternate--secondary__backgroundcolor: #e5e3e3;
    --button--alternate--secondary__color--hover: #291d18;
    --button--alternate--secondary__backgroundcolor__button--hover: #dddbda;
    --button--alternate--secondary--border: none;
    --button--alternate--secondary--border--hover: none;
    --button--alternate--secondary__color__button--disabled: #291d18;
    --button--alternate--secondary__color__button--active: #291d18;
    --button--alternate--secondary__backgroundcolor__button--disabled: #e5e3e3;
    --button--alternate--secondary--border--disabled: none;
    --button--alternate--tertiary__color: #291d18;
    --button--alternate--tertiary__backgroundcolor: transparent;
    --button--alternate--tertiary__color__button--hover: #291d18;
    --button--alternate--tertiary__backgroundcolor__button--hover: #f7f6f6;
    --button--alternate--tertiary__color__button--disabled: #291d18;
    --button--alternate--tertiary__color__button--active: #291d18;
    --button--alternate--tertiary__backgroundcolor__button--disabled: transparent;
    --button--3rd-party__backgroundcolor: transparent;
    --button--3rd-party__color: #291d18
}

.theme--light-ui {
    --button--primary__backgroundcolor: #ffc421;
    --button--primary__backgroundcolor__button--hover: #ffb61b;
    --button--primary__backgroundcolor__button--disabled: #ffc421;
    --button--primary__backgroundcolor__button--active: #fea319;
    --button--primary__backgroundcolor__button--focus: #ffb61b;
    --button--primary__color: #291d18;
    --button--primary__color__button--hover: #291d18;
    --button--primary__color__button--disabled: #291d18;
    --button--primary__color__button--active: #291d18;
    --button--alternate--primary__color: #291d18;
    --button--alternate--primary__backgroundcolor: #ffc421;
    --button--alternate--primary__color--hover: #291d18;
    --button--alternate--primary__backgroundcolor__button--hover: #ffb61b;
    --button--alternate--primary__color__button--disabled: #291d18;
    --button--alternate--primary__backgroundcolor__button--disabled: #ffc421;
    --button--secondary__backgroundcolor: #e5e3e3;
    --button--secondary__backgroundcolor__button--hover: #dddbda;
    --button--secondary__backgroundcolor__button--disabled: #e5e3e3;
    --button--secondary__backgroundcolor__button--active: #ccc9c8;
    --button--secondary__backgroundcolor__button--focus: #dddbda;
    --button--secondary__color: #291d18;
    --button--secondary__color__button--hover: #291d18;
    --button--secondary__color__button--disabled: #291d18;
    --button--secondary__color__button--active: #291d18;
    --button--secondary__color__button--focus: #291d18;
    --button--secondary--border: 0.1rem solid transparent;
    --button--secondary--hover--border: 0.1rem solid transparent;
    --button--alternate--secondary--border: none;
    --button--alternate--secondary--border--hover: none;
    --button--alternate--secondary__color__button--disabled: #291d18;
    --button--alternate--secondary__backgroundcolor__button--disabled: #e5e3e3;
    --button--alternate--secondary--border--disabled: none;
    --button--alternate--secondary__color: #291d18;
    --button--alternate--secondary__backgroundcolor: #e5e3e3;
    --button--alternate--secondary__color--hover: #291d18;
    --button--alternate--secondary__backgroundcolor__button--hover: #dddbda;
    --button--tertiary__backgroundcolor: transparent;
    --button--tertiary__backgroundcolor__button--hover: #f7f6f6;
    --button--tertiary__backgroundcolor__button--disabled: transparent;
    --button--tertiary__backgroundcolor__button--active: #eeeded;
    --button--tertiary__backgroundcolor__button--focus: #f7f6f6;
    --button--tertiary__color: #291d18;
    --button--tertiary__color__button--hover: #291d18;
    --button--tertiary__color__button--disabled: #291d18;
    --button--tertiary__color__button--active: #291d18;
    --button--tertiary__color__button--focus: #291d18;
    --button--alternate--tertiary__color: #291d18;
    --button--alternate--tertiary__backgroundcolor: transparent;
    --button--alternate--tertiary__color__button--hover: #291d18;
    --button--alternate--tertiary__backgroundcolor__button--hover: #f7f6f6;
    --button--alternate--tertiary__color__button--disabled: #291d18;
    --button--alternate--tertiary__backgroundcolor__button--disabled: transparent;
    --button--3rd-party__backgroundcolor: transparent;
    --button--3rd-party__color: #291d18
}

.theme--dark-ui,.theme--light-ui {
    --button__backgroundcolor: #ffc421;
    --button__backgroundcolor__button--hover: #ffb61b;
    --button__backgroundcolor__button--disabled: #ffc421;
    --button__backgroundcolor__button--active: #fea319;
    --button__backgroundcolor__button--focus: #ffb61b;
    --button__color: #291d18;
    --button__color__button--hover: #291d18;
    --button__color__button--disabled: #291d18;
    --button__color__button--active: #291d18;
    --button__color__button--focus: #291d18
}

.theme--dark-ui {
    --button--primary__backgroundcolor: #ffc421;
    --button--primary__backgroundcolor__button--hover: #ffb61b;
    --button--primary__backgroundcolor__button--disabled: #ffc421;
    --button--primary__backgroundcolor__button--active: #fea319;
    --button--primary__backgroundcolor__button--focus: #ffb61b;
    --button--primary__color: #291d18;
    --button--primary__color__button--hover: #291d18;
    --button--primary__color__button--disabled: #291d18;
    --button--primary__color__button--active: #291d18;
    --button--secondary__backgroundcolor: #b1adab;
    --button--secondary__backgroundcolor__button--hover: #8f8986;
    --button--secondary__backgroundcolor__button--disabled: #b1adab;
    --button--secondary__backgroundcolor__button--active: #6c6461;
    --button--secondary__backgroundcolor__button--focus: #8f8986;
    --button--secondary__color: #291d18;
    --button--secondary__color__button--hover: #291d18;
    --button--secondary__color__button--disabled: #291d18;
    --button--secondary__color__button--active: #291d18;
    --button--secondary__color__button--focus: #291d18;
    --button--secondary--border: 0.1rem solid transparent;
    --button--secondary--hover--border: 0.1rem solid transparent;
    --button--tertiary__color: #fff;
    --button--tertiary__backgroundcolor: transparent;
    --button--tertiary__color__button--hover: #fff;
    --button--tertiary__backgroundcolor__button--hover: #e5e3e3;
    --button--tertiary__color__button--disabled: #fff;
    --button--tertiary__backgroundcolor__button--disabled: transparent;
    --button--tertiary__color__button--active: #fff;
    --button--tertiary__backgroundcolor__button--active: #ccc9c8;
    --button--tertiary__color__button--focus: #fff;
    --button--tertiary__backgroundcolor__button--focus: #e5e3e3;
    --button--alternate--primary__color: #291d18;
    --button--alternate--primary__backgroundcolor: #ffc421;
    --button--alternate--primary__color--hover: #291d18;
    --button--alternate--primary__backgroundcolor__button--hover: #ffb61b;
    --button--alternate--primary__color__button--disabled: #291d18;
    --button--alternate--primary__backgroundcolor__button--disabled: #ffc421;
    --button--alternate--secondary--border: none;
    --button--alternate--secondary--border--hover: none;
    --button--alternate--secondary__backgroundcolor__button--disabled: #b1adab;
    --button--alternate--secondary__color: #291d18;
    --button--alternate--secondary__backgroundcolor: #b1adab;
    --button--alternate--secondary__color--hover: #291d18;
    --button--alternate--secondary__backgroundcolor__button--hover: #8f8986;
    --button--alternate--tertiary__color: #fff;
    --button--alternate--tertiary__backgroundcolor: transparent;
    --button--alternate--tertiary__color__button--hover: #fff;
    --button--alternate--tertiary__backgroundcolor__button--hover: #e5e3e3;
    --button--alternate--tertiary__color__button--disabled: #fff;
    --button--alternate--tertiary__backgroundcolor__button--disabled: transparent;
    --button--alternate--tertiary__color__button--focus: #fff;
    --button--alternate--tertiary__backgroundcolor__button--focus: #e5e3e3;
    --button--3rd-party__backgroundcolor: transparent;
    --button--3rd-party__color: #291d18
}

.theme--streamz-ui {
    --button__backgroundcolor: #f20d3a;
    --button__backgroundcolor__button--hover: #ffb61b;
    --button__backgroundcolor__button--disabled: #f20d3a;
    --button__backgroundcolor__button--active: #fea319;
    --button__backgroundcolor__button--focus: #ffb61b;
    --button__color: #fff;
    --button__color__button--hover: #fff;
    --button__color__button--disabled: #fff;
    --button__color__button--active: #fff;
    --button__color__button--focus: #fff;
    --button--primary__backgroundcolor: #f20d3a;
    --button--primary__backgroundcolor__button--hover: #e00034;
    --button--primary__backgroundcolor__button--disabled: #f5959e;
    --button--primary__backgroundcolor__button--active: #f20d3a;
    --button--primary__backgroundcolor__button--focus: #f20d3a;
    --button--primary__color: #fff;
    --button--primary__color__button--hover: #fff;
    --button--primary__color__button--disabled: #fff;
    --button--primary__color__button--active: #fff;
    --button--secondary__backgroundcolor: #aeaeae;
    --button--secondary__backgroundcolor__button--hover: #201f2e;
    --button--secondary__backgroundcolor__button--disabled: #aeaeae;
    --button--secondary__backgroundcolor__button--active: #201f2e;
    --button--secondary__backgroundcolor__button--focus: #201f2e;
    --button--secondary__color: #fff;
    --button--secondary__color__button--hover: #fff;
    --button--secondary__color__button--disabled: #fff;
    --button--secondary__color__button--active: #fff;
    --button--secondary__color__button--focus: #fff
    --button--3rd-party__backgroundcolor: transparent;
    --button--3rd-party__color: #291d18
}

.theme--play-sports-ui {
    --button__backgroundcolor: #ff0;
    --button__backgroundcolor__button--hover: #ffeb00;
    --button__backgroundcolor__button--disabled: #544f17;
    --button__backgroundcolor__button--active: #ffeb00;
    --button__backgroundcolor__button--focus: #ffeb00;
    --button__color: #14191e;
    --button__color__button--hover: #14191e;
    --button__color__button--disabled: #545454;
    --button__color__button--active: #14191e;
    --button__color__button--focus: #14191e;
    --button--primary__backgroundcolor: #ff0;
    --button--primary__backgroundcolor__button--hover: #ffeb00;
    --button--primary__backgroundcolor__button--disabled: #544f17;
    --button--primary__backgroundcolor__button--active: #ffeb00;
    --button--primary__backgroundcolor__button--focus: #ffeb00;
    --button--primary__color: #14191e;
    --button--primary__color__button--hover: #14191e;
    --button--primary__color__button--disabled: #545454;
    --button--primary__color__button--active: #14191e;
    --button--secondary__backgroundcolor: #ff0;
    --button--secondary__backgroundcolor__button--hover: #ffeb00;
    --button--secondary__backgroundcolor__button--disabled: #544f17;
    --button--secondary__backgroundcolor__button--active: #ffeb00;
    --button--secondary__backgroundcolor__button--focus: #ffeb00;
    --button--secondary__color: #14191e;
    --button--secondary__color__button--hover: #14191e;
    --button--secondary__color__button--disabled: #545454;
    --button--secondary__color__button--active: #14191e;
    --button--secondary__color__button--focus: #14191e;
    --button--3rd-party__backgroundcolor: transparent;
    --button--3rd-party__color: #291d18
}

.theme--play-more-ui {
    --button__backgroundcolor: #0082b4;
    --button__backgroundcolor__button--hover: #0170a1;
    --button__backgroundcolor__button--disabled: #002e4a;
    --button__backgroundcolor__button--active: #0170a1;
    --button__backgroundcolor__button--focus: #0170a1;
    --button__color: #fff;
    --button__color__button--hover: #fff;
    --button__color__button--disabled: #3d6075;
    --button__color__button--active: #fff;
    --button__color__button--focus: #fff;
    --button--primary__backgroundcolor: #0082b4;
    --button--primary__backgroundcolor__button--hover: #0170a1;
    --button--primary__backgroundcolor__button--disabled: #002e4a;
    --button--primary__backgroundcolor__button--active: #0170a1;
    --button--primary__backgroundcolor__button--focus: #0170a1;
    --button--primary__color: #fff;
    --button--primary__color__button--hover: #fff;
    --button--primary__color__button--disabled: #3d6075;
    --button--primary__color__button--active: #fff;
    --button--secondary__backgroundcolor: #0082b4;
    --button--secondary__backgroundcolor__button--hover: #0170a1;
    --button--secondary__backgroundcolor__button--disabled: #002e4a;
    --button--secondary__backgroundcolor__button--active: #0170a1;
    --button--secondary__backgroundcolor__button--focus: #0170a1;
    --button--secondary__color: #fff;
    --button--secondary__color__button--hover: #fff;
    --button--secondary__color__button--disabled: #3d6075;
    --button--secondary__color__button--active: #fff;
    --button--secondary__color__button--focus: #fff;
    --button--3rd-party__backgroundcolor: transparent;
    --button--3rd-party__color: #291d18
}

.language-selector-base {
    display: flex;
    margin-left: auto;
    height: auto;
    border-top: .1rem solid #bab6b5
}

@media only screen and (min-width: 48.0625em) {
    .language-selector-base {
        border-top:0;
        height: 3.8rem
    }
}

.language-selector-base ul li {
    font-size: 1.3rem;
    display: inline-block;
    text-decoration: none;
    padding: 1rem .35rem
}

.language-selector-base ul li a {
    color: #291d18;
    text-decoration: none;
    transition: color .3s ease-out;
    will-change: color
}

.language-selector-base ul li.active {
    position: relative;
    top: -.3rem;
    border-top: .3rem solid #ffc421
}

@media only screen and (min-width: 48.0625em) {
    .language-selector-base ul li.active {
        top:0;
        border-top: 0
    }
}

.language-selector {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    width: 2rem;
    height: 3rem;
    cursor: pointer;
    margin-top: 0;
    position: relative;
    color: #766f6b
}

.language-selector__selected {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: 100%;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    visibility: visible
}

.language-selector__selected .lang-selected {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase
}

.language-selector__selected .arrow {
    display: inline-block;
    box-sizing: border-box;
    height: .8rem;
    width: .8rem;
    margin-left: 1rem;
    vertical-align: middle;
    border-color: #291d18;
    border-style: solid;
    border-width: 0 .15rem .15rem 0;
    transform: rotate(45deg);
    transition: border-width .15s ease-in-out;
    margin-top: -.2rem
}

.language-selector__selected .arrow.active {
    transform: rotate(-135deg);
    margin-top: .6rem
}

.language-selector .language-menu {
    border-radius: unset;
    width: 6rem;
    visibility: hidden;
    height: 0;
    color: #291d18;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    position: absolute
}

.language-selector .language-menu.open {
    visibility: visible;
    height: auto;
    background: #fff;
    top: 3rem;
    right: -3rem;
    z-index: 203
}

.language-selector .language-menu ul {
    width: 100%;
    list-style: none;
    padding: 1.1rem
}

.language-selector .language-menu ul li {
    display: list-item;
    padding: .8rem 1rem;
    border-radius: .4rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    color: #291d18;
    opacity: 1;
    transition: opacity .3s ease-out;
    will-change: opacity
}

.language-selector .language-menu ul li:hover {
    opacity: 1;
    font-weight: inherit;
    background-color: #f7f6f6
}

.language-selector .language-menu ul li.active,.language-selector .language-menu ul li:active {
    opacity: 1;
    background-color: #eeeded;
    line-height: inherit;
    font-weight: inherit;
    cursor: default
}

.language-selector .language-menu ul li:not(:last-child) {
    border-bottom: unset;
    margin-bottom: .8rem
}

.language-selector .language-menu ul li a {
    text-decoration: none;
    color: #291d18
}

.language-selector .form-helper,.language-selector label {
    display: block;
    visibility: visible;
    height: auto;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .language-selector .form-helper,.language-selector label {
        display:none
    }
}

.language-selector--flow>.language-selector .form-helper,.language-selector--flow>.language-selector label {
    display: none
}

.stepper-page .language-selector .form-helper,.stepper-page .language-selector label {
    display: none
}

.telenet-header .language-selector {
    box-sizing: border-box;
    width: 100%;
    padding: 2.4rem 1.6rem;
    margin-left: 0;
    align-items: baseline
}

@media only screen and (min-width: 36em) {
    .telenet-header .language-selector {
        padding:2.4rem 1.6rem;
        align-items: flex-end;
        width: 3rem
    }
}

.telenet-header .language-selector ul li.active {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 400
}

.telenet-header .language-selector ul span:not(:last-child) li {
    border-bottom: none;
    margin-bottom: .8rem
}

.telenet-header .language-selector__selected {
    padding-bottom: 0;
    box-sizing: border-box
}

@media only screen and (min-width: 36em) {
    .telenet-header .language-selector__selected {
        padding-bottom:.3rem
    }
}

.telenet-header .language-selector .language-menu ul li a {
    width: 100%
}

.telenet-header .language-selector .language-menu ul li a:hover {
    color: #291d18
}

.telenet-header .nav-section__action-bar .language-selector {
    display: none
}

@media only screen and (min-width: 36em) {
    .telenet-header .nav-section__action-bar .language-selector {
        display:flex;
        flex-direction: row;
        width: 100%;
        background: #fff;
        padding: 0;
        margin: 0 0 0 1rem
    }
}

.menu-toggle:checked~.telenet-header .nav-section .language-selector {
    display: flex;
    flex-direction: row;
    position: relative;
    top: 0;
    border-top: .1rem solid #f7f6f6
}

.menu-toggle:checked~.telenet-header .nav-section .language-selector .arrow {
    height: 1.2rem;
    width: 1.2rem
}

.menu-toggle:checked~.telenet-header .nav-section .language-menu.open {
    position: absolute;
    box-shadow: none;
    border-radius: 0;
    margin-top: 3rem;
    margin-bottom: 2.4rem;
    left: 0;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .menu-toggle:checked~.telenet-header .nav-section .language-menu.open {
        margin-top:4.4rem;
        left: 1rem
    }
}

.menu-toggle:checked~.telenet-header .nav-section .language-menu ul {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .menu-toggle:checked~.telenet-header .nav-section .language-menu ul {
        width:calc(100% - 3.2rem)
    }
}

.menu-toggle:checked~.telenet-header .nav-section .language-menu ul li {
    padding: 1.6rem 1.2rem
}

.menu-toggle:checked~.telenet-header .nav-section .language-menu ul li:first-child {
    border-top: none
}

.menu-toggle:checked~.telenet-header .nav-section .language-menu ul li.active {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 400
}

.menu-toggle:checked~.telenet-header .nav-section .language-selector__selected {
    width: 100%
}

.header-accordion {
    display: flex;
    justify-content: space-between
}

.header-accordion--title {
    display: flex;
    flex-grow: 1;
    align-items: center
}

.header-accordion--title__text {
    padding-right: 1rem
}

@media only screen and (min-width: 36em) {
    .header-accordion--title__text {
        padding-right:2rem
    }
}

.header-accordion--title__text-plain {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .header-accordion--title__text-plain {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .header-accordion--title__text-plain {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.header-accordion--title__resume {
    padding-right: 1rem;
    display: block
}

@media only screen and (min-width: 36em) {
    .header-accordion--title__resume {
        padding-right:2rem
    }
}

.header-accordion--title__icon {
    padding-right: 1.6rem
}

@media only screen and (min-width: 36em) {
    .header-accordion--title__icon {
        padding-right:2.4rem
    }
}

.header-accordion--title__icon__circle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    width: 3rem;
    height: 3rem
}

@media only screen and (min-width: 36em) {
    .header-accordion--title__icon__circle {
        background-color:#f7f6f6
    }
}

.header-accordion--title .tooltip__icon-section {
    margin: 0
}

.header-accordion--price {
    margin-right: 1rem
}

.header-accordion--link {
    cursor: pointer
}

.header-accordion--link__icon i.icon-chevron-down:before {
    font-size: 1.6rem
}

.header-accordion.header-accordion--with-price {
    align-items: center
}

@media only screen and (min-width: 48.0625em) {
    .header-accordion.header-accordion--with-price .header-accordion--title {
        justify-content:center
    }
}

.header-accordion.header-accordion--with-price .header-accordion--link__icon {
    transform: rotate(0deg) translateY(.6rem);
    transition: all .3s ease;
    transform-origin: center center
}

.header-accordion--opened .header-accordion--link__icon {
    transform: rotate(180deg)
}

.header-accordion--opened .header-accordion--title__resume {
    display: none
}

.header-accordion--opened.header-accordion--with-price .header-accordion--title {
    justify-content: center
}

.header-accordion--opened.header-accordion--with-price .header-accordion--price {
    display: none
}

.header-accordion--opened.header-accordion--with-price .header-accordion--link__icon {
    transform: rotate(180deg) translateY(.3rem)
}

@media only screen and (min-width: 36em) {
    .header-accordion--desktop-opened .header-accordion--link,.header-accordion--desktop-opened .header-accordion--title__resume {
        display:none
    }
}

.header-accordion .header-accordion--link__icon:hover {
    cursor: pointer
}

.header-accordion--shadow__container {
    height: 2.2rem;
    z-index: 1001;
    top: -2.2rem;
    bottom: 0;
    background: linear-gradient(180deg,rgba(52,161,160,0),var(--backgroundcolor))
}

.header-accordion--vertical .header-accordion--link {
    display: none
}

.header-accordion--vertical__showMore {
    height: 7rem;
    overflow: hidden
}

.header-accordion--vertical__showLess {
    height: auto
}

.header-accordion--vertical .icon-circle {
    width: 2rem;
    height: 2rem;
    border: .1rem solid #291d18
}

.notification.notification--success,.theme--light-ui .notification.notification--success {
    --backgroundcolor: rgba(0,135,90,0.16);
    --coloricon: #00875a
}

.notification.notification--customerror,.notification.notification--errorfield,.theme--light-ui .notification.notification--customerror,.theme--light-ui .notification.notification--errorfield {
    --backgroundcolor: rgba(222,53,11,0.16);
    --coloricon: #de350b
}

.notification.notification--author,.notification.notification--info,.theme--light-ui .notification.notification--author,.theme--light-ui .notification.notification--info {
    --backgroundcolor: rgba(35,115,230,0.16);
    --coloricon: #2373e6
}

.notification.notification--warning,.theme--light-ui .notification.notification--warning {
    --backgroundcolor: rgba(255,149,0,0.16);
    --coloricon: #ff9500
}

.theme--dark-ui .notification.notification--success {
    --backgroundcolor: rgba(54,179,126,0.16);
    --coloricon: #36b37e
}

.theme--dark-ui .notification.notification--customerror,.theme--dark-ui .notification.notification--errorfield {
    --backgroundcolor: rgba(255,86,48,0.16);
    --coloricon: #ff5630
}

.theme--dark-ui .notification.notification--author,.theme--dark-ui .notification.notification--info {
    --backgroundcolor: rgba(1,133,253,0.16);
    --coloricon: #0185fd
}

.theme--dark-ui .notification.notification--warning {
    --backgroundcolor: rgba(255,159,10,0.16);
    --coloricon: #ff9f0a
}

.notification {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.6rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: var(--backgroundcolor,transparent)
}

@media only screen and (min-width: 36em) {
    .notification {
        flex-wrap:nowrap;
    }
}

.notification span {
    display: flex;
    align-items: flex-start;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: var(--color,#655c58)
}

@media only screen and (min-width: 36em) {
    .notification span {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.notification span.icon:before,.notification span[class^=icon-]:before {
    display: inline-block;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 400!important;
    margin: 0 1.6rem 0 0;
    position: relative
}

@media only screen and (min-width: 36em) {
    .notification span.icon:before,.notification span[class^=icon-]:before {
        font-size:2.4rem;
        margin: 0 2.4rem 0 0
    }
}

.notification h3 {
    margin-bottom: 0;
    font-family: initial;
    color: var(--color,#291d18)
}

.notification ul {
    list-style: none
}

.notification ul li {
    margin-left: 4.5rem
}

.notification .button {
    white-space: nowrap;
    margin-top: 1rem
}

@media only screen and (min-width: 36em) {
    .notification .button {
        margin-top:0;
        margin-left: auto
    }
}

.notification .link--text {
    flex-basis: 100%;
    margin-top: 1rem;
    margin-left: 3rem;
    font-weight: 700;
    color: var(--color,#c95942)
}

@media only screen and (min-width: 36em) {
    .notification .link--text {
        margin-left:1rem;
        margin-top: 0;
        flex-basis: auto
    }
}

.notification--column {
    align-items: flex-start;
    flex-direction: column
}

.notification.notification--success .icon-status-success:before,.notification.notification--success .icon-success:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif;
    color: var(--coloricon)
}

.notification.notification--errorfield .icon-error:before,.notification.notification--errorfield .icon-status-error:before,.notification.notification--errorfield .icon-status-errorfield:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif;
    color: var(--coloricon);
    margin-right: 1.6rem
}

.notification.notification--errorfield .icon-error .notification-subtext,.notification.notification--errorfield .icon-status-error .notification-subtext,.notification.notification--errorfield .icon-status-errorfield .notification-subtext {
    font-weight: 300;
    margin-bottom: 0
}

.notification.notification--author .icon-information:before,.notification.notification--author .icon-status-info:before,.notification.notification--info .icon-information:before,.notification.notification--info .icon-status-info:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    color: var(--coloricon)
}

.notification.notification--warning .icon-alert:before,.notification.notification--warning .icon-status-warning:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif;
    color: var(--coloricon)
}

.notification.notification--warning .icon-alert .notification-subtext,.notification.notification--warning .icon-status-warning .notification-subtext {
    display: flex;
    font-weight: 300;
    margin-bottom: 0
}

.notification.notification--warning--inline {
    color: #de350b;
    box-shadow: 0 0 0 0 transparent
}

.notification--closable {
    position: relative
}

.notification--closable .icon-close,.notification--closable .icon-close-notification {
    position: absolute;
    right: 1.6rem;
    top: 1.6rem;
    font-size: 1.5rem;
    color: var(--color,#999391)
}

@media only screen and (min-width: 36em) {
    .notification--closable .icon-close,.notification--closable .icon-close-notification {
        right:2.4rem
    }
}

.notification.notification-hide-base {
    display: block
}

.notification.notification-hide-telenet {
    display: none
}

.notification .monetary-amount,.notification .outstanding-amount {
    display: contents
}

.notification--bottom-border-radius {
    border-radius: 0
}

.cdh-notification {
    margin: 0 1rem
}

.theme--light-ui,:root {
    --pagination__item--active__a__color: #291d18;
    --pagination__item--active__a--hover__color: #291d18;
    --pagination__item__a__color: #291d18;
    --pagination__item__a--hover__color: #291d18;
    --pagination__link__icon__color: #291d18;
    --pagination__link--enabled__border-color: transparent;
    --pagination__link--enabled__icon__color: #291d18;
    --pagination__link--enabled__icon--hover__color: #291d18;
    --pagination__item--active__background-color: transparent;
    --pagination__item--active__a--hover__background-color: transparent;
    --pagination__item__a--hover__background-color: transparent;
    --pagination__bullit__a__in-active__background-color: #eeeded;
    --pagination__bullit__a__active__background-color: #bab6b5
}

.theme--dark-ui {
    --pagination__item--active__a__color: #291d18;
    --pagination__item--active__a--hover__color: #291d18;
    --pagination__link__icon__color: #5c534f;
    --pagination__item--active__background-color: transparent;
    --pagination__item--active__a--hover__background-color: transparent;
    --pagination__bullit__a__in-active__background-color: #392e2a;
    --pagination__bullit__a__active__background-color: #6c6461
}

.theme--dark-ui,.theme--streamz-ui {
    --pagination__item__a__color: #fff;
    --pagination__item__a--hover__color: #fff;
    --pagination__link--enabled__border-color: transparent;
    --pagination__link--enabled__icon__color: #fff;
    --pagination__link--enabled__icon--hover__color: #fff;
    --pagination__item__a--hover__background-color: transparent
}

.theme--streamz-ui {
    --pagination__item--active__a__color: #fff;
    --pagination__item--active__a--hover__color: #fff;
    --pagination__link__icon__color: #aeaeae;
    --pagination__item--active__background-color: transparent;
    --pagination__item--active__a--hover__background-color: transparent
}

.theme--play-more-ui {
    --pagination__item--active__a__color: #001428;
    --pagination__item--active__a--hover__color: #001428;
    --pagination__link__icon__color: #3d6075;
    --pagination__item--active__background-color: transparent;
    --pagination__item--active__a--hover__background-color: transparent
}

.theme--play-more-ui,.theme--play-sports-ui {
    --pagination__item__a__color: #fff;
    --pagination__item__a--hover__color: #fff;
    --pagination__link--enabled__border-color: transparent;
    --pagination__link--enabled__icon__color: #fff;
    --pagination__link--enabled__icon--hover__color: #fff;
    --pagination__item__a--hover__background-color: transparent
}

.theme--play-sports-ui {
    --pagination__item--active__a__color: #14191e;
    --pagination__item--active__a--hover__color: #14191e;
    --pagination__link__icon__color: #545454;
    --pagination__item--active__background-color: transparent;
    --pagination__item--active__a--hover__background-color: transparent
}

.pagination {
    margin: 1rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%
}

.pagination .pagination__list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.pagination .pagination__list__item {
    display: inline-block;
    margin-right: .8rem;
    font-size: 1.2rem;
    border-radius: 0
}

.pagination .pagination__list__item.active {
    background-color: var(--pagination__item--active__background-color);
    margin-left: .8rem
}

.pagination .pagination__list__item.active a {
    color: var(--pagination__item--active__a__color);
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 400
}

.pagination .pagination__list__item.active a:hover {
    color: var(--pagination__item--active__a--hover__color);
    background-color: var(--pagination__item--active__a--hover__background-color)
}

.pagination .pagination__list__item a {
    color: var(--pagination__item__a__color);
    text-decoration: none
}

.pagination .pagination__list__item a:hover {
    color: var(--pagination__item__a--hover__color);
    background-color: var(--pagination__item__a--hover__background-color);
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 400
}

.pagination .pagination__list__item__active,.pagination .pagination__list__item__in-active {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem
}

.pagination .pagination__list__item:first-child {
    margin-right: .8rem
}

.pagination .pagination__list__item:first-child .pagination__link {
    margin-right: .5rem
}

.pagination .pagination__list__item:last-child {
    margin-right: 0;
    margin-left: .5rem
}

.pagination .pagination__list__bullit a {
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 .55rem
}

.pagination .pagination__list__bullit a.pagination__list__item__in-active {
    background-color: var(--pagination__bullit__a__in-active__background-color)
}

.pagination .pagination__list__bullit a.pagination__list__item__active {
    background-color: var(--pagination__bullit__a__active__background-color)
}

.pagination .pagination__list__link {
    border: 0;
    margin-left: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0;
    cursor: default
}

.pagination .pagination__list__link .icon-chevron-left,.pagination .pagination__list__link .icon-chevron-right {
    color: var(--pagination__link__icon__color);
    font-size: 1.2rem;
    margin-top: 0;
    padding-right: .2rem
}

.pagination .pagination__list__link--enabled {
    border-color: var(--pagination__link--enabled__border-color);
    cursor: pointer
}

.pagination .pagination__list__link--enabled .icon-chevron-left,.pagination .pagination__list__link--enabled .icon-chevron-right {
    color: var(--pagination__link--enabled__icon__color);
    padding-left: .4rem
}

.pagination .pagination__list__link--enabled .icon-chevron-left:hover,.pagination .pagination__list__link--enabled .icon-chevron-right:hover {
    color: var(--pagination__link--enabled__icon--hover__color)
}

.price {
    font-size: 2.8rem;
    line-height: 3.2rem
}

.price .price__taxes {
    display: block;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 700;
    color: #291d18;
    margin-top: .5rem
}

.price__leading-digit {
    display: flex
}

.price__leading-digit--number {
    font-size: 3.2rem
}

@media only screen and (min-width: 36em) {
    .price__leading-digit--number {
        font-size:5.6rem
    }
}

.price__leading-digit--decimals {
    margin-top: -.4rem;
    font-size: 2rem
}

@media only screen and (min-width: 36em) {
    .price__leading-digit--decimals {
        font-size:3.2rem;
        margin-top: -1rem
    }
}

.price__leading-digit--currency {
    font-size: 2rem;
    margin-top: .4rem
}

@media only screen and (min-width: 36em) {
    .price__leading-digit--currency {
        font-size:3.2rem;
        margin-top: .8rem
    }
}

.price__incl-vat-bold--currency,.price__incl-vat-bold--number {
    font-family: Helvetica,Verdana,Arial,Sans-serif
}

.price__incl-vat-bold--number {
    font-size: 3.6rem
}

@media only screen and (min-width: 36em) {
    .price__incl-vat-bold--number {
        font-size:5rem
    }
}

.price__incl-vat-bold--currency {
    letter-spacing: -.7rem
}

.price.price__incl-vat-bold .price__taxes {
    color: #bab6b5
}

.price__red-bold {
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .price__red-bold {
        font-size:3rem
    }
}

.price__large-bold {
    font-size: 4rem;
    line-height: 4.4rem
}

@media only screen and (min-width: 48.0625em) {
    .price__large-bold {
        font-size:4rem;
        line-height: 4.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .price__large-bold {
        font-size:5.6rem;
        line-height: 7.2rem
    }
}

.horizontal-step-tracker-centered {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.horizontal-step-tracker-centered .steps-tracker {
    position: relative;
    list-style: none
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker {
        display:inline-flex
    }
}

.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step {
    position: relative;
    width: 100%;
    height: calc(100% - 1.6rem);
    padding: 1.6rem 0;
    margin-bottom: .8rem;
    transition: all .2s ease
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker .steps-tracker__step {
        align-items:center;
        width: 7rem;
        padding: 0 1rem;
        margin: 0 auto
    }
}

.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step:before {
    content: "";
    position: absolute;
    top: 4.2rem;
    left: calc(50% - .2rem);
    height: calc(100% - 1.6rem);
    border-left: .4rem solid var(--theme__shade-08___white-16)
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker .steps-tracker__step:before {
        position:absolute;
        top: 5.2rem;
        right: unset;
        left: 4.9rem;
        display: block;
        width: 100%;
        height: auto;
        border-left: none;
        border-bottom: .4rem solid var(--theme__shade-08___white-16)
    }
}

.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content {
    z-index: 1;
    display: flex;
    color: var(--theme__text___text-default)
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content {
        display:block;
        width: auto
    }
}

.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__icon {
    width: 2.8rem;
    height: 2.8rem;
    margin: 0 auto;
    line-height: 2.6rem;
    font-size: 1.6rem;
    color: var(--theme__text___text-default)
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__icon {
        margin:1.6rem 3rem;
        line-height: unset
    }
}

.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__icon:before {
    content: "";
    position: absolute;
    top: -1rem;
    left: 40%
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__icon:before {
        position:unset;
        top: unset;
        left: unset
    }
}

.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__left,.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__right {
    position: relative;
    top: .5rem;
    width: 45%;
    padding: 0 1rem
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__left,.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__right {
        top:unset;
        width: unset;
        padding: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__left p,.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step .steps-tracker__step__content__right p {
        text-align:center
    }
}

.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step.steps-tracker__step--completed .steps-tracker__step__content__icon {
    color: #291d18
}

.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step.steps-tracker__step--completed:before {
    border-left: .4rem solid #ffc421
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker .steps-tracker__step.steps-tracker__step--completed:before {
        border-bottom:.4rem solid #ffc421
    }
}

.horizontal-step-tracker-centered .steps-tracker .steps-tracker__step:last-child:before {
    border-left: none
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker .steps-tracker__step:last-child:before {
        border-bottom:0
    }
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker--auto-width .steps-tracker__step {
        width:auto
    }
}

.horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step:first-child .steps-tracker__step__content__icon {
    border: none;
    width: 7rem
}

.horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step__content__left,.horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step__content__right {
    padding: 0 2rem
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step__content__left,.horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step__content__right {
        padding:0
    }
}

.horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step:first-child .steps-tracker__step__content {
    width: auto
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step:first-child .steps-tracker__step__content {
        width:8rem
    }
}

.horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step:first-child .steps-tracker__step__content__left p {
    text-align: right
}

@media only screen and (min-width: 48.0625em) {
    .horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label .steps-tracker__step:first-child .steps-tracker__step__content__left p {
        text-align:left
    }
}

.horizontal-step-tracker-centered .steps-tracker.steps-tracker--with-label li:first-child:before {
    border: 0
}

.vertical-step-tracker-centered {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.vertical-step-tracker-centered__msg {
    position: absolute;
    top: 13.6rem;
    width: calc(100% - 3.2rem);
    padding: .8rem 1.4rem;
    z-index: 2
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker-centered__msg {
        width:calc(100% - 3.2rem);
        top: 18rem
    }
}

.vertical-step-tracker-centered__msg.show {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.vertical-step-tracker-centered__msg--info {
    display: none;
    color: var(--theme__text___text-default);
    background: #e1f0f4
}

.vertical-step-tracker-centered__msg--info .icon-information {
    color: #2373e6;
    padding-right: .8rem
}

.vertical-step-tracker-centered__msg--warning {
    display: none;
    color: var(--theme__text___text-default);
    background: #e1f0f4
}

.vertical-step-tracker-centered__msg--warning .icon-warning {
    color: #ff9500;
    padding-right: .8rem
}

.vertical-step-tracker-centered .steps-tracker {
    position: relative;
    list-style: none
}

.vertical-step-tracker-centered .steps-tracker__step {
    position: relative;
    height: 100%;
    width: calc(50% - 3.2rem);
    padding-bottom: 3.2rem;
    transition: all .2s ease
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker-centered .steps-tracker__step {
        padding:1.6rem 0;
        margin-bottom: .8rem;
        width: calc(50% - 3.7rem)
    }
}

.vertical-step-tracker-centered .steps-tracker__step:before {
    content: "";
    position: absolute;
    top: 2.7rem;
    left: -2.2rem;
    height: calc(100% - 2.6rem);
    border-left: .4rem solid var(--theme__shade-08___white-16);
    color: transparent
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker-centered .steps-tracker__step:before {
        top:4.6rem;
        left: -3.2rem;
        height: calc(100% - 1.8rem)
    }
}

.vertical-step-tracker-centered .steps-tracker__step.left {
    display: flex;
    flex-direction: column;
    text-align: right
}

.vertical-step-tracker-centered .steps-tracker__step.left:before {
    left: calc(100% + 2.4rem)
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker-centered .steps-tracker__step.left:before {
        left:calc(100% + 2.5rem)
    }
}

.vertical-step-tracker-centered .steps-tracker__step.left .steps-tracker__step__content__icon {
    left: calc(100% + 1.2rem)
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker-centered .steps-tracker__step.left .steps-tracker__step__content__icon {
        left:calc(100% + 1.2rem)
    }
}

.vertical-step-tracker-centered .steps-tracker__step.right {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: calc(50% - 3.2rem);
    margin-left: calc(50% + 1rem)
}

.vertical-step-tracker-centered .steps-tracker__step.right .steps-tracker__step__content__icon {
    left: -3rem
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker-centered .steps-tracker__step.right .steps-tracker__step__content__icon {
        left:-3.4rem
    }
}

.vertical-step-tracker-centered .steps-tracker__step.right:before {
    left: -1.8rem
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker-centered .steps-tracker__step.right:before {
        left:-2.2rem
    }
}

.vertical-step-tracker-centered .steps-tracker__step.right .steps-tracker__step__content {
    padding-left: .8rem
}

.vertical-step-tracker-centered .steps-tracker__step:last-child {
    min-height: 4.5rem
}

.vertical-step-tracker-centered .steps-tracker__step:last-child:before {
    border: 0;
    min-height: 3.2rem
}

.vertical-step-tracker-centered .steps-tracker__step__content__title {
    font-size: 1.8rem;
    line-height: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: var(--theme__text___text-default);
    opacity: .4
}

.vertical-step-tracker-centered .steps-tracker__step__content__desc {
    padding-top: .4rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    opacity: .4
}

.vertical-step-tracker-centered .steps-tracker__step__content__desc .icon-chevron-down,.vertical-step-tracker-centered .steps-tracker__step__content__desc .icon-chevron-up {
    padding-left: .4rem
}

.vertical-step-tracker-centered .steps-tracker__step__content__icon {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% + 2.6rem);
    width: 2.8rem;
    height: 2.8rem;
    color: var(--theme__text___text-default);
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker-centered .steps-tracker__step__content__icon {
        top:2rem;
        width: 2.8rem;
        height: 2.8rem
    }
}

.vertical-step-tracker-centered .steps-tracker__step--active .steps-tracker__step__content__desc,.vertical-step-tracker-centered .steps-tracker__step--active .steps-tracker__step__content__title {
    opacity: 1
}

.vertical-step-tracker-centered .steps-tracker__step--completed.icon-tick:before,.vertical-step-tracker-centered .steps-tracker__step--completed:before {
    border-left: .4rem solid #ffc421
}

.vertical-step-tracker-centered .steps-tracker__step--completed.icon-tick .steps-tracker__step__content__icon i,.vertical-step-tracker-centered .steps-tracker__step--completed .steps-tracker__step__content__icon i {
    color: #291d18
}

.vertical-step-tracker-centered .steps-tracker__step--completed.icon-tick .steps-tracker__step__content__icon i:before,.vertical-step-tracker-centered .steps-tracker__step--completed .steps-tracker__step__content__icon i:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit
}

.vertical-step-tracker-centered .steps-tracker__step--completed.icon-tick .steps-tracker__step__content__title,.vertical-step-tracker-centered .steps-tracker__step--completed .steps-tracker__step__content__title {
    font-size: 1.4rem;
    line-height: 1.8rem;
    cursor: pointer;
    opacity: 1
}

.vertical-step-tracker-centered .steps-tracker__step--completed.icon-tick .steps-tracker__step__content__title.toggle-details+.steps-tracker__step__content__desc,.vertical-step-tracker-centered .steps-tracker__step--completed .steps-tracker__step__content__title.toggle-details+.steps-tracker__step__content__desc {
    visibility: visible;
    height: auto
}

.vertical-step-tracker-centered .steps-tracker__step--completed.icon-tick .steps-tracker__step__content__desc,.vertical-step-tracker-centered .steps-tracker__step--completed .steps-tracker__step__content__desc {
    font-size: 1.2rem;
    line-height: 1.8rem;
    visibility: hidden;
    height: 0;
    opacity: 1
}

.vertical-step-tracker-centered .steps-tracker__step--error.icon-error .steps-tracker__step__content__icon i:before,.vertical-step-tracker-centered .steps-tracker__step--error .steps-tracker__step__content__icon i:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit
}

.vertical-step-tracker-centered .steps-tracker__step--error.icon-error .steps-tracker__step__content__desc,.vertical-step-tracker-centered .steps-tracker__step--error.icon-error .steps-tracker__step__content__title,.vertical-step-tracker-centered .steps-tracker__step--error .steps-tracker__step__content__desc,.vertical-step-tracker-centered .steps-tracker__step--error .steps-tracker__step__content__title {
    opacity: 1
}

.vertical-step-tracker-centered .steps-tracker__step--completed:last-child:before,.vertical-step-tracker-centered .steps-tracker__step--error:last-child:before {
    border: 0
}

.network-topology {
    display: flex;
    margin: 0 2.4rem 4rem
}

@media only screen and (min-width: 48.0625em) {
    .network-topology {
        margin:0 0 4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .network-topology ul.network-topology--child {
        display:flex;
        margin-top: 1rem
    }
}

.network-topology ul.network-topology--child-last {
    margin-left: 5.5rem;
    position: relative;
    top: -3rem;
    left: 0
}

@media only screen and (min-width: 48.0625em) {
    .network-topology ul.network-topology--child-last {
        margin-left:0;
        top: 0;
        left: 0;
        width: 100%
    }
}

.network-topology ul.network-topology--child-last .network-topology--connection-line {
    left: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .network-topology ul.network-topology--child-last .network-topology--connection-line {
        left:3.8rem
    }
}

@media only screen and (max-width: 35.99em) {
    .network-topology ul.network-topology--child>.network-topology--child-section>li.network-topology--child {
        position:absolute
    }
}

.network-topology li {
    display: inline-grid;
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .network-topology li.network-topology--parent {
        width:100%
    }
}

@media only screen and (min-width: 48.0625em) {
    .network-topology li.network-topology--child {
        width:24rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .network-topology li.network-topology--child .network-topology--devices-image {
        left:.5rem;
        position: relative
    }
}

.network-topology--enable-state {
    pointer-events: all
}

.network-topology--disabled-state {
    pointer-events: none
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--disabled-state {
        pointer-events:all
    }
}

.network-topology--child-section {
    position: relative;
    top: 0
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--child-section {
        top:-1rem
    }
}

.network-topology--child-section-mobile {
    position: relative;
    top: -6rem
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--child-section-mobile {
        top:-1rem
    }
}

.network-topology--child-section-children-mobile {
    left: -4.6rem;
    position: relative;
    top: -2.6rem
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--child-section-children-mobile {
        left:0;
        top: -1rem
    }
}

.network-topology--connection-line {
    height: 7rem;
    border-left: .075rem solid #a6d9d9;
    position: relative;
    left: 2.8rem
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--connection-line {
        height:1.2rem;
        left: 3.8rem
    }
}

.network-topology--connection-line--last-parent {
    width: 2.4rem;
    height: 7rem;
    border-bottom: .075rem solid #a6d9d9
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--connection-line--last-parent {
        width:unset;
        height: 1.2rem;
        border-bottom: none
    }
}

.network-topology--connection-line--hide-desktop {
    display: block
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--connection-line--hide-desktop {
        display:none
    }
}

.network-topology--connection-line--hide-mobile {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--connection-line--hide-mobile {
        display:block
    }
}

.network-topology--connection-line--extra-left {
    left: 3.9rem
}

.network-topology--connection-line--horizontal {
    width: 100%;
    height: 1.2rem;
    margin: 0 4rem;
    border-top: .075rem solid #a6d9d9;
    border-left: .075rem solid #a6d9d9;
    position: relative;
    right: .2rem
}

.network-topology--devices-image {
    margin-right: 1.6rem;
    float: left
}

.network-topology--devices-info {
    padding: 1rem 1rem 0
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--devices-info {
        padding:1.2rem
    }
}

@media only screen and (max-width: 35.99em) {
    .network-topology--devices-info.network-topology--enable-state {
        position:absolute;
        left: 6rem
    }
}

.network-topology--devices-child-image {
    margin-right: 1.6rem;
    float: left
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--devices-child-image {
        margin-right:1.6rem;
        float: none
    }
}

.network-topology--devices-child-info {
    padding: 1rem 1rem 0
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--devices-child-info {
        padding:1.2rem
    }
}

.network-topology--devices-child-mobile {
    position: relative;
    left: 5rem;
    bottom: 3rem;
    z-index: 1
}

@media only screen and (min-width: 48.0625em) {
    .network-topology--devices-child-mobile {
        left:0;
        bottom: 0
    }
}

.vertical-step-tracker--content-example .tracker--step__title {
    background-color: #f7945c
}

.vertical-step-tracker--content-example .tracker--step__content {
    background-color: #a6d9d9
}

.vertical-step-tracker--content-example .tracker--step__content.fullwidth-content {
    background-color: #add1a6
}

.vertical-step-tracker {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.vertical-step-tracker .tracker {
    position: relative;
    list-style: none;
    margin: .8rem;
    padding: 0
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker .tracker {
        padding:.4rem 0 0 4.8rem;
        margin: 0 .8rem 0 0
    }
}

.vertical-step-tracker .tracker--step {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 2.4rem 0 1.2rem;
    border-bottom: 1px solid #f7f6f6;
    background-color: var(--theme__elevation___xs);
    color: var(--theme__text___text-default)
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker .tracker--step {
        padding:2.4rem 0;
        margin-bottom: .8rem;
        border-bottom: none
    }
}

.vertical-step-tracker .tracker--step.tracker--step-height:before {
    height: 100%
}

.vertical-step-tracker .tracker--step:before {
    content: "";
    position: absolute;
    top: 5.2rem;
    left: 2.7rem;
    height: calc(100% - 2.7rem);
    width: .4rem;
    border-left: .4rem solid var(--theme__shade-08___white-16);
    z-index: 1000
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker .tracker--step:before {
        top:4.8rem;
        left: -3.6rem;
        height: calc(100% - 2rem)
    }
}

.vertical-step-tracker .tracker--step:after {
    content: "";
    position: absolute;
    top: 2.4rem;
    left: 1.4rem;
    width: 2.8rem;
    height: 2.8rem;
    color: var(--theme__text___text-default);
    font-family: Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.8rem;
    text-align: center;
    z-index: 1002
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker .tracker--step:after {
        top:2rem;
        left: -4.8rem;
        width: 2.8rem;
        height: 2.8rem;
        line-height: 2.8rem
    }
}

.vertical-step-tracker .tracker--step.ready-0:after {
    content: "1"
}

.vertical-step-tracker .tracker--step.ready-1:after {
    content: "2"
}

.vertical-step-tracker .tracker--step.ready-2:after {
    content: "3"
}

.vertical-step-tracker .tracker--step.ready-3:after {
    content: "4"
}

.vertical-step-tracker .tracker--step.ready-4:after {
    content: "5"
}

.vertical-step-tracker .tracker--step.ready-5:after {
    content: "6"
}

.vertical-step-tracker .tracker--step.ready-6:after {
    content: "7"
}

.vertical-step-tracker .tracker--step.ready-7:after {
    content: "8"
}

.vertical-step-tracker .tracker--step.ready-8:after {
    content: "9"
}

.vertical-step-tracker .tracker--step.ready-9:after {
    content: "10"
}

.vertical-step-tracker .tracker--step.ready-10:after {
    content: "11"
}

.vertical-step-tracker .tracker--step.ready-11:after {
    content: "12"
}

.vertical-step-tracker .tracker--step.ready-12:after {
    content: "13"
}

.vertical-step-tracker .tracker--step.ready-13:after {
    content: "14"
}

.vertical-step-tracker .tracker--step.ready-14:after {
    content: "15"
}

.vertical-step-tracker .tracker--step.ready-15:after {
    content: "16"
}

.vertical-step-tracker .tracker--step.ready-16:after {
    content: "17"
}

.vertical-step-tracker .tracker--step.ready-17:after {
    content: "18"
}

.vertical-step-tracker .tracker--step.ready-18:after {
    content: "19"
}

.vertical-step-tracker .tracker--step.ready-19:after {
    content: "20"
}

.vertical-step-tracker .tracker--step.ready-20:after {
    content: "21"
}

.vertical-step-tracker .tracker--step__title {
    margin: 0 1.6rem 0 5.6rem
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker .tracker--step__title {
        margin:0 2.4rem
    }
}

.vertical-step-tracker .tracker--step__content {
    margin: 0 1.6rem 0 5.6rem
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker .tracker--step__content {
        margin:0 2.4rem
    }
}

.vertical-step-tracker .tracker--step__content.fullwidth-content {
    margin: 0
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker .tracker--step__content.fullwidth-content {
        margin:0
    }
}

.vertical-step-tracker .tracker--step.tracker--step--completed:before {
    border-left: .4rem solid #ffc421
}

.vertical-step-tracker .tracker--step.tracker--step--completed:after {
    color: #291d18
}

.vertical-step-tracker .tracker--step.tracker--step--active:last-child,.vertical-step-tracker .tracker--step.tracker--step--completed:last-child,.vertical-step-tracker .tracker--step:last-child {
    border-bottom: none
}

.vertical-step-tracker .tracker--step.tracker--step--active:last-child:before,.vertical-step-tracker .tracker--step.tracker--step--completed:last-child:before,.vertical-step-tracker .tracker--step:last-child:before {
    border: none
}

.vertical-step-tracker .tracker--step.tracker--step--active:last-child .tracker--step__divider,.vertical-step-tracker .tracker--step.tracker--step--completed:last-child .tracker--step__divider,.vertical-step-tracker .tracker--step:last-child .tracker--step__divider {
    border: none
}

.vertical-step-tracker--no-container .tracker,.vertical-step-tracker--no-shadow .tracker {
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker--no-container .tracker,.vertical-step-tracker--no-shadow .tracker {
        padding:.4rem 0 0 4.8rem;
        margin: 0 .8rem 0 0
    }
}

.vertical-step-tracker--no-container .tracker--step,.vertical-step-tracker--no-shadow .tracker--step {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    margin-bottom: .8rem;
    border-bottom: none
}

.vertical-step-tracker--no-container .tracker--step:before,.vertical-step-tracker--no-shadow .tracker--step:before {
    top: 5.8rem;
    height: calc(100% - 1.8rem)
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker--no-container .tracker--step:before,.vertical-step-tracker--no-shadow .tracker--step:before {
        top:5.6rem
    }
}

.vertical-step-tracker--no-container .tracker--step:after,.vertical-step-tracker--no-shadow .tracker--step:after {
    top: 3.2rem
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker--no-container .tracker--step:after,.vertical-step-tracker--no-shadow .tracker--step:after {
        top:2.8rem
    }
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker--no-container .tracker--step,.vertical-step-tracker--no-shadow .tracker--step {
        padding:0;
        margin-bottom: .8rem;
        border-bottom: none
    }
}

.vertical-step-tracker--no-container .tracker--step__title,.vertical-step-tracker--no-shadow .tracker--step__title {
    margin: 0 0 0 5.6rem
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker--no-container .tracker--step__title,.vertical-step-tracker--no-shadow .tracker--step__title {
        margin:0
    }
}

.vertical-step-tracker--no-container .tracker--step__content,.vertical-step-tracker--no-shadow .tracker--step__content {
    margin: 0 0 0 5.6rem
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker--no-container .tracker--step__content,.vertical-step-tracker--no-shadow .tracker--step__content {
        margin:0
    }
}

.vertical-step-tracker--no-container .tracker--step.tracker--step--active:last-child .tracker--step__title,.vertical-step-tracker--no-shadow .tracker--step.tracker--step--active:last-child .tracker--step__title {
    margin: 0 0 0 5.6rem
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker--no-container .tracker--step.tracker--step--active:last-child .tracker--step__title,.vertical-step-tracker--no-shadow .tracker--step.tracker--step--active:last-child .tracker--step__title {
        margin:0
    }
}

.vertical-step-tracker--no-container .tracker--step.tracker--step--active:last-child .tracker--step__content,.vertical-step-tracker--no-shadow .tracker--step.tracker--step--active:last-child .tracker--step__content {
    margin: 0 0 0 5.6rem
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker--no-container .tracker--step.tracker--step--active:last-child .tracker--step__content,.vertical-step-tracker--no-shadow .tracker--step.tracker--step--active:last-child .tracker--step__content {
        margin:0
    }
}

.vertical-step-tracker--no-container .tracker--step.tracker--step--active:last-child .tracker--step__content.fullwidth-content,.vertical-step-tracker--no-shadow .tracker--step.tracker--step--active:last-child .tracker--step__content.fullwidth-content {
    margin: 0 0 0 5.6rem
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker--no-container .tracker--step.tracker--step--active:last-child .tracker--step__content.fullwidth-content,.vertical-step-tracker--no-shadow .tracker--step.tracker--step--active:last-child .tracker--step__content.fullwidth-content {
        margin:0
    }
}

.vertical-step-tracker--monospaced .tracker--step {
    border-bottom: none
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker--monospaced .tracker--step {
        margin-bottom:0;
        border-bottom: none
    }
}

.vertical-step-tracker--monospaced .tracker--step__divider {
    margin: 2.4rem 1.6rem 0 5.6rem;
    border-bottom: 1px solid #f7f6f6;
    height: .4rem
}

@media only screen and (min-width: 36em) {
    .vertical-step-tracker--monospaced .tracker--step__divider {
        display:none
    }
}

.tooltip .tooltip-text {
    max-width: 28.8rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    box-sizing: inherit;
    visibility: hidden;
    background-color: #fff;
    color: #291d18;
    border-radius: 1.6rem;
    padding: .8rem 1.6rem;
    position: absolute;
    right: 2rem;
    z-index: 1;
    bottom: 125%;
    white-space: normal;
    font-weight: 700;
    opacity: 0;
    transition: opacity .3s;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .tooltip .tooltip-text {
        max-width:47.8rem
    }
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1
}

.tooltip__icon-section .icon-label {
    height: 2.4rem
}

.tooltip__icon-section .icon-information {
    color: #766f6b;
    margin: 0 .5rem;
    height: 2.8rem
}

.tooltip__icon-section .icon-information--blue {
    color: #ffc421
}

.tooltip__info-section {
    display: none;
    visibility: hidden;
    background-color: #fff;
    border: .1rem solid #eeeded;
    color: #766f6b;
    border-radius: .3rem;
    padding: .8rem 1.2rem;
    position: absolute;
    z-index: 9999;
    top: 100%
}

@media only screen and (min-width: 36em) {
    .tooltip__info-section {
        padding:.8rem 1.2rem
    }
}

.tooltip__info-section:before {
    content: "";
    display: block;
    position: absolute;
    top: -1rem;
    width: 0;
    border-right: 1rem solid transparent;
    border-left: 1rem solid transparent;
    border-bottom: 1rem solid #eeeded
}

.tooltip__info-section:after {
    content: "";
    display: block;
    position: absolute;
    top: -.9rem;
    width: 0;
    border-right: 1rem solid transparent;
    border-left: 1rem solid transparent;
    border-bottom: 1rem solid #fff
}

.tooltip__info-section--right {
    right: 0;
    left: -17rem
}

@media only screen and (min-width: 48.0625em) {
    .tooltip__info-section--right {
        right:-4rem;
        left: auto
    }
}

.tooltip__info-section--right.tooltip__info-section.tooltip__info-section__arrow-right:after,.tooltip__info-section--right.tooltip__info-section.tooltip__info-section__arrow-right:before {
    right: 4rem
}

.tooltip__info-section--top {
    top: -15rem
}

.tooltip__info-section--top:after,.tooltip__info-section--top:before {
    top: auto;
    border-bottom: none
}

.tooltip__info-section--top:before {
    bottom: -1rem;
    border-top: 1rem solid #eeeded
}

.tooltip__info-section--top:after {
    bottom: -.9rem;
    border-top: 1rem solid #fff
}

.tooltip__info-section--top-right {
    right: 0
}

.tooltip__info-section.tooltip__info-section__arrow-left:after,.tooltip__info-section.tooltip__info-section__arrow-left:before {
    left: 1rem
}

.tooltip__info-section.tooltip__info-section__auto-width {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 70rem
}

.tooltip__info-section.tooltip__info-section__arrow-right:after,.tooltip__info-section.tooltip__info-section__arrow-right:before {
    right: 1rem
}

.tooltip__info-section.tooltip__info-section__arrow-center:after,.tooltip__info-section.tooltip__info-section__arrow-center:before {
    left: calc(50% - .5rem)
}

.tooltip__info-section.tooltip__info-section__arrow__hide-mobile:after,.tooltip__info-section.tooltip__info-section__arrow__hide-mobile:before {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .tooltip__info-section.tooltip__info-section__arrow__hide-mobile:after,.tooltip__info-section.tooltip__info-section__arrow__hide-mobile:before {
        display:block
    }
}

.tooltip__info-section__border-square {
    border-radius: unset
}

.tooltip__info-section__border-light {
    padding: 1.6rem;
    border: .1rem solid #eeeded;
    width: 20rem
}

@media only screen and (min-width: 48.0625em) {
    .tooltip__info-section__border-light {
        padding:2rem
    }
}

.tooltip__info-section__border-light:before {
    border-bottom: 1rem solid #eeeded
}

.tooltip__info-section__image {
    min-width: 25rem
}

.tooltip__info-section__image-section {
    height: 11rem;
    margin-top: 0;
    background-image: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/chart-mobile.svg);
    background-position-x: center;
    background-repeat: no-repeat
}

@media only screen and (min-width: 48.0625em) {
    .tooltip__info-section__image-section {
        height:12rem;
        margin-top: 1.6rem;
        background-image: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/chart.svg)
    }
}

.tooltip__info-section__image .info-section__icon {
    margin-right: 1.2rem
}

@media only screen and (min-width: 48.0625em) {
    .tooltip__info-section__image .info-section__icon {
        margin-right:1.8rem
    }
}

.tooltip__info-section__image .info-section__description .info-section__description__title {
    font-size: 1.4rem;
    line-height: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .tooltip__info-section__image .info-section__description .info-section__description__title {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.tooltip__info-section__image .info-section__description .info-section__description__text {
    font-size: 1.4rem;
    line-height: 1.8rem
}

@media only screen and (min-width: 48.0625em) {
    .tooltip__info-section__image .info-section__description .info-section__description__text {
        font-size:1.6rem;
        line-height: 2rem
    }
}

.tooltip__info-section .info-section__icon {
    padding-right: 2.4rem
}

.tooltip__info-section .info-section__icon:before {
    vertical-align: sub
}

.tooltip__info-section .info-section__description {
    text-align: left
}

.tooltip__info-section .info-section__description__title {
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .tooltip__info-section .info-section__description__title {
        font-size:1.8rem
    }
}

.tooltip__info-section .info-section__description__text {
    font-size: 1.4rem
}

@media only screen and (min-width: 36em) {
    .tooltip__info-section .info-section__description__text {
        font-size:1.4rem
    }
}

.tooltip:hover .tooltip__icon-section:after {
    visibility: visible;
    opacity: 1
}

.tooltip:hover .tooltip__info-section {
    visibility: visible;
    opacity: 1;
    display: flex
}

.tooltip:hover .tooltip__info-section.tooltip__info-section__image {
    display: block
}

.tooltip .tooltip-icon-content {
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .tooltip .tooltip-icon-content {
        margin-left:1rem
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .tooltip-text {
        white-space: pre!important
    }
}

.site-navigation .tooltip {
    max-width: unset;
    box-shadow: unset;
    color: unset;
    font-size: unset;
    padding: unset;
    border-radius: unset
}

.product-row-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: .5rem;
    background: hsla(0,0%,100%,.71);
    margin: 1.6rem 0
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item {
        flex-direction:row;
        margin: 0 0 1.5rem
    }
}

.product-row-item.label-row {
    display: none;
    background: transparent
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item.label-row {
        display:flex
    }
}

.product-row-item .selected-row {
    border-radius: .5rem .5rem 0 0;
    background-color: #ffc421;
    color: #fff
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item .selected-row {
        border-radius:.5rem 0 0 .5rem
    }
}

.product-row-item .selected-row .form-helper,.product-row-item .selected-row label {
    background-color: #ffc421;
    color: #fff
}

.product-row-item .empty-label-row {
    width: 6%
}

.product-row-item.content-row {
    display: flex
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item.content-row {
        display:block
    }
}

.product-row-item.content-row .content-section {
    display: flex;
    flex-direction: column;
    border-radius: 0
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item.content-row .content-section {
        flex-direction:row
    }
}

.product-row-item__selected-item {
    display: none;
    flex-direction: row;
    align-items: center
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__selected-item {
        border-right:.1rem solid hsla(0,0%,94.9%,.5);
        border-bottom: 0;
        width: 30%;
        padding: 0;
        display: flex
    }
}

.product-row-item__selected-item .selection-row__item {
    order: 1;
    padding: 0;
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__selected-item .selection-row__item {
        order:2;
        padding: 0 0 0 2.8rem
    }
}

.product-row-item__selected-item .select-indicator:before {
    content: " ";
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border: .1rem solid #eeeded;
    border-radius: 50%
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__selected-item.consult-profile {
        width:6%;
        display: flex;
        justify-content: center
    }
}

.product-row-item__selected-item.consult-profile.selected-row {
    background-color: #ffc421;
    color: #fff;
    border-radius: .5rem .5rem 0 0
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__selected-item.consult-profile.selected-row {
        border-radius:.5rem 0 0 .5rem
    }
}

.product-row-item__selected-item.consult-profile.selected-row .icon-tick {
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    border: .1rem solid #fff;
    font-size: 1.3rem
}

.product-row-item__selected-item.consult-profile.selected-row .icon-tick:before {
    padding-left: .5rem;
    height: 2.8rem;
    width: 2.8rem;
    box-sizing: border-box
}

.product-row-item__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: normal;
    width: 100%;
    border-bottom: .1rem solid hsla(0,0%,94.9%,.5)
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__items {
        width:70%;
        flex-wrap: nowrap;
        border-bottom: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__items.consult-profile {
        width:94%;
        cursor: default;
        padding: 3.2rem 3rem
    }
}

.product-row-item__items.consult-profile.selected-row {
    background-color: #ffc421;
    color: #fff;
    border-radius: .5rem .5rem 0 0
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__items.consult-profile.selected-row {
        border-radius:0 .5rem .5rem 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__items.label-profile {
        width:94%;
        padding: 0 3rem
    }
}

.product-row-item__item {
    box-sizing: inherit;
    padding: 0 0 2rem 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__item {
        padding:0;
        width: 25%
    }
}

.product-row-item__item:first-child {
    padding: 2.4rem 0 0 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__item:first-child {
        padding:0
    }
}

.product-row-item__item:nth-child(2) {
    padding: 2.4rem 0 2rem 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__item:nth-child(2) {
        padding:0
    }
}

.product-row-item__item.consult-profile {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__item.consult-profile {
        padding:0 2rem 0 0;
        width: 20%
    }
}

.product-row-item__item.consult-profile:nth-child(3) {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__item.consult-profile:nth-child(3) {
        width:40%
    }
}

.product-row-item__item.consult-profile .select-content-mobile {
    display: flex;
    justify-content: space-between;
    padding-right: 2.4rem
}

.product-row-item__item.consult-profile .select-content-mobile .select-indicator:before {
    content: " ";
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border: .1rem solid #eeeded;
    border-radius: 50%
}

.product-row-item__item.consult-profile .select-content-mobile .icon-tick {
    width: 2.5rem;
    height: 2.5rem;
    border: .1rem solid #eeeded;
    border-radius: 50%;
    font-size: 1.2rem;
    padding-left: .5rem
}

.product-row-item__item.consult-profile .select-content-mobile .icon-tick:before {
    position: relative;
    bottom: .2rem
}

.product-row-item__item.consult-profile .view-options {
    display: flex;
    align-items: normal;
    cursor: pointer
}

.product-row-item__item.consult-profile .view-options p {
    font-size: 1.5rem;
    font-weight: 900;
    color: #291d18
}

.product-row-item__item.consult-profile .view-options p:nth-child(2) {
    overflow: hidden;
    margin-top: .5rem
}

.product-row-item__item.consult-profile .view-options p:nth-child(2):hover {
    color: #ffc421
}

.product-row-item__item.consult-profile .view-options .icon-minus {
    font-weight: 700
}

.product-row-item__item.consult-profile .view-options .icon-minus:before {
    overflow: hidden
}

.product-row-item__item.consult-profile .view-options .icon-plus:before {
    overflow: hidden
}

.product-row-item__item.consult-profile .selected-view-options {
    display: flex;
    align-items: baseline;
    cursor: pointer
}

.product-row-item__item.consult-profile .selected-view-options p {
    font-size: 1.5rem
}

.product-row-item__item.label-profile {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__item.label-profile {
        width:20%;
        display: flex
    }
}

.product-row-item__item.label-profile .icon-toggle {
    font-size: .7rem;
    transform: rotate(90deg);
    position: relative;
    left: 1.3rem
}

.product-row-item__item.label-profile .icon-toggle.toggle-up {
    transform: rotate(-90deg);
    position: relative;
    left: .8rem
}

.product-row-item__item.label-profile .form-helper,.product-row-item__item.label-profile label {
    margin-bottom: 0
}

.product-row-item__item.label-profile:nth-child(3) {
    width: 40%
}

.product-row-item__container {
    padding: 2.4rem 2.4rem .8rem;
    background-color: hsla(0,0%,94.9%,.5);
    border-radius: 0
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__container {
        padding:3.2rem 3.2rem 2rem;
        border-radius: 0 0 .8rem .8rem
    }
}

.product-row-item__container .container-row {
    display: flex;
    flex-wrap: wrap
}

.product-row-item__container .container-row .icon-tick {
    color: #ffc421
}

.product-row-item__container .container-row .option {
    width: 100%;
    display: flex;
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__container .container-row .option {
        width:14%;
        margin-bottom: 1.2rem
    }
}

.product-row-item__hide-options-mobile {
    display: flex;
    justify-content: center;
    padding: 1.6rem;
    border-top: .1rem solid #ffc421
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__hide-options-mobile {
        display:none
    }
}

.product-row-item__hide-options-mobile p:first-child {
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 2rem
}

.product-row-item__hide-options-mobile p:nth-child(2):hover {
    color: #ffc421
}

.product-row-item__hide-options-mobile.selected-row {
    border-radius: 0 0 .5rem .5rem
}

.product-row-item p {
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 2rem;
    word-break: break-word
}

.product-row-item__no-line {
    border-radius: .5rem!important
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__no-line {
        border-radius:0 .5rem .5rem 0!important
    }
}

.product-row-item__one-line {
    border-radius: 0 0 .5rem .5rem!important;
    padding: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item__one-line {
        border-radius:0 .5rem .5rem 0!important
    }
}

.product-row-item__failed-orders-label {
    color: #291d18;
    text-transform: uppercase
}

.product-row-item.product-row-item__failed-orders p {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item.product-row-item__failed-orders p {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .product-row-item.product-row-item__failed-orders p {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item.product-row-item__failed-orders.content-row .product-row-item__items .product-row-item__item,.product-row-item.product-row-item__failed-orders__label-row .product-row-item__items.label-profile .product-row-item__item {
        width:25%
    }
}

@media only screen and (max-width: 48.0525em) {
    .product-row-item.product-row-item__failed-orders.content-row .product-row-item__items .product-row-item__item.consult-profile:nth-child(2),.product-row-item.product-row-item__failed-orders.content-row .product-row-item__items .product-row-item__item.consult-profile:nth-child(3) {
        width:50%;
        padding: 2.4rem 0 2rem 2.4rem
    }
}

.product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section {
    box-shadow: var(--box-shadow__n___n-dark)
}

@media only screen and (max-width: 48.0525em) {
    .product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__items .product-row-item__item {
        padding:0 0 2.4rem;
        width: 50%
    }
}

@media only screen and (min-width: 48.0625em) {
    .product-row-item.product-row-item__failed-orders__data--items.product-row-item.content-row .content-section .product-row-item__failed-orders__data--items__options span:not(:nth-child(2)):before {
        content:"|"
    }
}

@media only screen and (max-width: 74.49em) {
    .contract-row-item,.employee-row-item {
        min-width:113.2rem
    }
}

.contract-row-item__left,.employee-row-item__left {
    width: 7%
}

.contract-row-item__right,.employee-row-item__right {
    width: 94%
}

.contract-row-item.content-row,.employee-row-item.content-row {
    box-shadow: var(--box-shadow__xs___xs-dark)
}

.contract-row-item.content-row:hover,.employee-row-item.content-row:hover {
    box-shadow: inset 0 0 0 .1rem #ffc421,var(--box-shadow__xs___xs-dark)
}

.contract-row-item.selected-row,.employee-row-item.selected-row {
    box-shadow: inset 0 0 0 .2rem #ffc421,var(--box-shadow__xs___xs-dark)
}

.contract-row-item__item.label-column,.employee-row-item__item.label-column {
    width: 12%
}

.contract-row-item__item.label-column.label-column--extra-small,.employee-row-item__item.label-column.label-column--extra-small {
    width: 8%
}

.contract-row-item__item.label-column.label-column--small,.employee-row-item__item.label-column.label-column--small {
    width: 10%
}

.contract-row-item__item.label-column.label-column--medium,.employee-row-item__item.label-column.label-column--medium {
    width: 14%
}

.contract-row-item__item.label-column.label-column--large,.employee-row-item__item.label-column.label-column--large {
    width: 16%
}

.contract-row-item__item.label-column.label-column--extra-large,.employee-row-item__item.label-column.label-column--extra-large {
    width: 18%
}

.contract-row-item__item.label-column.label-column--giant,.employee-row-item__item.label-column.label-column--giant {
    width: 26%
}

.contract-row-item__item.label-column .tooltip .tooltip__icon-section .icon-label,.employee-row-item__item.label-column .tooltip .tooltip__icon-section .icon-label {
    text-overflow: ellipsis
}

.contract-overview .sticky-action-item .icon-sticky,.employee-overview .sticky-action-item .icon-sticky {
    vertical-align: baseline
}

.change-plan-footer {
    padding: 2rem;
    background: hsla(0,0%,100%,.7)
}

@media only screen and (min-width: 36em) {
    .change-plan-footer {
        padding:4rem
    }
}

.change-plan-footer__button-group {
    display: flex;
    justify-content: space-between
}

.change-plan-footer__action {
    display: inline-block
}

.change-plan-footer__action:first-child {
    margin-right: 2rem
}

.change-plan-number {
    padding: 2.4rem 2rem;
    border-radius: .6rem;
    margin-bottom: 1.6rem;
    background-color: #fff
}

.change-plan-number--secondary {
    background: #ffc421;
    border: transparent
}

.change-plan-number--secondary .change-plan-number__section .label--large {
    color: #fff;
    font-weight: 500
}

.change-plan-number--secondary .change-plan-number__section__base-plan {
    color: hsla(0,0%,100%,.72);
    font-weight: 300
}

.change-plan-number--secondary .change-plan-number__sub-section {
    border: transparent;
    border-radius: .5rem;
    background-color: hsla(0,0%,100%,.08)
}

.change-plan-number--secondary .change-plan-number__sub-section__content__title {
    color: hsla(0,0%,100%,.72)
}

.change-plan-number--secondary .change-plan-number__sub-section__content__description {
    color: #fff
}

.change-plan-number--secondary .change-plan-number__sub-section__content__hide-shadow {
    background: linear-gradient(180deg,rgba(52,161,160,0),#34a1a0)
}

.change-plan-number--secondary .change-plan-number__sub-section__view-more-section {
    color: #fff
}

.change-plan-number--secondary .change-plan-number__sub-section__view-more-section .icons-circle {
    border-color: #fff
}

.change-plan-number--secondary .change-plan-number__sub-section__view-more-section .icon-minus {
    color: #fff
}

@media only screen and (min-width: 36em) {
    .change-plan-number {
        padding:2.4rem
    }
}

.change-plan-number__section .label--large {
    align-self: center;
    margin-bottom: 0;
    font-size: 1.8rem;
    font-weight: 300;
    color: #655c58
}

@media only screen and (min-width: 36em) {
    .change-plan-number__section .label--large {
        font-size:1.8rem
    }
}

.change-plan-number__section .label--large:last-of-type {
    flex-grow: 1
}

.change-plan-number__section__base-plan {
    font-size: 1.6rem;
    padding: 0 .8rem;
    font-weight: 300;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .change-plan-number__section__base-plan {
        font-size:1.8rem;
        padding: 0 1.6rem
    }
}

.change-plan-number__section .plan-notification__action--not-possible {
    width: 11rem;
    font-size: 1.4rem;
    font-weight: 900;
    border-radius: 2rem;
    color: #655c58;
    background: #fff8e2
}

.change-plan-number__sub-section {
    padding: 2.4rem;
    margin-top: 2.4rem;
    border: transparent;
    border-radius: .5rem;
    background-color: #f7f6f6
}

.change-plan-number__sub-section__content {
    position: relative;
    margin-bottom: 1.2rem
}

.change-plan-number__sub-section__content:last-of-type {
    margin-bottom: 0
}

.change-plan-number__sub-section__content--border {
    border-bottom: .1rem solid #eeeded
}

.change-plan-number__sub-section__content__title {
    font-size: 1.4rem;
    font-weight: 500;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .change-plan-number__sub-section__content__title {
        font-size:1.6rem
    }
}

.change-plan-number__sub-section__content__description {
    font-size: 1.6rem;
    font-weight: 500;
    color: #655c58
}

@media only screen and (min-width: 36em) {
    .change-plan-number__sub-section__content__description {
        font-size:1.8rem
    }
}

.change-plan-number__sub-section__content__hide-shadow {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.8rem;
    border-bottom: .1rem solid #f7f6f6;
    background: linear-gradient(180deg,hsla(0,0%,98%,0),#fafafa)
}

.change-plan-number__sub-section__view-more-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.6rem 0 1.1rem;
    color: #655c58;
    font-weight: 900
}

.change-plan-number__sub-section__view-more-section .icons-circle {
    width: 1.7rem;
    height: 1.7rem;
    border: .1rem solid #655c58;
    margin-right: 1.2rem
}

.change-plan-number__sub-section__view-more-section .icon-plus {
    padding-top: .8rem;
    font-size: 1rem
}

.change-plan-number__sub-section__view-more-section .icon-minus {
    padding: .8rem .5rem 0;
    color: #655c58;
    font-size: 1rem
}

.change-plan-number__sub-section .hideContent {
    overflow: hidden;
    height: 3.6rem
}

@media only screen and (min-width: 36em) {
    .change-plan-number__sub-section .hideContent {
        height:4rem
    }
}

.change-plan-number__sub-section .showContent {
    height: auto
}

.change-plan-number .plan-notification__action--not-possible {
    width: 11rem;
    font-size: 1.4rem;
    font-weight: 900;
    border-radius: 2rem;
    color: #655c58;
    background: #fff8e2
}

.new-line {
    margin: 0;
    background: #fff;
    padding: 2rem 0 0
}

@media only screen and (min-width: 48.0625em) {
    .new-line {
        padding:0
    }
}

.new-line .change-plan-footer {
    padding: 4rem
}

.new-line .new-line--multiple-block {
    border-bottom: .1rem solid #766f6b;
    margin-bottom: 3rem
}

.new-line .new-line--multiple-block:last-child {
    border-bottom: 0;
    margin-bottom: 2rem
}

.plan-status {
    margin: 3rem 0 1rem;
    font-weight: 600
}

.change-plan {
    padding: 2rem 4rem
}

@media only screen and (min-width: 36em) {
    .change-plan {
        padding:5rem 4rem 0
    }
}

.change-plan__header-group {
    margin-bottom: 1rem
}

@media only screen and (min-width: 36em) {
    .change-plan__header-group {
        margin-bottom:3rem
    }
}

.change-plan__header {
    font-size: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 2.4rem;
    margin: 0 -6rem;
    color: #655c58;
    background: #f7f6f6;
    padding: 0 0 2rem 2.8rem
}

@media only screen and (min-width: 36em) {
    .change-plan__header {
        font-size:2.4rem;
        padding: 0 0 2rem .8rem;
        margin: 0 -4rem
    }
}

.change-plan__no-product-group {
    padding-top: 0;
    margin-left: 4rem;
    margin-right: 4rem
}

.change-plan__label {
    flex: 1;
    justify-content: center
}

.change-plan__paragraph {
    margin-bottom: 3rem
}

.change-plan__notification-group {
    margin-bottom: 0;
    margin-left: 4rem;
    margin-right: 4rem
}

.change-plan__error {
    margin: 3rem 0
}

.change-plan__title {
    font-size: 2.4rem
}

@media only screen and (min-width: 36em) {
    .change-plan__title {
        font-size:2.8rem
    }
}

.delivery-address--secondary {
    width: 100%;
    padding: 2.6rem 2rem 3.2rem;
    background: #fff;
    margin: 0 0 1.6rem
}

@media only screen and (min-width: 36em) {
    .delivery-address--secondary {
        width:100%;
        margin: auto;
        padding: 4.8rem 9.6rem;
        border-radius: .8rem
    }
}

.delivery-address--secondary .form-group .form-helper,.delivery-address--secondary .form-group label {
    text-transform: uppercase
}

.delivery-address--secondary .form-group:last-child {
    margin-bottom: 2rem
}

.delivery-address__contact-name {
    color: #766f6b
}

.delivery-address__hr {
    margin: 4rem 0;
    border-bottom: .1rem solid #766f6b
}

.delivery-address .form-group__field {
    align-items: center
}

.overlayer-body .delivery-address__details {
    max-width: 100%
}

.end-journey {
    position: absolute;
    top: 10rem;
    right: 0;
    min-width: 100%;
    height: 100vh;
    background: #f7f6f6;
    z-index: 1000
}

@media only screen and (min-width: 36em) {
    .end-journey {
        top:11rem
    }
}

.end-journey.end-journey--secondary-journey {
    background: #fff
}

.end-journey.end-journey--secondary-journey .end-journey__section__content__title {
    margin: 0 1rem 1.6rem;
    font-size: 2rem
}

@media only screen and (min-width: 36em) {
    .end-journey.end-journey--secondary-journey .end-journey__section__content__title {
        margin:0 8rem 1.6rem;
        font-size: 2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .end-journey.end-journey--secondary-journey .end-journey__section__content__title {
        margin:0
    }
}

@media only screen and (min-width: 74.5em) {
    .end-journey.end-journey--secondary-journey .end-journey__section__content__title {
        margin:0 8rem 1.6rem
    }
}

.end-journey.end-journey--secondary-journey .end-journey__section {
    top: 4%
}

@media only screen and (min-width: 36em) {
    .end-journey.end-journey--secondary-journey .end-journey__section {
        top:2%
    }
}

.end-journey.end-journey--secondary-journey .end-journey__section__content__description {
    margin: 0
}

@media only screen and (min-width: 36em) {
    .end-journey.end-journey--secondary-journey .end-journey__section__content__description {
        margin:2.6rem 3.2rem
    }
}

.end-journey.end-journey--secondary-journey .end-journey__section__content__action {
    margin-top: 3.2rem
}

@media only screen and (min-width: 36em) {
    .end-journey.end-journey--secondary-journey .end-journey__section__content__action {
        margin-top:.7rem
    }
}

.end-journey.end-journey--secondary-journey .end-journey__section__content {
    padding: 0
}

@media only screen and (min-width: 36em) {
    .end-journey.end-journey--secondary-journey .end-journey__section__content {
        padding:4rem 0
    }
}

.end-journey.end-journey--secondary-journey .button:not(:first-child) {
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .end-journey.end-journey--secondary-journey .button:not(:first-child) {
        margin-left:.8rem
    }
}

.end-journey.end-journey--secondary-journey .button {
    padding: 0 2rem;
    line-height: 2.5
}

@media only screen and (min-width: 36em) {
    .end-journey.end-journey--secondary-journey .button {
        padding:0 2rem;
        line-height: 2.5
    }
}

.end-journey__section {
    position: relative;
    top: 7%;
    width: 100%;
    margin: auto
}

@media only screen and (min-width: 36em) {
    .end-journey__section {
        top:20%;
        width: 56rem
    }
}

.end-journey__section>.end-journey__section__content {
    box-sizing: border-box;
    width: auto;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    padding: 4rem 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: center;
    background: #fff;
    border-radius: .8rem;
    overflow: auto
}

.end-journey__section>.end-journey__section__content__icon {
    font-size: 2.5rem;
    color: #c95942;
    margin-bottom: 2rem
}

.end-journey__section>.end-journey__section__content__title {
    font-size: 2.4rem;
    line-height: 2.8rem;
    color: #655c58;
    margin-bottom: 3.5rem
}

.end-journey__section>.end-journey__section__content__description {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #655c58;
    margin-bottom: 2.5rem
}

.end-journey__section>.end-journey__section__content__action .button {
    margin-bottom: 1.5rem;
    border-radius: .8rem;
    padding: 1rem 2.4rem;
    font-weight: 900;
    line-height: 2.5rem
}

@media only screen and (min-width: 36em) {
    .end-journey__section>.end-journey__section__content__action .button {
        margin-bottom:1.5rem
    }
}

.login-sales-journey {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    margin: auto;
    padding: 2.4rem
}

@media only screen and (min-width: 36em) {
    .login-sales-journey {
        width:75%;
        flex-direction: row;
        padding: 0
    }
}

.login-sales-journey__Container {
    width: 100%;
    padding: 2.4rem 1.6rem;
    border-radius: .8rem;
    margin: 0 0 2.4rem;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .login-sales-journey__Container {
        width:32rem;
        padding: 2.4rem;
        margin: 0 5rem 2.4rem
    }
}

.login-sales-journey__Container__title {
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .login-sales-journey__Container__title {
        margin-bottom:2.5rem
    }
}

.login-sales-journey__Container__image-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 36em) {
    .login-sales-journey__Container__image-section {
        margin-bottom:4rem
    }
}

.login-sales-journey__Container__image-section img {
    height: 12rem;
    max-width: 50%
}

@media only screen and (min-width: 36em) {
    .login-sales-journey__Container__image-section img {
        max-width:100%;
        height: 16rem
    }
}

.login-sales-journey__Container__section {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.login-sales-journey__Container__section__description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.6rem;
    text-align: center
}

.login-sales-journey__Container__section .button.button--secondary.button--fullwidth {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.login-sales-journey__Container__section .button.button--secondary.button--fullwidth.register-with-itsme {
    background-image: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/logo_itsme.svg);
    background-repeat: no-repeat;
    background-position: 1.6rem;
    background-size: 2.4rem
}

.login-sales-journey__Container__register-section {
    flex-wrap: wrap;
    min-height: 24.7rem
}

.login-sales-journey__Container__register-section .divider {
    background-color: #f7f6f6
}

.login-sales-journey__Container__secondary-section {
    margin-top: 1.6rem
}

@media only screen and (min-width: 36em) {
    .login-sales-journey__Container__secondary-section {
        margin-top:0
    }
}

.login-sales-journey__Container__secondary-section__title {
    font-weight: 900;
    margin: 0 0 1.5rem;
    padding: 0
}

.login-sales-journey__Container__secondary-section__sub-title {
    margin: -1.5rem 0 1rem
}

.login-sales-journey__Container__secondary-section__eid-section {
    display: flex;
    flex-direction: row;
    margin: 0 0 3.5rem;
    padding-top: 0
}

@media only screen and (min-width: 36em) {
    .login-sales-journey__Container__secondary-section__eid-section {
        margin:4rem 0
    }
}

.login-sales-journey__Container__secondary-section__eid-section img {
    width: 100%;
    margin: .2rem 2rem 0 0
}

.login-sales-journey__Container__secondary-section__eid-section__eid-message {
    font-size: 1.2rem;
    line-height: 1.6rem
}

.order-totals-footer {
    padding: 2rem;
    margin-top: 0
}

@media only screen and (min-width: 48.0625em) {
    .order-totals-footer {
        display:flex;
        padding: 5rem 4rem;
        margin-left: 0
    }
}

.order-totals-footer__purchasing-terms {
    display: inline-block;
    padding-bottom: 4rem;
    font-weight: 500;
    font-size: 1.2rem
}

.order-totals-footer__purchasing-terms a {
    color: #291d18
}

.order-totals-footer__action {
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end
}

@media only screen and (min-width: 48.0625em) {
    .order-totals-footer__action {
        margin:0 .5rem 0 .8rem
    }
}

.plan-notification {
    list-style: none;
    padding: 0
}

.plan-notification__item {
    padding: 2rem;
    border-bottom: none;
    box-sizing: border-box;
    border-radius: .5rem;
    background: #fff;
    margin-bottom: .8rem!important
}

@media only screen and (min-width: 36em) {
    .plan-notification__item {
        padding:2.2rem 3.2rem
    }
}

.plan-notification__item__label {
    text-transform: uppercase
}

.plan-notification__item__title {
    padding: 0 0 1.6rem;
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .plan-notification__item__title {
        padding:1.2rem 0 1.4rem
    }
}

.plan-notification__item:last-child {
    border-bottom: 0
}

.plan-notification__item:first-child {
    padding-top: 2.2rem
}

.plan-notification__item--selected {
    color: #ffc421
}

.plan-notification__item--selected .plan-notification__toggle-details .arrow--down:after,.plan-notification__item--selected .plan-notification__toggle-details .arrow--up:after {
    color: #ffc421;
    border-color: #ffc421 transparent
}

.plan-notification__item .hrLine {
    margin: 2rem -2rem 1rem;
    background: #f7f6f6;
    height: .2rem;
    display: block
}

@media only screen and (min-width: 36em) {
    .plan-notification__item .hrLine {
        margin:2.2rem -3.2rem
    }
}

.plan-notification__item .hrLine.more-info-display {
    display: flex
}

@media only screen and (min-width: 36em) {
    .plan-notification__item .hrLine.more-info-display {
        display:none
    }
}

.plan-notification__item .plan-notification__details {
    margin-top: 0!important;
    border-bottom: .1rem solid #f7f6f6
}

.plan-notification__item .plan-notification__details h3 span {
    font-size: 1.5rem;
    line-height: 1.6rem;
    color: #8c8d8e;
    font-weight: 500
}

.plan-notification__item .plan-notification__details h3 span span {
    color: #8c8d8e
}

.plan-notification__item .plan-notification__details p span {
    font-size: 1.8rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .plan-notification__item .plan-notification__details p span {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.plan-notification__item .plan-notification__details.details-padding {
    padding: 2rem 0
}

@media only screen and (min-width: 36em) {
    .plan-notification__item .plan-notification__details.details-padding {
        padding:.9rem 0 2rem .9rem
    }
}

.plan-notification__item .more-info-display {
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 36em) {
    .plan-notification__item .more-info-display {
        display:none
    }
}

.plan-notification__item .more-info-display .arrow {
    top: .9rem;
    left: 0
}

.plan-notification__item .last-option {
    border-bottom: none
}

.plan-notification__item .sub-text {
    font-weight: 400;
    font-size: 1.2rem
}

.plan-notification__item .notification--info .change-plan-link {
    color: #291d18
}

.plan-notification__item .external-error {
    margin-bottom: .5rem
}

.plan-notification__item .plan-notification__action--mobile {
    display: block
}

@media only screen and (min-width: 36em) {
    .plan-notification__item .plan-notification__action--mobile {
        display:none
    }
}

.plan-notification__item .plan-notification__action--mobile.actionButton {
    display: none
}

@media only screen and (min-width: 36em) {
    .plan-notification__item .plan-notification__action--mobile.actionButton {
        display:none
    }
}

.plan-notification__summary {
    display: block;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 0
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary {
        display:flex
    }
}

.plan-notification__summary--vertical-align {
    align-items: center
}

.plan-notification__summary.extended-section {
    display: inline-block;
    padding-top: 0;
    width: 100%;
    padding-left: 0
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary.extended-section {
        padding-left:4rem;
        width: auto
    }
}

.plan-notification__summary .display-arrow {
    display: none
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary .display-arrow {
        display:block
    }
}

.plan-notification__summary-item {
    margin-bottom: 1rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary-item {
        margin-bottom:0;
        margin-right: 2rem;
        width: auto
    }

    .plan-notification__summary-item.button-alignment {
        text-align: left
    }

    .plan-notification__summary-item:last-child {
        margin-right: 0
    }
}

.plan-notification__summary-item.button-alignment {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    text-align: left;
    margin-top: 0
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary-item.button-alignment {
        margin-top:0;
        flex-direction: row
    }
}

.plan-notification__summary-item.button-alignment .button {
    display: table;
    width: 100%;
    margin-left: 0;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary-item.button-alignment .button {
        margin-left:2rem;
        margin-bottom: 0;
        width: auto
    }
}

.plan-notification__summary-item.button-alignment .button:first-child {
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary-item.button-alignment .button:first-child {
        margin-left:2rem
    }
}

.plan-notification__summary-item.button-alignment .plan-notification__action--desktop {
    display: block
}

.plan-notification__summary-item.button-alignment .plan-notification__action--desktop.actionButton {
    display: none
}

.plan-notification__summary-item.button-alignment .consultBtn {
    display: inline-block;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary-item.button-alignment .consultBtn {
        width:auto
    }
}

.plan-notification__summary-item.button-alignment.expanded {
    display: block
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary-item.button-alignment.expanded {
        display:block
    }
}

.plan-notification__summary-item.button-alignment.expanded-mobile {
    display: none
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary-item.button-alignment.expanded-mobile {
        display:none
    }
}

.plan-notification__summary-item:first-child {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(100% - 2rem)
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary-item:first-child {
        flex:2
    }
}

.plan-notification__summary-item__phone-nr {
    flex: 1 0 100%;
    margin-bottom: 1rem;
    margin-top: 0;
    width: 40%;
    text-align: left;
    flex-basis: 70%;
    max-width: 50%;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.4rem;
    white-space: nowrap
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary-item__phone-nr {
        flex:none;
        text-align: left;
        margin-bottom: 0;
        margin-top: 1rem
    }
}

.plan-notification__summary-item__details {
    margin-bottom: 3rem
}

.plan-notification__summary-item:last-child {
    flex: 1 0 100%;
    order: 3;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .plan-notification__summary-item:last-child {
        flex:1;
        order: 2;
        text-align: left;
        padding-top: 0
    }
}

.plan-notification :not(.plan-notification__summary-item)+.plan-notification__summary-item {
    flex: 1
}

.plan-notification__title {
    margin-bottom: 2rem;
    font-size: 1.2rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900;
    line-height: 2.4rem;
    width: 85%
}

@media only screen and (min-width: 36em) {
    .plan-notification__title {
        margin-bottom:0
    }
}

.plan-notification__title .badge {
    display: none
}

.plan-notification__title:not(:last-child) {
    margin-bottom: 1rem;
    margin-top: 0
}

@media only screen and (min-width: 36em) {
    .plan-notification__title:not(:last-child) {
        margin-bottom:0;
        margin-top: 1rem
    }
}

.plan-notification__title.notification-width {
    flex-basis: 100%;
    max-width: 100%
}

@media only screen and (min-width: 36em) {
    .plan-notification__title.notification-width {
        flex-basis:30%;
        max-width: 50%
    }
}

.plan-notification__subtitle {
    font-size: 1.6rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    margin-bottom: 2rem
}

.plan-notification__subtitle:not(:last-child) {
    margin-bottom: 1rem
}

.plan-notification__table {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .plan-notification__table,.plan-notification__table.prepaid {
        width:100%
    }

    .plan-notification__table.prepaid .table-section__value {
        max-width: 50%;
        flex-basis: 50%
    }
}

.plan-notification__table .table-section {
    justify-content: space-between;
    margin: 0;
    padding-bottom: .8rem
}

@media only screen and (min-width: 36em) {
    .plan-notification__table .table-section {
        justify-content:normal
    }
}

.plan-notification__table .table-section__value {
    color: #766f6b;
    flex-basis: 100%;
    max-width: 100%
}

@media only screen and (min-width: 36em) {
    .plan-notification__table .table-section__value {
        flex-basis:50%;
        max-width: 50%
    }
}

.plan-notification__table .table-section__value span {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 900
}

@media only screen and (min-width: 36em) {
    .plan-notification__table .table-section__value span {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.plan-notification__table .table-section__key {
    flex-basis: 100%;
    max-width: 100%
}

@media only screen and (min-width: 36em) {
    .plan-notification__table .table-section__key {
        flex-basis:50%;
        max-width: 50%
    }
}

.plan-notification__table .table-section__key span {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .plan-notification__table .table-section__key span {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.plan-notification__info {
    font-size: 1.8rem;
    width: 100%;
    color: #291d18
}

.plan-notification__info.notification-display {
    display: none
}

.plan-notification a.plan-notification__info:hover {
    text-decoration: none
}

.plan-notification__manageText {
    display: none
}

.plan-notification__action:first-child {
    margin-right: 0
}

.plan-notification__action:last-child {
    margin-right: 0
}

.plan-notification__action--not-possible {
    width: 9.5rem;
    padding: .5rem .8rem;
    margin-left: 3.5rem;
    background: #291d18;
    color: #f7945c;
    border-radius: 2rem;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 500
}

@media only screen and (min-width: 36em) {
    .plan-notification__action--not-possible {
        margin-left:0
    }
}

.plan-notification__action--desktop {
    display: none
}

@media only screen and (min-width: 36em) {
    .plan-notification__action--desktop {
        display:inline-block
    }
}

.plan-notification__action--mobile {
    display: inline-block
}

@media only screen and (min-width: 36em) {
    .plan-notification__action--mobile {
        display:none
    }
}

.plan-notification__warning {
    margin-top: 3rem
}

.subscription {
    display: none
}

.plan-notification-footer__item {
    border-top: .1rem solid #fac7ba;
    border-bottom: 0
}

.plan-notification-footer__item .plan-notification__title {
    margin-bottom: 0
}

.plan-notification-footer__item .plan-notification__summary .plan-notification__summary-item .plan-notification__title {
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .plan-notification-footer__item .plan-notification__summary .plan-notification__summary-item .plan-notification__title {
        margin-left:2rem
    }
}

.plan-notification-footer__title {
    font-size: 1.9rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.plan-options__price {
    font-weight: 700;
    font-size: 1.4rem;
    padding: .3rem
}

.plan-options__details {
    font-size: 1.4rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center
}

.plan-options__info {
    display: inline-flex;
    padding-top: 1rem
}

@media only screen and (min-width: 20em) {
    .plan-options__info {
        padding-top:0
    }
}

.plan-options__content {
    display: flex;
    height: auto;
    line-height: 2rem;
    justify-content: space-between
}

.plan-notification__toggle-details {
    padding-top: 0;
    order: 1
}

@media only screen and (min-width: 36em) {
    .plan-notification__toggle-details {
        margin-right:3rem;
        order: 0;
        padding-top: 0
    }
}

.plan-notification__toggle-details .arrow {
    cursor: pointer
}

.plan-notification__toggle-details .arrow--down:after,.plan-notification__toggle-details .arrow--up:after {
    color: #bab6b5;
    border-color: #bab6b5 transparent
}

.plan-notification__toggle-details .arrow--up:after {
    left: 0
}

.plan-notification__details {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    padding: 2rem;
    background: #f7f6f6
}

@media only screen and (min-width: 36em) {
    .plan-notification__details {
        margin-top:0
    }
}

.plan-notification__details+.plan-notification__details {
    margin-top: 2rem
}

.plan-notification__details h3 {
    flex: 1 0 100%
}

.plan-notification__details h3 span,.plan-notification__details span,.plan-notification__details td {
    font-size: 1.2rem
}

@media only screen and (min-width: 48.0625em) {
    .plan-notification__details span,.plan-notification__details td {
        font-size:1.6rem
    }
}

.plan-notification__details td {
    padding: .2rem .5rem
}

.plan-notification__details td:nth-child(2n) {
    padding-left: 1rem;
    color: #ffc421;
    white-space: nowrap
}

@media only screen and (min-width: 48.0625em) {
    .plan-notification__details td:nth-child(2n) {
        padding-left:2rem
    }
}

.plan-notification__details td:nth-child(odd) {
    padding-right: 1rem;
    color: #766f6b
}

@media only screen and (min-width: 48.0625em) {
    .plan-notification__details td:nth-child(odd) {
        padding-right:2rem
    }
}

.plan-notification__details:last-child {
    margin-bottom: 0
}

.plan-notification__spec-title {
    font-size: 1.2rem
}

@media only screen and (min-width: 36em) {
    .plan-notification__spec-title {
        font-size:1.6rem
    }
}

.plan-notification__contract-info {
    font-size: 1.2rem
}

@media only screen and (min-width: 36em) {
    .plan-notification__contract-info {
        font-size:1.6rem
    }
}

.plan-notification__contract {
    padding-top: 0
}

.plan-notification__detail-item:first-of-type {
    flex: 1 0 50%
}

.plan-notification__detail-item:last-child {
    flex: 1 0 100%
}

@media only screen and (min-width: 36em) {
    .plan-notification__detail-item:last-child {
        flex:1 0 50%
    }
}

.plan-notification__detail-item.plan-notification__contract {
    flex: 100%
}

.plan-notification__detail-item .links-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0
}

.plan-notification__price {
    color: #ffc421
}

.plan-notification__action--not-possible {
    color: #eeeded
}

.plan-notification__action--selected {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.plan-notification__action--selected i {
    margin-left: 1rem
}

.plan-notification__choose-product {
    display: none
}

.plan-notification__option-paragraph {
    font-size: 1.2rem;
    line-height: 2.2rem
}

@media only screen and (min-width: 36em) {
    .plan-notification__option-paragraph {
        font-size:1.6rem
    }
}

.sales-cart-row {
    width: 100%;
    padding: 1.6rem 0;
    background-color: #fff;
    color: #291d18
}

.sales-cart-row.bg-secondary {
    padding: 3.2rem 0;
    background-color: #fff7c7;
    color: #291d18
}

.sales-cart-row.bg-secondary.shopping-cart-row--border {
    border-bottom: .1rem solid #fff
}

.sales-cart-row.bg-secondary .sales-cart-row__content__discount.right span {
    color: #fff
}

.sales-cart-row.bg-secondary .sales-cart-row {
    border-bottom: 0
}

.sales-cart-row--border {
    border-bottom: .1rem solid #f7f6f6
}

.sales-cart-row--radius {
    border-bottom-left-radius: .8rem;
    border-bottom-right-radius: .8rem
}

.sales-cart-row__content {
    width: 100%;
    padding: 0 2rem
}

@media only screen and (min-width: 36em) {
    .sales-cart-row__content {
        padding:0 4rem
    }
}

.sales-cart-row__content__section {
    align-self: flex-end
}

.sales-cart-row__content__section__image {
    height: 5rem;
    min-width: 5rem;
    margin-right: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    background-color: #fff7c7;
    color: #291d18
}

@media only screen and (min-width: 36em) {
    .sales-cart-row__content__section__image {
        height:8rem;
        min-width: 8rem;
        margin-right: 2.4rem
    }
}

.sales-cart-row__content__section__title {
    font-size: 1.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 36em) {
    .sales-cart-row__content__section__title {
        font-size:2rem
    }
}

.sales-cart-row__content__section__title.sales-cart-row__content__section__title--sub {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 2.4rem;
    text-align: center
}

.sales-cart-row__content__section__title .badge {
    display: flex;
    align-items: center;
    padding: .4rem .8rem;
    border-radius: 5rem;
    height: 2.4rem
}

.sales-cart-row__content__section__desc {
    margin-right: 0;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.sales-cart-row__content__section__desc p {
    line-height: 2.4rem;
    margin-top: .5rem
}

.sales-cart-row__content__section--discount {
    position: relative;
    top: 0;
    margin-bottom: 2.4rem
}

.sales-cart-row__content__section.right {
    align-self: auto;
    text-align: right
}

.sales-cart-row__content__section__price {
    line-height: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    white-space: nowrap
}

.sales-cart-row__content__section__price.options {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 2.4rem
}

.sales-cart-row__content__section__price.text-strikethrough {
    font-size: 1.2rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 36em) {
    .sales-cart-row__content__section__price.text-strikethrough {
        font-size:1.6rem
    }
}

.sales-cart-row__content__section .link {
    line-height: 2.4rem;
    color: #999391;
    font-size: 1.4rem
}

.sales-cart-row__content__discount {
    color: #c95942
}

.sales-cart-row__content__discount.right {
    margin-left: 1.6rem
}

.sales-cart-row__content__discount.right span {
    color: #c95942
}

.sales-cart-row--shadow-review .sales-cart-row__content__section--discount .sales-cart-row__product--discount {
    align-self: center
}

.sales-display-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 100%;
    margin-bottom: 3rem;
    background-color: #fff
}

@media only screen and (min-width: 48.0625em) {
    .sales-display-info {
        max-width:37rem;
        margin-bottom: 5rem
    }
}

.sales-display-info__link {
    color: #655c58;
    font-size: 1.4rem
}

.sales-display-info__link:hover {
    color: #655c58
}

.sales-display-info--fullwidth {
    display: flex;
    max-width: 100%;
    margin-bottom: 0;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .sales-display-info--fullwidth {
        flex-direction:row
    }
}

.sales-display-info--fullwidth .link {
    padding-left: 4rem
}

@media only screen and (min-width: 48.0625em) {
    .sales-display-info--fullwidth .link {
        padding-left:0
    }
}

.sales-display-info--fullwidth .sales-display-info__content__row__description {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.sales-display-info--delivery-address {
    width: 100%;
    padding: 2.4rem 1rem 1.2rem;
    margin: auto;
    border-radius: .8rem;
    background: #fff;
    color: #291d18
}

@media only screen and (min-width: 36em) {
    .sales-display-info--delivery-address {
        padding:3.2rem 3.2rem 1.8rem
    }
}

.sales-display-info--delivery-address .sales-display-info__content {
    width: 100%
}

.sales-display-info--delivery-address .sales-display-info__content .sales-display-info__content__row {
    margin-bottom: 2rem
}

@media only screen and (max-width: 74.49em) {
    .sales-display-info--delivery-address .sales-display-info__content .sales-display-info__content__row:not(:last-of-type) {
        margin-bottom:.8rem
    }
}

.sales-display-info--delivery-address .sales-display-info__content .sales-display-info__content__row__icon {
    line-height: 2.6rem
}

.sales-display-info--delivery-address .sales-display-info__content .sales-display-info__content__row__description {
    display: flex;
    flex-direction: column
}

.sales-display-info--delivery-address .sales-display-info__content .sales-display-info__content__row__description__sub-title {
    color: #999391
}

.sales-display-info--delivery-address .sales-display-info__content .sales-display-info__content__row__description .space-nowrap {
    color: #bab6b5
}

.sales-display-info--delivery-address .sales-display-info__content .sales-display-info__content__row__border {
    margin-bottom: 2.4rem
}

@media only screen and (max-width: 74.49em) {
    .sales-display-info--delivery-address .sales-display-info__content .sales-display-info__content__row__border:not(:last-of-type) {
        margin-bottom:1.6rem;
        border-color: transparent
    }
}

.sales-display-info__content {
    display: flex;
    flex-direction: column
}

.sales-display-info__content__row {
    display: flex;
    flex-direction: row
}

.sales-display-info__content__row__icon {
    width: 2rem;
    margin-right: 2rem;
    text-align: center
}

.sales-display-info__content__row__description {
    line-height: 2rem;
    word-break: break-word
}

@media only screen and (min-width: 36em) {
    .sales-display-info__content__row__description {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.sales-display-info--sub-desc--active,.sales-display-info--sub-desc:hover {
    background: #ffc421
}

.sales-display-info--sub-desc--active .sales-display-info__content,.sales-display-info--sub-desc:hover .sales-display-info__content {
    color: #fff
}

.sales-display-info--sub-desc--active .sales-display-info__content__row__description span:last-child,.sales-display-info--sub-desc:hover .sales-display-info__content__row__description span:last-child {
    color: #fff!important;
    opacity: .7
}

.sales-display-info--sub-desc:hover .badge__new {
    color: #655c58;
    background-color: #fff
}

.sales-display-info--sub-desc .sales-display-info__content__row__icon {
    margin-right: 1.2rem
}

.sales-display-info--sub-desc .sales-display-info__content__row__description span:first-child {
    display: block;
    font-size: 1.6rem;
    line-height: 2rem
}

@media only screen and (min-width: 36em) {
    .sales-display-info--sub-desc .sales-display-info__content__row__description span:first-child {
        font-size:2rem;
        line-height: 2.4rem
    }
}

.sales-display-info--sub-desc .sales-display-info__content__row__description span:last-child {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .sales-display-info--sub-desc .sales-display-info__content__row__description span:last-child {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.sales-display-info--sub-desc .badge {
    margin: .6rem 0 0 3rem
}

@media only screen and (min-width: 48.0625em) {
    .sales-display-info--sub-desc .badge {
        margin:auto 0
    }
}

.sales-display-info__link {
    height: 2rem
}

.mobile-lines {
    width: 100%;
    display: flex
}

.mobile-lines__left-hand-illustration {
    width: 27rem;
    display: none;
    margin: 0 auto auto
}

@media only screen and (min-width: 36em) {
    .mobile-lines__left-hand-illustration {
        display:flex
    }
}

.mobile-lines__selected-0-ml-from-5-bundle path:nth-child(9),.mobile-lines__selected-0-ml-from-5-bundle path:nth-child(10) path:nth-child(11),.mobile-lines__selected-0-ml-from-5-bundle path:nth-child(12),.mobile-lines__selected-0-ml-from-5-bundle path:nth-child(13) {
    fill: #eeeded
}

.mobile-lines__selected-1-ml-from-5-bundle path:nth-child(9) {
    fill: #ffc421
}

.mobile-lines__selected-2-ml-from-5-bundle path:nth-child(9),.mobile-lines__selected-2-ml-from-5-bundle path:nth-child(10) {
    fill: #ffc421
}

.mobile-lines__selected-3-ml-from-5-bundle path:nth-child(9),.mobile-lines__selected-3-ml-from-5-bundle path:nth-child(10),.mobile-lines__selected-3-ml-from-5-bundle path:nth-child(11) {
    fill: #ffc421
}

.mobile-lines__selected-4-ml-from-5-bundle path:nth-child(9),.mobile-lines__selected-4-ml-from-5-bundle path:nth-child(10),.mobile-lines__selected-4-ml-from-5-bundle path:nth-child(11),.mobile-lines__selected-4-ml-from-5-bundle path:nth-child(12) {
    fill: #ffc421
}

.mobile-lines__selected-5-ml-from-5-bundle path:nth-child(9),.mobile-lines__selected-5-ml-from-5-bundle path:nth-child(10),.mobile-lines__selected-5-ml-from-5-bundle path:nth-child(11),.mobile-lines__selected-5-ml-from-5-bundle path:nth-child(12),.mobile-lines__selected-5-ml-from-5-bundle path:nth-child(13) {
    fill: #ffc421
}

.mobile-lines__selected-0-ml-from-1-bundle path:first-child {
    fill: #eeeded
}

.mobile-lines__selected-1-ml-from-1-bundle path:first-child {
    fill: #ffc421
}

.mobile-lines__selected-0-ml-from-2-bundle path:first-child {
    fill: #eeeded
}

.mobile-lines__selected-1-ml-from-2-bundle path:first-child {
    fill: #ffc421
}

.mobile-lines__selected-2-ml-from-2-bundle path:first-child,.mobile-lines__selected-2-ml-from-2-bundle path:nth-child(2) {
    fill: #ffc421
}

.mobile-lines__selected-0-ml-from-3-bundle path:first-child {
    fill: #eeeded
}

.mobile-lines__selected-1-ml-from-3-bundle path:first-child {
    fill: #ffc421
}

.mobile-lines__selected-2-ml-from-3-bundle path:first-child,.mobile-lines__selected-2-ml-from-3-bundle path:nth-child(2) {
    fill: #ffc421
}

.mobile-lines__selected-3-ml-from-3-bundle path:first-child,.mobile-lines__selected-3-ml-from-3-bundle path:nth-child(2),.mobile-lines__selected-3-ml-from-3-bundle path:nth-child(3) {
    fill: #ffc421
}

.mobile-lines__selected-0-ml-from-4-bundle path:first-child {
    fill: #eeeded
}

.mobile-lines__selected-1-ml-from-4-bundle path:first-child {
    fill: #ffc421
}

.mobile-lines__selected-2-ml-from-4-bundle path:first-child,.mobile-lines__selected-2-ml-from-4-bundle path:nth-child(2) {
    fill: #ffc421
}

.mobile-lines__selected-3-ml-from-4-bundle path:first-child,.mobile-lines__selected-3-ml-from-4-bundle path:nth-child(2),.mobile-lines__selected-3-ml-from-4-bundle path:nth-child(3) {
    fill: #ffc421
}

.mobile-lines__selected-4-ml-from-4-bundle path:first-child,.mobile-lines__selected-4-ml-from-4-bundle path:nth-child(2),.mobile-lines__selected-4-ml-from-4-bundle path:nth-child(3),.mobile-lines__selected-4-ml-from-4-bundle path:nth-child(4) {
    fill: #ffc421
}

.mobile-lines__discount .mobile-lines__vertical-step-content {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .mobile-lines__discount .mobile-lines__vertical-step-content {
        width:54rem
    }
}

.mobile-lines__discount .mobile-lines__vertical-step-content .tracker {
    width: auto
}

@media only screen and (min-width: 48.0625em) {
    .mobile-lines__discount .mobile-lines__vertical-step-content .tracker {
        width:53rem
    }
}

.mobile-lines__discount .mobile-lines__vertical-step-content .vertical-step-tracker .tracker-border.tracker--step:last-child:before {
    border-left: .4rem solid #ffc421
}

.mobile-lines__discount .mobile-lines__vertical-step-content .tracker--step__content {
    margin: 0 3.6rem
}

@media only screen and (min-width: 36em) {
    .mobile-lines__discount .mobile-lines__vertical-step-content .tracker--step__content {
        margin:0 2.4rem
    }
}

.mobile-lines__discount .mobile-lines__vertical-step-content .label-cards.cards.card-square .cards-content__body {
    min-height: 5.4rem
}

.mobile-lines__configuration {
    padding-right: 3rem
}

.mobile-lines__vertical-step-content {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .mobile-lines__vertical-step-content {
        width:49rem
    }
}

.mobile-lines__vertical-step-content .tracker {
    border-radius: .8rem;
    width: auto;
    margin: 1.1rem 1rem 0 5rem;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .mobile-lines__vertical-step-content .tracker {
        width:47rem;
        margin: .5rem 0 0;
        background: transparent
    }
}

.mobile-lines__vertical-step-content .tracker--step:before {
    left: -3.1rem
}

@media only screen and (min-width: 36em) {
    .mobile-lines__vertical-step-content .tracker--step:before {
        left:-3.2rem
    }
}

.mobile-lines__vertical-step-content .tracker--step:after {
    left: -4.4rem
}

@media only screen and (min-width: 36em) {
    .mobile-lines__vertical-step-content .tracker--step:after {
        left:-4.8rem
    }
}

.mobile-lines__vertical-step-content .tracker--step__title {
    margin: 0 1.5rem
}

@media only screen and (min-width: 36em) {
    .mobile-lines__vertical-step-content .tracker--step__title {
        margin:0 2.4rem
    }
}

.mobile-lines__vertical-step-content .tracker--step {
    border-bottom: 1px solid #f7f6f6
}

@media only screen and (min-width: 36em) {
    .mobile-lines__vertical-step-content .tracker--step {
        border-bottom:0
    }
}

.mobile-lines__vertical-step-content .tracker--step__divider {
    border-bottom: 0
}

.mobile-lines__vertical-step-content .header-accordion--title__icon {
    margin-bottom: auto
}

.mobile-lines__section {
    max-width: 100%
}

@media only screen and (min-width: 36em) {
    .mobile-lines__section {
        max-width:57rem
    }
}

.mobile-lines__section__content {
    width: 100%;
    padding: 1rem 3.2rem;
    margin: auto;
    border-radius: .5rem;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .mobile-lines__section__content {
        width:57rem;
        padding: 1rem 3.2rem
    }
}

.mobile-lines__radio-view-container .label-cards.cards.card-mini .cards-slot {
    width: 100%;
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .mobile-lines__radio-view-container .label-cards.cards.card-mini .cards-slot {
        width:20rem;
        margin-right: 1.5rem
    }
}

.mobile-lines__radio-view-container .label-cards.cards.card-mini .cards--container {
    height: 4.8rem;
    border: .1rem solid #eeeded
}

@media only screen and (min-width: 36em) {
    .mobile-lines__radio-view-container .label-cards.cards.card-mini .cards--container {
        height:5.6rem
    }
}

.mobile-lines__radiobutton-width .label-cards.cards.card-mini .cards-slot {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .mobile-lines__radiobutton-width .label-cards.cards.card-mini .cards-slot {
        width:16rem
    }
}

.mobile-lines__button-width {
    width: 20rem
}

.mobile-lines__form-button-height {
    height: 5.6rem
}

.sales-overlay--depreciation-table .depreciation-table__info {
    border-radius: .5rem;
    padding: 3rem 0;
    overflow-x: scroll
}

.sales-overlay--depreciation-table .depreciation-table__heading {
    font-size: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 36em) {
    .sales-overlay--depreciation-table .depreciation-table__heading {
        font-size:2.4rem
    }
}

.sales-overlay--depreciation-table .depreciation-table--wrapper {
    border-radius: .5rem;
    max-width: 113.2rem;
    margin: 0 auto;
    top: 4rem;
    position: relative
}

.sales-overlay--depreciation-table .depreciation-table--title {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.left-cart-overlay .overlay__section {
    top: 0
}

@media only screen and (min-width: 48.0625em) {
    .left-cart-overlay .overlay__section {
        top:12rem
    }
}

.left-cart-overlay .overlay__section__content {
    width: 100%;
    padding: 2.4rem 2rem;
    overflow: unset;
    height: 100%;
    margin-right: 0;
    margin-left: 0
}

@media only screen and (min-width: 48.0625em) {
    .left-cart-overlay .overlay__section__content {
        width:27rem;
        height: auto;
        margin-right: 4rem;
        margin-left: 1rem
    }
}

.left-cart-overlay .overlay__section__content__cart-overlay-label {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: Helvetica,Verdana,Arial,Sans-serif;
    margin: 2.2rem 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .left-cart-overlay .overlay__section__content__cart-overlay-label {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .left-cart-overlay .overlay__section__content__cart-overlay-label {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .left-cart-overlay .overlay__section__content__cart-overlay-label {
        margin:2rem 2.4rem
    }
}

.left-cart-overlay .overlay__section__content__image-section {
    margin-top: 7rem
}

@media only screen and (min-width: 48.0625em) {
    .left-cart-overlay .overlay__section__content__image-section {
        margin-top:0
    }
}

.sales-overlays {
    display: flex;
    flex-direction: column
}

.sales-overlays__container {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .sales-overlays__container {
        max-width:55.5rem
    }
}

.sales-overlays__container__header {
    font-size: 2rem;
    line-height: 2.2rem;
    padding-left: 1.8rem
}

@media only screen and (min-width: 36em) {
    .sales-overlays__container__header {
        font-size:2rem;
        line-height: 2.8rem;
        padding-left: 0
    }
}

.sales-overlays__container__radio {
    padding: 0 1.8rem
}

@media only screen and (min-width: 36em) {
    .sales-overlays__container__radio {
        padding:0
    }
}

.sales-overlays__container__box {
    padding: 1.6rem;
    border-radius: 0;
    margin-left: -1.2rem;
    margin-right: -1.2rem
}

@media only screen and (min-width: 36em) {
    .sales-overlays__container__box {
        padding:4rem 4.8rem;
        border-radius: .8rem;
        margin-left: 0;
        margin-right: 0
    }
}

.sales-overlays__container__box__heading {
    color: #999391;
    font-size: 2rem;
    line-height: 2.4rem
}

.sales-overlays__container__box .form-helper,.sales-overlays__container__box label {
    text-transform: uppercase;
    text-align: left
}

.sales-overlays__subtitle {
    color: #291d18;
    font-size: 2.4rem;
    letter-spacing: 0;
    line-height: 2rem;
    text-align: left;
    margin: 2.5rem auto;
    width: 55.5rem;
    padding-left: 2rem
}

@media only screen and (min-width: 36em) {
    .sales-overlays__subtitle {
        padding-left:0
    }
}

.shopping-cart {
    padding: 1.6rem;
    margin: 0 -2.5rem;
    background-color: #fff;
    border-radius: 0;
    box-shadow: .1rem .3rem .8rem 0 rgba(30,37,74,.09),.1rem .1rem .3rem 0 rgba(30,37,74,.18);
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: .2rem solid #ffc421;
    z-index: 1
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart {
        background:#fff;
        padding: 2.4rem 2.4rem 0;
        margin: 0;
        position: relative;
        border-radius: .5rem;
        border-top: none
    }
}

.shopping-cart__header-group {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    justify-content: space-between;
    flex-direction: row-reverse
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart__header-group {
        justify-content:flex-end
    }
}

.shopping-cart__header-group .shopping-cart__arrow-open-close {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 6rem
}

.shopping-cart__header-group .shopping-cart__arrow-open-close .open-close {
    display: block;
    font-size: 1.5rem
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart__header-group .shopping-cart__arrow-open-close .open-close {
        display:none
    }
}

.shopping-cart__header-group .shopping-cart__arrow-open-close .arrow--down {
    margin-right: 0
}

.shopping-cart__header-group .shopping-cart__header-arrow {
    margin-right: 1rem;
    display: block
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart__header-group .shopping-cart__header-arrow {
        display:none
    }
}

.shopping-cart__header-group .shopping-cart__header-arrow .arrow--down:after {
    top: 1.2rem;
    left: .5rem;
    color: #291d18;
    border-color: transparent
}

.shopping-cart__header-group .shopping-cart__header-arrow .arrow--up:after {
    top: 1.2rem;
    left: .5rem;
    color: #291d18;
    border-color: transparent
}

.shopping-cart__header-group .shopping-cart__header {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 800;
    color: #291d18
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart__header-group .shopping-cart__header {
        font-size:2.4rem
    }
}

.shopping-cart .shopping-cart__content-group {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart .shopping-cart__content-group {
        display:block;
        max-height: 100%;
        overflow: hidden;
        margin: 0 -2.5rem;
        padding: 0 2rem;
        border-radius: .5rem
    }
}

.shopping-cart .shopping-cart__content-group__info {
    padding: 0 2rem
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart .shopping-cart__content-group__info {
        padding:0
    }
}

.shopping-cart__header {
    margin-bottom: 0
}

.shopping-cart__header-icon {
    color: #291d18;
    margin-right: 1rem;
    font-size: 1.7rem;
    margin-left: 0;
    margin-top: -.8rem
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart__header-icon {
        margin-left:0
    }
}

.shopping-cart__offer-name {
    margin-bottom: 2rem;
    margin-top: 2.5rem;
    line-height: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem;
    font-weight: 500
}

.shopping-cart__offer-name--grey {
    color: #f7945c
}

.shopping-cart__offer-name .shopping-cart__offer-name-label {
    color: #bab6b5;
    font-size: 1.6rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 500
}

.shopping-cart__switch-offer {
    font-size: 1.2rem
}

.shopping-cart .shopping-cart-overview {
    padding-bottom: 0;
    list-style: none
}

.shopping-cart .shopping-cart-overview hr {
    margin: 3rem 0;
    display: none
}

.shopping-cart .shopping-cart-overview__item,.shopping-cart .shopping-cart-overview__nested__item,.shopping-cart .switch-plan .switch-plan-overview__nested__item,.switch-plan .shopping-cart .switch-plan-overview__nested__item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 1.8rem;
    align-items: baseline
}

.shopping-cart .shopping-cart-overview__item:last-child,.shopping-cart .shopping-cart-overview__nested__item:last-child,.shopping-cart .switch-plan .switch-plan-overview__nested__item:last-child,.switch-plan .shopping-cart .switch-plan-overview__nested__item:last-child {
    margin-bottom: .6rem
}

.shopping-cart .shopping-cart-overview__item span:first-child,.shopping-cart .shopping-cart-overview__nested__item span:first-child,.shopping-cart .switch-plan .switch-plan-overview__nested__item span:first-child,.switch-plan .shopping-cart .switch-plan-overview__nested__item span:first-child {
    width: 57%
}

.shopping-cart .shopping-cart-overview__item span.shopping-cart-overview__title,.shopping-cart .shopping-cart-overview__nested__item span.shopping-cart-overview__title,.shopping-cart .switch-plan .switch-plan-overview__nested__item span.shopping-cart-overview__title,.switch-plan .shopping-cart .switch-plan-overview__nested__item span.shopping-cart-overview__title {
    width: 100%
}

.shopping-cart .shopping-cart-overview__item .strikethrough-title,.shopping-cart .shopping-cart-overview__nested__item .strikethrough-title,.shopping-cart .switch-plan .switch-plan-overview__nested__item .strikethrough-title,.switch-plan .shopping-cart .switch-plan-overview__nested__item .strikethrough-title {
    flex: 1;
    color: #f7945c
}

.shopping-cart .shopping-cart-overview__item.strikethrough-title span,.shopping-cart .strikethrough-title.shopping-cart-overview__nested__item span,.shopping-cart .switch-plan .strikethrough-title.switch-plan-overview__nested__item span,.switch-plan .shopping-cart .strikethrough-title.switch-plan-overview__nested__item span {
    color: #f7945c
}

.shopping-cart .shopping-cart-overview__item__delete {
    position: relative
}

.shopping-cart .shopping-cart-overview__item__delete:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    border-bottom: .1rem solid
}

.shopping-cart .shopping-cart-overview__title {
    color: #ffc421;
    font-size: 1.6rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.shopping-cart .shopping-cart-overview__sub-title {
    font-weight: 800;
    color: #655c58;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 2.8rem
}

.shopping-cart .shopping-cart-overview__delivery-title {
    font-size: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.shopping-cart .shopping-cart-overview__discount {
    width: 100%;
    padding-top: 1rem
}

.shopping-cart .shopping-cart-overview__discount-title {
    color: #ffc421;
    padding-left: 1rem;
    font-weight: 500
}

.shopping-cart .shopping-cart-overview__discount-price {
    margin-left: auto;
    float: right;
    font-weight: 500;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #291d18
}

.shopping-cart .shopping-cart-overview__title-summary {
    margin-left: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart .shopping-cart-overview__title-summary {
        margin-left:0
    }
}

.shopping-cart .shopping-cart-overview__price {
    margin-left: auto;
    font-weight: 500;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem;
    color: #655c58;
    line-height: 2.8rem
}

.shopping-cart .shopping-cart-overview__price-summary {
    margin-left: auto;
    margin-right: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 500;
    font-size: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart .shopping-cart-overview__price-summary {
        font-size:2.4rem;
        margin-right: 0
    }
}

.shopping-cart .shopping-cart-overview__nested {
    flex-grow: 1;
    list-style: none
}

.shopping-cart .shopping-cart-overview__nested__item:last-of-type {
    margin-bottom: 0
}

.shopping-cart .strikethrough .shopping-cart-overview__item span,.shopping-cart .strikethrough .shopping-cart-overview__nested__item span,.shopping-cart .strikethrough.shopping-cart__offer-name,.shopping-cart .strikethrough .switch-plan .switch-plan-overview__nested__item span,.switch-plan .shopping-cart .strikethrough .switch-plan-overview__nested__item span {
    color: #f7945c
}

.shopping-cart .strikethrough .shopping-cart-overview__item span.termination-fee,.shopping-cart .strikethrough .shopping-cart-overview__nested__item span.termination-fee,.shopping-cart .strikethrough .switch-plan .switch-plan-overview__nested__item span.termination-fee,.switch-plan .shopping-cart .strikethrough .switch-plan-overview__nested__item span.termination-fee {
    color: #ffc421
}

.shopping-cart .strikethrough .shopping-cart-overview__item span.termination-price,.shopping-cart .strikethrough .shopping-cart-overview__nested__item span.termination-price,.shopping-cart .strikethrough .switch-plan .switch-plan-overview__nested__item span.termination-price,.switch-plan .shopping-cart .strikethrough .switch-plan-overview__nested__item span.termination-price {
    color: #291d18
}

.shopping-cart__vat {
    padding-bottom: 0;
    margin-top: 0
}

.shopping-cart__vat-info {
    color: #fff;
    font-size: 1.6rem
}

.shopping-cart .personal-info {
    margin-left: -4rem;
    margin-right: -4rem
}

.shopping-cart.active {
    background-color: #fff;
    margin-bottom: -5rem
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart.active {
        background-color:#fff;
        margin-bottom: 0
    }
}

.shopping-cart.active .border-bottom {
    display: block
}

.shopping-cart.active .shopping-cart__header-group .shopping-cart__header-arrow .arrow--up:after {
    border-color: #766f6b
}

.shopping-cart.active .shopping-cart__header-group .shopping-cart__header-arrow .arrow--down:after {
    top: -.5rem;
    left: 1rem;
    transform: rotate(180deg)
}

.shopping-cart.active .shopping-cart__content-group {
    display: block;
    max-height: 27rem;
    overflow: auto;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart.active .shopping-cart__content-group {
        max-height:100%;
        overflow: hidden;
        margin: 0 -2.5rem;
        padding: 0 2rem;
        border-radius: .5rem
    }
}

.border-bottom {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .border-bottom {
        display:block;
        border-bottom: .1rem solid #f7f6f6;
        padding-bottom: 2rem
    }
}

.vat-info-at-cart-bottom {
    font-size: 1.4rem;
    padding: 1rem 3.5rem;
    color: #fff
}

.shopping-cart-container {
    padding: 0 2rem
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart-container {
        padding:0 1rem
    }
}

.sim-activation,.sim-home-activation {
    padding: 2.4rem 2rem 5rem
}

@media only screen and (min-width: 36em) {
    .sim-activation,.sim-home-activation {
        padding:2.8rem 10rem 7rem;
        border-radius: .8rem
    }
}

.sim-activation__header-group,.sim-home-activation__header-group {
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .sim-activation__header-group,.sim-home-activation__header-group {
        margin-bottom:3rem
    }
}

.sim-activation__header-group .subheading,.sim-home-activation__header-group .subheading {
    font-weight: 500
}

.sim-activation .form-group__field,.sim-home-activation .form-group__field {
    text-align: center
}

@media only screen and (min-width: 36em) {
    .sim-activation .form-group__field,.sim-home-activation .form-group__field {
        text-align:left
    }
}

.sim-activation__paragraph,.sim-home-activation__paragraph {
    margin-bottom: 3rem
}

.sim-activation .form-group .input-fixed-text,.sim-home-activation .form-group .input-fixed-text {
    margin-left: 7.5rem;
    margin-top: -1.5rem
}

.sim-activation .form-group .input-fixed-text input,.sim-home-activation .form-group .input-fixed-text input {
    padding-left: 1.2rem
}

.sim-activation .form-group .fixed-label,.sim-home-activation .form-group .fixed-label {
    top: 2rem
}

.sim-activation+.change-plan-footer,.sim-home-activation+.change-plan-footer {
    margin: 0 -3rem
}

.sim-activation+.change-plan-footer .change-plan-footer__button-group,.sim-home-activation+.change-plan-footer .change-plan-footer__button-group {
    display: block
}

.sim-activation__sim-card-image-container,.sim-home-activation__sim-card-image-container {
    position: relative
}

.sim-activation__sim-card__show,.sim-home-activation__sim-card__show {
    height: 14.8rem;
    width: 22.6rem;
    background: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/simcard-help.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: .7rem;
    float: right;
    top: -3.8rem;
    -webkit-clip-path: polygon(75% 0,100% 0,100% 100%,75% 100%,0 100%,0 43%,74% 40%);
    clip-path: polygon(75% 0,100% 0,100% 100%,75% 100%,0 100%,0 43%,74% 40%)
}

@media only screen and (min-width: 36em) {
    .sim-activation__sim-card__show,.sim-home-activation__sim-card__show {
        right:-4.5rem;
        top: -3.8rem;
        height: 13rem;
        width: 28rem
    }
}

.sim-activation__sim-card__hide,.sim-home-activation__sim-card__hide {
    display: none
}

.sim-activation__sim-input,.sim-home-activation__sim-input {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500
}

.sim-activation__sim-input p,.sim-home-activation__sim-input p {
    min-width: 8.5rem;
    padding: 1.2rem 0;
    height: 4.9rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #291d18;
    opacity: .8
}

.sim-activation__sim-input .sim-input__icon-section,.sim-home-activation__sim-input .sim-input__icon-section {
    display: flex;
    margin-left: 0;
    margin-bottom: 1rem;
    margin-top: 1rem;
    width: 4rem;
    height: 2.5rem;
    position: absolute;
    right: -2rem;
    top: .5rem;
    font-size: 2rem;
    z-index: 2
}

.sim-activation__sim-input .sim-input__icon-section:before,.sim-home-activation__sim-input .sim-input__icon-section:before {
    position: relative;
    right: 2rem;
    top: -.4rem
}

.sim-activation__text-icon-field,.sim-home-activation__text-icon-field {
    position: relative;
    top: -4.5rem;
    left: -1.5rem
}

@media only screen and (min-width: 48.0625em) {
    .sim-activation__text-icon-field,.sim-home-activation__text-icon-field {
        left:-1.2rem
    }
}

.sim-activation__current-sim-section,.sim-home-activation__current-sim-section {
    width: 100%;
    margin-top: 2.4rem
}

@media only screen and (min-width: 36em) {
    .sim-activation__current-sim-section,.sim-home-activation__current-sim-section {
        padding:4rem 7.8rem 6rem;
        width: 100%;
        border-radius: .8rem
    }
}

.sim-activation__sim-content,.sim-home-activation__sim-content {
    padding-bottom: 2.5rem
}

@media only screen and (min-width: 36em) {
    .sim-activation__sim-content,.sim-home-activation__sim-content {
        padding-bottom:3rem
    }
}

.sim-activation__active-state,.sim-home-activation__active-state {
    border: none;
    background: transparent
}

.sim-activation__active-state .form-helper,.sim-activation__active-state label,.sim-home-activation__active-state .form-helper,.sim-home-activation__active-state label {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 48.0625em) {
    .sim-activation__active-state .form-helper,.sim-activation__active-state label,.sim-home-activation__active-state .form-helper,.sim-home-activation__active-state label {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .sim-activation__active-state .form-helper,.sim-activation__active-state label,.sim-home-activation__active-state .form-helper,.sim-home-activation__active-state label {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.sim-activation__sim-label,.sim-home-activation__sim-label {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-left: 1.5rem
}

@media only screen and (min-width: 48.0625em) {
    .sim-activation__sim-label,.sim-home-activation__sim-label {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .sim-activation__sim-label,.sim-home-activation__sim-label {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width: 36em) {
    .sim-activation__sim-label,.sim-home-activation__sim-label {
        padding-left:2rem
    }
}

@media only screen and (max-width: 35.99em) {
    .sim-activation__current-sim,.sim-home-activation__current-sim {
        padding:2.4rem 2rem 5rem;
        background-color: #fff
    }
}

.sim-activation__current-sim>.form-group,.sim-home-activation__current-sim>.form-group {
    border-radius: 0
}

.sim-activation__current-sim>.form-group .radio,.sim-home-activation__current-sim>.form-group .radio {
    padding: 0 2rem
}

.sim-activation__current-sim>.form-group .label--radio.form-helper,.sim-activation__current-sim>.form-group label.label--radio,.sim-home-activation__current-sim>.form-group .label--radio.form-helper,.sim-home-activation__current-sim>.form-group label.label--radio {
    font-size: 1.8rem;
    line-height: 2.8rem
}

@media only screen and (min-width: 48.0625em) {
    .sim-activation__current-sim>.form-group .label--radio.form-helper,.sim-activation__current-sim>.form-group label.label--radio,.sim-home-activation__current-sim>.form-group .label--radio.form-helper,.sim-home-activation__current-sim>.form-group label.label--radio {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .sim-activation__current-sim>.form-group .label--radio.form-helper,.sim-activation__current-sim>.form-group label.label--radio,.sim-home-activation__current-sim>.form-group .label--radio.form-helper,.sim-home-activation__current-sim>.form-group label.label--radio {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.sim-home-activation__header-group {
    text-align: center
}

.sim-home-activation__subheader {
    font-weight: 500
}

.sim-home-activation .form-helper,.sim-home-activation label {
    font-size: 1.6rem;
    font-weight: 600
}

.sim-home-activation .info-right {
    top: 5.4rem;
    right: 0;
    width: 10%
}

.sim-home-activation .form-info-align .formErrorInput,.sim-home-activation .form-info-align input.form-control {
    width: 90%
}

.switch-plan {
    background: #fff;
    padding: 5rem 4rem
}

.switch-plan__header-group {
    display: flex;
    align-items: center;
    margin-bottom: 3rem
}

.switch-plan__header {
    margin-bottom: 0
}

.switch-plan__header-icon {
    color: #766f6b;
    margin-right: 1rem
}

.switch-plan .switch-plan-overview {
    padding-bottom: 2rem;
    list-style: none
}

.switch-plan .switch-plan-overview__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
    line-height: 1
}

.switch-plan .switch-plan-overview__item .strikethrough-title {
    flex: 1
}

.switch-plan .switch-plan-overview__item__delete {
    position: relative
}

.switch-plan .switch-plan-overview__item__delete:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    border-bottom: .1rem solid
}

.switch-plan .switch-plan-overview__sub-title {
    margin-left: 1.6rem
}

.switch-plan .switch-plan-overview__title {
    color: #ffc421;
    font-size: 1.6rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.switch-plan .switch-plan-overview__delivery-title {
    font-size: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.switch-plan .switch-plan-overview__discount-title {
    color: #ffc421;
    padding-left: 1rem
}

.switch-plan .switch-plan-overview__title-summary {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.switch-plan .switch-plan-overview__price {
    margin-left: auto
}

.switch-plan .switch-plan-overview__price-summary {
    margin-left: auto;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.switch-plan .switch-plan-overview__nested {
    flex-grow: 1;
    list-style: none
}

.switch-plan .switch-plan-overview__nested__item:last-of-type {
    margin-bottom: 0
}

.attachments {
    width: 100%;
    margin: 0;
    padding: 2rem;
    border-radius: .8rem
}

@media only screen and (min-width: 36em) {
    .attachments {
        width:100%;
        margin: 0
    }
}

.attachments__upload {
    display: flex
}

.attachments__icon {
    margin-left: auto;
    font-size: 2.4rem
}

.attachments__bin-icon {
    padding-right: .6rem
}

.attachments__filename {
    width: 100%;
    word-break: break-word
}

.attachments .progress-circle {
    background-color: #fff;
    border: .2rem solid #ffc421;
    height: 4rem;
    width: 4rem;
    border-radius: 4rem
}

.attachments__iconsize {
    font-size: 2.4rem
}

.attachment-tooltip {
    color: #291d18;
    font-size: 1.8rem;
    font-weight: 400;
    position: relative;
    margin-top: 6rem;
    margin-left: .5rem;
    word-break: break-all
}

.attachment-tooltip .tooltip-text {
    right: 2rem
}

.attachment-tooltip .icon-help.tooltip .tooltip-text {
    visibility: hidden
}

.attachment-tooltip .icon-help.tooltip:hover {
    color: #ffc421;
    cursor: pointer
}

.attachment-tooltip .icon-help.tooltip:hover .tooltip-text {
    max-width: 28.8rem;
    right: 0;
    visibility: visible
}

@media only screen and (min-width: 36em) {
    .attachment-tooltip .icon-help.tooltip:hover .tooltip-text {
        max-width:47.8rem
    }
}

.attachment-tooltip-empty {
    width: 3rem
}

.authentication--cards-wrapper {
    width: 35.1rem;
    margin: 0 0 2.4rem
}

@media only screen and (min-width: 36em) {
    .authentication--cards-wrapper {
        margin:0 1rem 2.4rem
    }
}

.authentication--cards-wrapper .cards img {
    height: 12rem;
    max-width: 50%
}

@media only screen and (min-width: 36em) {
    .authentication--cards-wrapper .cards img {
        max-width:100%;
        height: 16rem
    }
}

.authentication--cards-wrapper .cards .divider {
    background-color: #f7f6f6
}

.authentication--cards-wrapper .cards .body {
    font-size: 1.8rem
}

.authentication--cards-wrapper .background-shape-on-element__wrapper {
    z-index: -1
}

.connect-five--feedback {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .connect-five--feedback {
        align-items:flex-start;
        text-align: initial
    }
}

.connect-five--bottom-navigation {
    width: calc(50% - 1rem);
    display: flex
}

@media only screen and (min-width: 36em) {
    .connect-five--bottom-navigation {
        width:100%;
        justify-content: flex-end
    }
}

.notification.cdh {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 0 1rem
}

@media only screen and (min-width: 36em) {
    .notification.cdh {
        flex-direction:row
    }
}

.notification.cdh .cta-button:first-child {
    margin-left: 2rem
}

.notification.cdh .info {
    width: 100%
}

.notification.cdh .info .cmp-text {
    display: flex;
    box-sizing: border-box;
    min-height: 4.2rem;
    align-items: center
}

.notification.cdh .info .cmp-text p {
    align-items: center;
    margin-bottom: 0;
    color: #a6d9d9
}

.notification.cdh .cta-button {
    height: auto;
    display: inline-flex;
    float: right
}

.notification.cdh .button {
    white-space: nowrap;
    margin-top: 1rem;
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .notification.cdh .button {
        margin-top:0
    }
}

.content-overview div.col>div,.content-overview div.col>div>div,.content-overview div.col>div>div>div {
    height: 100%
}

.custom-row {
    border-radius: .5rem;
    background: #fff;
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 36em) {
    .custom-row {
        margin-bottom:.8rem
    }
}

.custom-row__description {
    padding: 2.4rem;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 36em) {
    .custom-row__description {
        padding:3.2rem
    }
}

.custom-row__description .description__options {
    width: 100%;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .custom-row__description .description__options {
        flex-direction:row;
        width: 90%
    }
}

.custom-row__description .description__options--toggle-left {
    width: 98%
}

.custom-row__description .description__arrow {
    width: 2%
}

.custom-row__description .description--more-info-desktop {
    display: none
}

@media only screen and (min-width: 36em) {
    .custom-row__description .description--more-info-desktop {
        width:8%;
        margin: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-end;
        cursor: pointer
    }
}

.custom-row__description .description--more-info-desktop span {
    margin-bottom: 0;
    font-size: 1.5rem
}

.custom-row__description .description--more-info-desktop .arrow {
    margin-right: 1rem
}

@media only screen and (min-width: 36em) {
    .custom-row__description .description--more-info-desktop .arrow {
        margin-right:0
    }
}

.custom-row__description .description--more-info-desktop .arrow--down:after {
    top: -1.1rem;
    left: 2.5rem
}

.custom-row__description .description--more-info-desktop .arrow--up:after {
    top: -1.1rem;
    left: 2rem
}

.custom-row__less-info,.custom-row__more-info-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 5.6rem
}

@media only screen and (min-width: 36em) {
    .custom-row__less-info,.custom-row__more-info-mobile {
        display:none
    }
}

.custom-row__less-info .arrow--down:after,.custom-row__less-info .arrow--up:after,.custom-row__more-info-mobile .arrow--down:after,.custom-row__more-info-mobile .arrow--up:after {
    left: 1.8rem;
    top: 0
}

.custom-row__detailed-description {
    padding: 3rem 3.2rem;
    border-top: .1rem solid #f7f6f6
}

.custom-row__horizontal-divider {
    display: block;
    margin: 0
}

@media only screen and (min-width: 36em) {
    .custom-row__horizontal-divider {
        display:none
    }
}

.custom-row__expanded-section {
    padding: 3rem 3.2rem;
    border-top: .1rem solid #f7f6f6
}

.content-section {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.6rem;
    background: #fff
}

.content-section__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 3.2rem 1.6rem;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 36em) {
    .content-section__header {
        padding:3.2rem
    }
}

.content-section__header .header-icon {
    padding-top: 1rem;
    padding-right: 1.6rem;
    font-size: 2.4rem
}

.content-section__header .header-title {
    font-size: 2.4rem;
    line-height: 1;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 800;
    cursor: default
}

.content-section__header.usage-notifications {
    flex-direction: column;
    align-items: flex-start
}

.content-section__header.usage-notifications .header-title {
    font-size: 2rem;
    line-height: 1;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 800;
    display: flex;
    width: 100%;
    justify-content: space-between
}

.content-section__header.usage-notifications .header-title.disabled .state-indicator-container,.content-section__header.usage-notifications .header-title .mobile-barring-indicator {
    display: none
}

.content-section__header.usage-notifications .header-title.disabled .state-indicator-container .mobile-barring-indicator {
    display: inherit;
    margin-top: .3rem
}

@media only screen and (min-width: 36em) {
    .content-section__header.usage-notifications .header-title.disabled .state-indicator-container .mobile-barring-indicator {
        display:none
    }
}

.content-section__header.usage-notifications .header-title.disabled .state-indicator-container .mobile-barring-indicator .disabled {
    margin-right: 0
}

.content-section__header.usage-notifications .header-title.disabled .state-indicator-container .mobile-barring-indicator span {
    margin-right: .4rem;
    margin-left: .6rem
}

.content-section__header.usage-notifications .header-sub-title {
    font-size: 1.8rem;
    line-height: 1.2;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 500;
    padding-top: .8rem
}

.content-section__details {
    padding: 3.2rem 1.6rem
}

@media only screen and (min-width: 36em) {
    .content-section__details {
        padding:3.2rem
    }
}

.content-section__details .pin-details {
    display: flex;
    flex-direction: column;
    align-items: baseline
}

@media only screen and (min-width: 36em) {
    .content-section__details .pin-details {
        flex-direction:row;
        justify-content: space-between
    }
}

.content-section__details .pin-details .link {
    font-size: 1.8rem
}

@media only screen and (min-width: 36em) {
    .content-section__details .pin-details .link {
        font-size:1.8rem
    }
}

.content-section__details .pin-details .form-helper,.content-section__details .pin-details label {
    font-size: 1.8rem;
    font-weight: 900;
    color: #655c58
}

.content-section__details .form-group.checkbox-switch-section {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2rem;
    border-bottom: .1rem solid #f7f6f6
}

.content-section__details .form-group.checkbox-switch-section.last-option {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.content-section__details .form-group.checkbox-switch-section .form-helper,.content-section__details .form-group.checkbox-switch-section label {
    font-size: 1.8rem;
    font-weight: 900;
    color: #655c58
}

.content-section__details .form-group.checkbox-switch-section .checkbox-settings {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.content-section__details .form-group.checkbox-switch-section .checkbox-settings.last-option {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.content-section__details .form-group.email-field {
    width: 100%;
    padding-top: 3.2rem
}

@media only screen and (min-width: 36em) {
    .content-section__details .form-group.email-field {
        width:50%
    }
}

.content-section__details .form-group.email-field .form-helper,.content-section__details .form-group.email-field label {
    text-transform: uppercase
}

.content-section__details .form-group.email-field.usage-notification .form-helper,.content-section__details .form-group.email-field.usage-notification label {
    cursor: default;
    font-size: 1.4rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900;
    color: #bab6b5
}

.content-section__details .dropdown-section {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .content-section__details .dropdown-section {
        width:50%
    }
}

.content-section__details .dropdown-section .cur-default {
    text-transform: uppercase
}

.content-section__details .dropdown-section .hidden-mobile .select2-container .select2-choice>.select2-chosen {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.content-section__details .communication-options {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .content-section__details .communication-options {
        flex-direction:row
    }
}

.content-section__details .communication-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.content-section__details .communication-text .doccle-btn {
    margin-left: 0;
    height: 4rem;
    width: 20rem
}

.content-section__details .communication-text .note {
    margin-bottom: 1.2rem
}

.content-section__details .communication-email {
    margin-top: 4rem
}

.content-section__details .communication-email .change-email {
    margin-bottom: 2.4rem
}

.content-section__details .communication-email .form-group {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .content-section__details .communication-email .form-group {
        width:36rem
    }
}

.content-section__details .communication-address {
    width: 100%;
    margin-top: 3.2rem;
    line-height: 1.2;
    border: .1rem solid #f7f6f6;
    padding: 2.4rem;
    border-radius: 0
}

@media only screen and (min-width: 36em) {
    .content-section__details .communication-address {
        width:44rem;
        margin-top: 4rem
    }
}

.content-section__details .communication-address .address-text {
    display: flex;
    justify-content: space-between;
    font-weight: 700
}

.content-section__details .communication-address .address-text a {
    font-weight: 400;
    display: inline
}

.content-section__details .edit-doccle-link {
    margin-top: 4rem
}

.content-section__details .edit-doccle-notifications {
    margin-top: 2rem
}

.content-section__details .mobile-number {
    padding-left: 0;
    font-weight: 800
}

@media only screen and (min-width: 36em) {
    .content-section__details .mobile-number {
        padding-left:.5rem
    }
}

.content-section__details .usage-notifications {
    padding-top: 3.2rem
}

.content-section__details .usage-notifications .subsection-title {
    padding-bottom: 2.6rem;
    font-size: 1.8rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 1.4;
    font-weight: 800;
    color: #291d18
}

.content-section__details .usage-notifications .form-group.checkbox-switch-section {
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid #f7f6f6;
    margin-bottom: 2rem
}

.content-section__details .usage-notifications .form-group.checkbox-switch-section:nth-child(3) {
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid #f7f6f6;
    margin-bottom: 2rem
}

.content-section__details .usage-notifications .form-group.checkbox-switch-section.last-option {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.content-section__details .usage-notifications .form-group.checkbox-switch-section .form-helper,.content-section__details .usage-notifications .form-group.checkbox-switch-section label {
    font-size: 1.8rem;
    font-weight: 400;
    color: #291d18
}

.content-section__details .usage-notifications .form-group.checkbox-switch-section.disabled .CheckboxSwitch,.content-section__details .usage-notifications .form-group.checkbox-switch-section .state-indicator-section {
    display: none
}

.content-section__details .usage-notifications .form-group.checkbox-switch-section.disabled .state-indicator-section {
    display: flex
}

.content-section__details .usage-notifications .form-group.checkbox-switch-section.disabled .state-indicator-section .indicator__active.form-helper,.content-section__details .usage-notifications .form-group.checkbox-switch-section.disabled .state-indicator-section label.indicator__active {
    color: #ffc421
}

.content-section__details .usage-notifications .form-group.checkbox-switch-section.disabled .state-indicator-section .indicator__disabled.form-helper,.content-section__details .usage-notifications .form-group.checkbox-switch-section.disabled .state-indicator-section label.indicator__disabled {
    color: #eeeded
}

.content-section__details .usage-notifications .form-group.checkbox-switch-section.disabled .state-indicator-section .state-indicator {
    display: none
}

@media only screen and (min-width: 36em) {
    .content-section__details .usage-notifications .form-group.checkbox-switch-section.disabled .state-indicator-section .state-indicator {
        display:flex
    }
}

.content-section__details .usage-notifications .form-group.checkbox-switch-section.disabled .state-indicator-section .state-indicator__active {
    color: #ffc421
}

.content-section__details .usage-notifications .form-group.checkbox-switch-section.disabled .state-indicator-section .state-indicator__disabled {
    color: #eeeded
}

.content-section__details .usage-notifications:first-of-type {
    padding-top: 0
}

.content-section__details .alternate-email-section {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 36em) {
    .content-section__details .alternate-email-section {
        width:50%
    }
}

.content-section__details .alternate-email-section .icon-plus {
    padding-left: 0
}

.content-section__details .alternate-email-section .icon-close,.content-section__details .alternate-email-section .icon-delete {
    display: none
}

.content-section__details .alternate-email-section .FormGroup__input,.content-section__details .alternate-email-section form-group {
    width: 100%
}

.content-section__details .alternate-email-section .FormGroup__input>div {
    width: auto;
    margin-left: -1.5rem;
    margin-right: 0;
    display: flex;
    align-items: center
}

.content-section__details .alternate-email-section .FormGroup__input input {
    padding-left: 3.5rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    opacity: 1;
    margin-bottom: 0
}

.content-section__details .alternate-email-section.filled .icon-plus {
    display: none
}

.content-section__details .alternate-email-section.filled .icon-delete {
    display: inline;
    position: relative;
    right: 3rem
}

.content-section__details .alternate-email-section.filled .icon-close {
    display: none;
    position: relative;
    right: 3rem;
    bottom: 0
}

.content-section__details .alternate-email-section.filled .FormGroup__input {
    width: 100%
}

.content-section__details .alternate-email-section.filled .FormGroup__input>div {
    width: auto;
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-right: -1.5rem
}

.content-section__details .alternate-email-section.filled .FormGroup__input input {
    margin-left: 0;
    padding-left: 0;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    opacity: 1;
    margin-bottom: 0
}

.content-section__details .notification-text {
    font-size: 1.8rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 1.4;
    font-weight: 500;
    color: #291d18
}

.content-section__details .dispatch-method {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media only screen and (min-width: 36em) {
    .content-section__details .dispatch-method {
        flex-direction:row
    }
}

.content-section__details .dispatch-method .radio-container {
    width: 100%;
    margin: 0 0 1.6rem;
    border-radius: 0
}

@media only screen and (min-width: 36em) {
    .content-section__details .dispatch-method .radio-container {
        width:32rem;
        margin: 0 4rem .8rem 0
    }
}

.content-section__details__item {
    display: flex;
    flex-direction: column;
    text-transform: uppercase
}

@media only screen and (min-width: 36em) {
    .content-section__details__item {
        flex-direction:row;
        justify-content: space-between
    }
}

.content-section__details__item .item__key {
    font-size: 1.4rem;
    font-weight: 900
}

@media only screen and (min-width: 36em) {
    .content-section__details__item .item__key {
        font-size:1.5rem;
        font-weight: 900
    }
}

.content-section__details__item .item__value {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    font-weight: 500
}

@media only screen and (min-width: 36em) {
    .content-section__details__item .item__value {
        margin-bottom:0;
        font-size: 1.8rem;
        font-weight: 500
    }
}

.content-section__details__usage:first-child {
    order: 2
}

.content-section__details__usage:nth-child(2) {
    order: 3
}

.content-section__details__usage__total {
    order: 1
}

@media only screen and (min-width: 48.0625em) {
    .content-section__details__usage__total {
        order:4;
        border-bottom: .1rem solid transparent
    }
}

.custom-tables-pay-by-mobile__header {
    font-size: 2.4rem;
    line-height: 1.2;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 800;
    margin-bottom: 1rem;
    margin-top: 0
}

.custom-tables-pay-by-mobile__title-container {
    display: none;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.4rem 3.2rem 2.4rem;
    text-transform: uppercase
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__title-container {
        display:flex
    }
}

.custom-tables-pay-by-mobile__title-container .title {
    color: #655c58;
    font-size: 1.4rem;
    font-weight: 900
}

.custom-tables-pay-by-mobile__title-container .title--service {
    width: 15rem
}

.custom-tables-pay-by-mobile__title-container .title--service-value {
    display: flex;
    width: 50%
}

.custom-tables-pay-by-mobile__title-container .title--service-value .title--start-date {
    width: 46rem
}

.custom-tables-pay-by-mobile__title-container .title--service-value .title--amount {
    width: 70%
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__title-container .title--service-value .title--amount {
        margin-left:2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .custom-tables-pay-by-mobile__title-container .title--service-value .title--amount {
        margin-left:0
    }
}

.custom-tables-pay-by-mobile__title-container .title--end-date,.custom-tables-pay-by-mobile__title-container .title--start-date {
    width: 23%
}

.custom-tables-pay-by-mobile__title-container .title--recurring {
    width: 12%
}

.custom-tables-pay-by-mobile__title-container .title--amount {
    width: 35%
}

.custom-tables-pay-by-mobile__title-container.title--subscriptions {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__title-container.title--subscriptions {
        width:91%
    }
}

.custom-tables-pay-by-mobile__title-container.title--subscriptions .title--amount,.custom-tables-pay-by-mobile__title-container.title--subscriptions .title--end-date,.custom-tables-pay-by-mobile__title-container.title--subscriptions .title--recurring,.custom-tables-pay-by-mobile__title-container.title--subscriptions .title--start-date {
    width: 20%
}

.custom-tables-pay-by-mobile__title-container.title--subscriptions .title--service {
    width: 18%
}

.custom-tables-pay-by-mobile__section .description__options .service {
    width: 100%;
    margin-bottom: 2rem;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .description__options .service {
        width:15rem;
        margin-bottom: 0;
        font-weight: 900
    }
}

.custom-tables-pay-by-mobile__section .description__options .service.subscriptions {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .description__options .service.subscriptions {
        width:18%
    }
}

.custom-tables-pay-by-mobile__section .description__options .date-container {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .description__options .date-container {
        width:46%;
        margin: 0
    }
}

.custom-tables-pay-by-mobile__section .description__options .date-container--value {
    width: 46rem
}

.custom-tables-pay-by-mobile__section .description__options .date-container--value--title-headers {
    font-weight: 900;
    margin-bottom: .4rem
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .description__options .date-container--value--purchase-date {
        margin-left:0
    }
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .description__options .date-container--value--purchase-price {
        margin-left:1rem
    }
}

.custom-tables-pay-by-mobile__section .description__options .date-container--value.price-value {
    padding-left: 1rem;
    width: 30%
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .description__options .date-container--value.price-value {
        width:50%
    }
}

.custom-tables-pay-by-mobile__section .description__options .date-container.subscriptions {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .description__options .date-container.subscriptions {
        width:40%
    }
}

.custom-tables-pay-by-mobile__section .description__options .misc-container {
    width: 100%;
    margin-top: 1.2rem;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    font-size: 1.8rem;
    font-weight: 400
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .description__options .misc-container {
        width:28%;
        margin-top: 0;
        margin-bottom: 0
    }
}

.custom-tables-pay-by-mobile__section .description__options .misc-container--value {
    width: 50%
}

.custom-tables-pay-by-mobile__section .description__options .misc-container--value.price-value {
    padding-left: 0
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .description__options .misc-container--value.price-value {
        padding-left:1rem
    }
}

.custom-tables-pay-by-mobile__section .description__options .misc-container--value--title-headers {
    font-weight: 900;
    margin-bottom: .4rem
}

.custom-tables-pay-by-mobile__section .description__options .misc-container.subscriptions {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .description__options .misc-container.subscriptions {
        width:40%
    }
}

.custom-tables-pay-by-mobile__section .section-detailed-description {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .section-detailed-description {
        margin-bottom:1.2rem
    }
}

.custom-tables-pay-by-mobile__section .section-detailed-description span {
    margin-bottom: 1.2rem;
    font-weight: 800;
    font-size: 1.8rem;
    color: #655c58
}

.custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description__title-section {
    display: flex;
    justify-content: space-between
}

.custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description .support-link {
    margin-bottom: 2.4rem;
    font-size: 1.2rem;
    display: inherit
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description .support-link {
        display:none;
        margin-bottom: 0
    }
}

.custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description__address-section {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description__address-section {
        flex-direction:row
    }
}

.custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description__address-section--transactions {
    justify-content: flex-start
}

.custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description__address-section--subscriptions {
    justify-content: space-between
}

.custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description__address-section--subscriptions .stop-subscriptions {
    margin-top: 1.6rem;
    height: auto
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description__address-section--subscriptions .stop-subscriptions {
        margin-top:auto;
        margin-bottom: 0
    }
}

.custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description__address-section .status-section {
    margin-bottom: 1.6rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description__address-section .status-section {
        margin-bottom:0;
        width: 80%
    }
}

.custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description__address-section .status-section--transactions {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .custom-tables-pay-by-mobile__section .section-detailed-description .detailed-description__address-section .status-section--transactions {
        width:18%
    }
}

.table__usage-v2 .Table {
    display: block;
    border-collapse: separate;
    border-spacing: 0 .8rem;
    background-color: transparent;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .table__usage-v2 .Table {
        display:table
    }
}

.table__usage-v2 .Table thead {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .table__usage-v2 .Table thead {
        display:table-header-group
    }
}

.table__usage-v2 .Table thead th {
    text-align: left;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 2rem;
    text-transform: uppercase
}

.table__usage-v2 .Table thead th .head-section {
    display: flex;
    align-items: center
}

.table__usage-v2 .Table thead th .head-section a .arrow {
    display: none
}

.table__usage-v2 .Table thead th .head-section a .arrow.arrow--down:after,.table__usage-v2 .Table thead th .head-section a .arrow.arrow--up:after {
    top: -.1rem;
    left: 2rem;
    border-width: 0;
    border-color: transparent
}

.table__usage-v2 .Table thead th .head-section a [class^=icon] {
    font-size: 1.2rem;
    line-height: 1.6rem;
    display: block;
    color: #eeeded
}

@media only screen and (min-width: 48.0625em) {
    .table__usage-v2 .Table thead th .head-section a [class^=icon] {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .table__usage-v2 .Table thead th .head-section a [class^=icon] {
        font-size:1.2rem;
        line-height: 1.6rem
    }
}

.table__usage-v2 .Table thead th .head-section a [class^=icon]:before {
    position: relative;
    top: .2rem;
    left: 1.1rem
}

.table__usage-v2 .Table tbody {
    display: block;
    background-color: #fff
}

@media only screen and (min-width: 36em) {
    .table__usage-v2 .Table tbody {
        display:table-row-group
    }
}

.table__usage-v2 .Table tbody tr {
    border-radius: .5rem
}

.table__usage-v2 .Table tr {
    border-bottom: 0;
    display: block;
    margin-bottom: 1.4rem
}

@media only screen and (min-width: 36em) {
    .table__usage-v2 .Table tr {
        display:table-row;
        border-bottom: 0;
        margin-bottom: 0
    }
}

.table__usage-v2 .Table tr:last-child {
    border-bottom: none
}

.table__usage-v2 .Table td,.table__usage-v2 .Table th {
    text-align: left;
    border: 0;
    padding: 2.4rem
}

@media only screen and (min-width: 36em) {
    .table__usage-v2 .Table td,.table__usage-v2 .Table th {
        display:table-cell;
        border: 0;
        padding: 2.4rem
    }
}

.table__usage-v2 .Table th {
    border: 0
}

@media only screen and (min-width: 36em) {
    .table__usage-v2 .Table th {
        padding:3.2rem 3.2rem 1.6rem;
        font-size: 1.4rem;
        font-weight: 900;
        line-height: 2rem;
        color: #291d18;
        background: none
    }
}

.table__usage-v2 .Table td {
    border: 0
}

@media only screen and (min-width: 36em) {
    .table__usage-v2 .Table td {
        font-size:1.8rem;
        font-weight: 500;
        line-height: 2.4rem;
        padding: 3.2rem
    }
}

.table__usage-v2 .Table td .icon-usage-pbm {
    font-size: 2.6rem;
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 36em) {
    .table__usage-v2 .Table td .icon-usage-pbm {
        margin-bottom:0
    }
}

.table__usage-v2 .Table td:first-child {
    border: solid #f7f6f6;
    border-width: 0 .1rem 0 0;
    text-align: center
}

.table__usage-v2 .Table td [class^=icon] {
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .table__usage-v2 .Table td [class^=icon] {
        margin-bottom:0
    }
}

.table__usage-v2 .Table td [class^=icon]:before {
    color: #291d18;
    font-size: 2.4rem
}

.table__usage-v2 .Table .usage-info {
    flex-direction: column
}

.table__usage-v2 .Table .usage-info .details {
    display: inline-block
}

.table__usage-v2 .Table .usage-info .details .form-helper,.table__usage-v2 .Table .usage-info .details label {
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 2rem;
    margin-bottom: 0
}

.table__usage-v2 .Table .usage-info .details p {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.table__usage-v2 .Table .usage-info .details .date-content,.table__usage-v2 .Table .usage-info .details .usage-content {
    margin-bottom: 2.4rem
}

.table__usage-v2 .Table .usage-info .details .duration-price-section {
    display: flex
}

.table__usage-v2 .Table .usage-info .details .duration-price-section .duration-content {
    width: 50%
}

.table__usage-v2 .Table .usage-info .details .duration-price-section .price-content {
    width: 50%;
    text-align: left
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .table__usage .Table td {
        background-color: #fff
    }
}

.table__usage .Table {
    display: block;
    border: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .table__usage .Table {
        display:table
    }
}

.table__usage .Table thead {
    display: none
}

@media only screen and (min-width: 36em) {
    .table__usage .Table thead {
        display:table-header-group
    }
}

.table__usage .Table thead th {
    text-align: center;
    white-space: nowrap
}

.table__usage .Table tbody {
    display: block
}

@media only screen and (min-width: 36em) {
    .table__usage .Table tbody {
        display:table-row-group
    }
}

.table__usage .Table tr {
    padding: 1rem 0;
    border-bottom: 0;
    display: block
}

@media only screen and (min-width: 36em) {
    .table__usage .Table tr {
        display:table-row;
        border-bottom: 0;
        padding-bottom: 0
    }
}

.table__usage .Table tr:last-child {
    border-bottom: none
}

.table__usage .Table td,.table__usage .Table th {
    text-align: left;
    border: 0;
    padding: .5rem 0
}

@media only screen and (min-width: 36em) {
    .table__usage .Table td,.table__usage .Table th {
        display:table-cell;
        border: 0;
        padding: 1.3rem 1.5rem;
        font-size: 1.4rem;
        text-align: center
    }
}

.table__usage .Table th {
    border: 0
}

@media only screen and (min-width: 36em) {
    .table__usage .Table th {
        border:0
    }
}

.table__usage .Table .usage-info {
    display: flex
}

@media only screen and (min-width: 36em) {
    .table__usage .Table .usage-info {
        display:none
    }
}

.table__usage .Table .usage-info .details {
    display: inline-block;
    margin-left: 1.5rem
}

.table__usage .Table .usage-info .details p:empty {
    display: none
}

.table__usage .Table .usage-info .details__date,.table__usage .Table .usage-info .details__duration,.table__usage .Table .usage-info .details__number {
    line-height: 1;
    margin-bottom: .5rem
}

.table__usage .Table .usage-info__price {
    display: inline-flex;
    line-height: 1;
    margin-left: auto
}

.Panel__voicemail-v2 .Table {
    display: block;
    border: 0;
    color: #291d18;
    border-collapse: separate;
    border-spacing: 0 2rem;
    background-color: transparent
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table {
        display:table;
        border-spacing: 0 1rem
    }
}

.Panel__voicemail-v2 .Table thead {
    display: none;
    text-transform: uppercase
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table thead {
        display:table-header-group
    }
}

.Panel__voicemail-v2 .Table tbody {
    display: block;
    padding-top: 2.5rem
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tbody {
        display:table-row-group;
        padding-top: 0
    }
}

.Panel__voicemail-v2 .Table tbody tr {
    background-color: #fff
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tbody tr {
        height:8.8rem
    }
}

.Panel__voicemail-v2 .Table .sort {
    pointer-events: auto
}

.Panel__voicemail-v2 .Table tr {
    display: block;
    padding: 0;
    margin-bottom: .8rem
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tr {
        display:table-row;
        border-bottom: 0;
        margin-bottom: 1rem
    }
}

.Panel__voicemail-v2 .Table tr.hidden-mobile {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tr.hidden-mobile {
        display:table-row
    }
}

.Panel__voicemail-v2 .Table tr:first-child {
    border-bottom: none
}

.Panel__voicemail-v2 .Table tr:last-child {
    border-bottom: none
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tr th:nth-child(5) {
        padding-left:19%
    }
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip {
        padding-left:1rem
    }
}

.Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__icon-section:after {
    color: #eeeded
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__icon-section:after {
        left:1.7rem
    }
}

.Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__icon-section .icon-information {
    color: #ffc421
}

.Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__info-section {
    border-radius: .6rem;
    border-color: #eeeded
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__info-section {
        left:-38.5rem;
        min-width: 43.4rem;
        text-transform: none;
        top: 4rem
    }
}

.Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__info-section .icon-information {
    color: #ffc421;
    padding-right: 1rem
}

.Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__info-section .info-section__description {
    line-height: 1.4rem
}

.Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__info-section .info-section__description__text {
    padding: 1rem 0
}

.Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__info-section .info-section__description__title {
    font-size: 1.4rem
}

@media only screen and (min-width: 36em) {
    .Panel__voicemail-v2 .Table tr th:nth-child(5) .tooltip__info-section .info-section__description__title {
        font-size:1.8rem
    }
}

.Panel__voicemail-v2 .Table tr th .icon-chevron-down,.Panel__voicemail-v2 .Table tr th .icon-chevron-up {
    position: relative;
    bottom: 0;
    margin-left: 1.2rem;
    font-size: unset;
    color: #655c58;
    cursor: pointer
}

.Panel__voicemail-v2 .Table tr th .icon-chevron-down:before,.Panel__voicemail-v2 .Table tr th .icon-chevron-up:before {
    transform: none
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tr td:nth-child(5) {
        width:5%;
        padding-left: 0;
        border-radius: 0 .5rem .5rem 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tr td:first-child,.Panel__voicemail-v2 .Table tr th:first-child {
        width:7%;
        padding-left: 2.8rem;
        border-radius: .5rem 0 0 .5rem
    }

    .Panel__voicemail-v2 .Table tr td:first-child.email-data,.Panel__voicemail-v2 .Table tr th:first-child.email-data {
        border-radius: .5rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tr td:nth-child(2),.Panel__voicemail-v2 .Table tr td:nth-child(3),.Panel__voicemail-v2 .Table tr th:nth-child(2),.Panel__voicemail-v2 .Table tr th:nth-child(3) {
        width:12%
    }
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tr td:nth-child(4),.Panel__voicemail-v2 .Table tr th:nth-child(4) {
        width:9%
    }
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table tr td:nth-child(5),.Panel__voicemail-v2 .Table tr th:nth-child(5) {
        width:9%
    }
}

.Panel__voicemail-v2 .Table td {
    padding: 2.4rem 2.4rem 0
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td {
        padding:3.2rem 1.4rem
    }
}

.Panel__voicemail-v2 .Table td:first-child {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td:first-child {
        display:table-cell
    }
}

.Panel__voicemail-v2 .Table td:last-child {
    padding: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td:last-child {
        padding:3rem 2rem
    }
}

.Panel__voicemail-v2 .Table td,.Panel__voicemail-v2 .Table th {
    display: block;
    border: 0;
    white-space: nowrap
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td,.Panel__voicemail-v2 .Table th {
        display:table-cell;
        vertical-align: middle
    }
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td.email-data,.Panel__voicemail-v2 .Table th.email-data {
        padding:2rem 3rem 1.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td .email-container,.Panel__voicemail-v2 .Table th .email-container {
        display:flex;
        justify-content: space-between;
        align-items: center
    }
}

.Panel__voicemail-v2 .Table td .email-container .icon-email,.Panel__voicemail-v2 .Table th .email-container .icon-email {
    font-size: 2.2rem
}

.Panel__voicemail-v2 .Table td .email-container .icon-close,.Panel__voicemail-v2 .Table th .email-container .icon-close {
    cursor: pointer;
    font-size: 2.4rem
}

.Panel__voicemail-v2 .Table td .email-container .FormGroup__input input,.Panel__voicemail-v2 .Table th .email-container .FormGroup__input input {
    background-color: #fff
}

.Panel__voicemail-v2 .Table td .email-container .FormGroup__input.Form__input--error input,.Panel__voicemail-v2 .Table th .email-container .FormGroup__input.Form__input--error input {
    background-color: transparent!important
}

.Panel__voicemail-v2 .Table td .email-container .text-field,.Panel__voicemail-v2 .Table th .email-container .text-field {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td .email-container .text-field,.Panel__voicemail-v2 .Table th .email-container .text-field {
        flex-direction:row;
        min-width: 44rem
    }
}

.Panel__voicemail-v2 .Table td .email-container .text-field input,.Panel__voicemail-v2 .Table th .email-container .text-field input {
    height: 4.2rem;
    width: auto;
    border: solid #ffc421;
    border-width: 0 0 .1rem;
    padding: 1.2rem 0;
    font-size: 1.8rem;
    text-overflow: ellipsis
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td .email-container .text-field input,.Panel__voicemail-v2 .Table th .email-container .text-field input {
        min-width:44rem;
        margin-right: 2.4rem
    }
}

.Panel__voicemail-v2 .Table td .email-container .text-field .button,.Panel__voicemail-v2 .Table th .email-container .text-field .button {
    width: auto;
    margin-top: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td .email-container .text-field .button,.Panel__voicemail-v2 .Table th .email-container .text-field .button {
        margin-top:0
    }
}

.Panel__voicemail-v2 .Table th {
    padding: 1rem;
    border: 0;
    color: #291d18;
    background-color: transparent;
    line-height: 2rem;
    text-transform: uppercase
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table th {
        padding:1.6rem 3rem 1.6rem 1.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td.Table__action- {
        vertical-align:middle;
        padding: 0
    }
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td.Table__action- .action-controls {
        flex-direction:row;
        align-items: center
    }
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm {
    display: flex
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm {
        display:none
    }
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .icons-section i {
    padding-right: 1rem
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .audio-content .audio-player .audio-player__progress-bar {
    max-width: 10rem
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .audio-content .audio-player .audio-player__progress-bar {
        max-width:8rem
    }
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .audio-content .audio-player .icon-pause:before,.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .audio-content .audio-player .icon-play:before {
    height: 0;
    vertical-align: top
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .email-content {
    margin: 3.6rem 0 0;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .email-content {
        margin:0
    }
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .email-content small {
    display: none
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .email-content input {
    padding: 0 0 1.2rem;
    border: solid #ffc421;
    border-width: 0 0 .1rem;
    font-size: 1.8rem;
    width: 100%
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .email-content button {
    width: auto;
    margin-top: 2rem
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .show-more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.4rem -3rem 0;
    padding: 2.2rem 1.5rem 0;
    text-align: center;
    border-top: .1rem solid #f7f6f6
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .show-more span {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    margin-right: 2rem
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .show-more i {
    font-size: unset
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .show-more i:before {
    position: relative;
    right: .7rem
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .voicemail-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 2rem
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .voicemail-section .tooltip {
    margin-top: -1.4rem;
    padding-left: 1rem
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .voicemail-section .tooltip__icon-section:after {
    left: 2.7rem;
    color: #eeeded
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .voicemail-section .tooltip .icon-information {
    padding-right: 1rem
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .voicemail-section .tooltip__info-section {
    left: 0;
    width: 17rem;
    border-radius: .6rem;
    border-color: #eeeded
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .voicemail-section .tooltip__info-section .icon-information {
    color: #ffc421
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.sm .voicemail-section .tooltip__info-section .info-section__description {
    white-space: normal;
    line-height: 1.4rem
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.md {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td.Table__action- .action-controls.md {
        display:flex;
        justify-content: flex-start
    }
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.md .audio-content {
    margin-right: 4.8rem
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.md .audio-content .icon-play {
    font-size: 2rem;
    font-weight: 700
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.md .audio-content .icon-play:before {
    height: 0;
    vertical-align: top
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.md .audio-content .icon-pause {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 2.5rem;
    overflow: inherit
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.md .audio-content .icon-pause:before {
    height: 0
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls.md .audio-content .audio-player__progress-bar {
    height: 3rem
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section {
    display: table-row;
    justify-content: space-around;
    margin-top: 0;
    margin-right: 0;
    overflow: hidden
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section {
        justify-content:unset;
        width: 36%;
        margin-top: 0;
        margin-right: 1rem
    }
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section a {
    text-decoration: none
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-download {
    color: #655c58
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-download:before {
    height: 0
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-save {
    color: #655c58
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-save:before {
    font-size: 2.2rem;
    height: 0;
    vertical-align: top
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-download,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-email,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-save {
        margin-right:1rem;
        color: #655c58;
        cursor: pointer
    }

    .Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-download.disabled-state,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-email.disabled-state,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-save.disabled-state {
        cursor: default
    }
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-download:before,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-email:before,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-save:before {
    height: 0;
    vertical-align: top
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-email.active {
    color: #291d18
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-email:before {
    height: 0
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-delete,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-email {
    color: #655c58
}

.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-delete:before,.Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section .icon-email:before {
    height: 0;
    vertical-align: top
}

.Panel__voicemail-v2 .Table .voicemail-section {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table .voicemail-section {
        justify-content:space-between
    }
}

.Panel__voicemail-v2 .Table .voicemail-section .Table__inlineContent {
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table .voicemail-section .Table__inlineContent {
        display:none
    }
}

.Panel__voicemail-v2 .Table .voicemail-section .Table__inlineHeader {
    display: flex;
    margin-bottom: .4rem;
    line-height: 1.7rem
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .Table .voicemail-section .Table__inlineHeader {
        display:none
    }
}

.Panel__voicemail-v2 .Table .voicemail-section .Table__inlineHeader.msg-action {
    margin: .8rem 0 2.6rem
}

.Panel__voicemail-v2 .Table .voicemail-section .Table__inlineData {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .Panel__voicemail-v2 .Table .voicemail-section .Table__inlineData {
        font-size:1.8rem;
        font-weight: 500
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .Panel__myVoiceMailv2 .Table td {
        background-color: #fff
    }

    .Panel__voicemail-v2 .Table td.Table__action- .action-controls .icons-section {
        width: 17rem;
        margin-right: 3rem
    }
}

@media only screen and (min--moz-device-pixel-ratio:0) and (min-width: 40.625em) {
    .Panel__voicemail-v2 .Table tbody tr {
        border-radius:1rem
    }
}

.Panel__voicemail-v2 .notification {
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .Panel__voicemail-v2 .notification {
        margin-bottom:0
    }
}

.Panel__voicemail-v2__table-section {
    overflow-x: scroll
}

.row__invoice-overview .table-section {
    overflow-x: auto
}

.row--dtv .Table,.row--trial-history .Table,.row__invoice-overview .Table,.row__payments-and-refunds .Table,.Table__invoices .Table,.Table__topup .Table {
    display: block;
    border: 0
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table,.row--trial-history .Table,.row__invoice-overview .Table,.row__payments-and-refunds .Table,.Table__invoices .Table,.Table__topup .Table {
        display:table
    }
}

.row--dtv .Table thead,.row--trial-history .Table thead,.row__invoice-overview .Table thead,.row__payments-and-refunds .Table thead,.Table__invoices .Table thead,.Table__topup .Table thead {
    display: none
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table thead,.row--trial-history .Table thead,.row__invoice-overview .Table thead,.row__payments-and-refunds .Table thead,.Table__invoices .Table thead,.Table__topup .Table thead {
        display:table-header-group
    }
}

.row--dtv .Table thead th,.row--trial-history .Table thead th,.row__invoice-overview .Table thead th,.row__payments-and-refunds .Table thead th,.Table__invoices .Table thead th,.Table__topup .Table thead th {
    text-align: center
}

.row--dtv .Table tbody,.row--trial-history .Table tbody,.row__invoice-overview .Table tbody,.row__payments-and-refunds .Table tbody,.Table__invoices .Table tbody,.Table__topup .Table tbody {
    display: block
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table tbody,.row--trial-history .Table tbody,.row__invoice-overview .Table tbody,.row__payments-and-refunds .Table tbody,.Table__invoices .Table tbody,.Table__topup .Table tbody {
        display:table-row-group
    }
}

.row--dtv .Table tr,.row--trial-history .Table tr,.row__invoice-overview .Table tr,.row__payments-and-refunds .Table tr,.Table__invoices .Table tr,.Table__topup .Table tr {
    padding: 1rem 2rem 2rem;
    border-bottom: 0;
    display: block
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table tr,.row--trial-history .Table tr,.row__invoice-overview .Table tr,.row__payments-and-refunds .Table tr,.Table__invoices .Table tr,.Table__topup .Table tr {
        display:table-row;
        border-bottom: 0;
        padding: 0
    }
}

.row--dtv .Table tr:last-child,.row--trial-history .Table tr:last-child,.row__invoice-overview .Table tr:last-child,.row__payments-and-refunds .Table tr:last-child,.Table__invoices .Table tr:last-child,.Table__topup .Table tr:last-child {
    border-bottom: none
}

.row--dtv .Table td,.row--trial-history .Table td,.row__invoice-overview .Table td,.row__payments-and-refunds .Table td,.Table__invoices .Table td,.Table__topup .Table td {
    font-size: 1.8rem
}

.row--dtv .Table td,.row--dtv .Table th,.row--trial-history .Table td,.row--trial-history .Table th,.row__invoice-overview .Table td,.row__invoice-overview .Table th,.row__payments-and-refunds .Table td,.row__payments-and-refunds .Table th,.Table__invoices .Table td,.Table__invoices .Table th,.Table__topup .Table td,.Table__topup .Table th {
    text-align: left;
    display: block;
    border: 0;
    padding: .5rem 0;
    white-space: nowrap
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table td,.row--dtv .Table th,.row--trial-history .Table td,.row--trial-history .Table th,.row__invoice-overview .Table td,.row__invoice-overview .Table th,.row__payments-and-refunds .Table td,.row__payments-and-refunds .Table th,.Table__invoices .Table td,.Table__invoices .Table th,.Table__topup .Table td,.Table__topup .Table th {
        display:table-cell;
        border: 0;
        padding: 2.2rem;
        line-height: 2.4rem;
        text-align: center
    }
}

.row--dtv .Table td.align-center,.row--dtv .Table th.align-center,.row--trial-history .Table td.align-center,.row--trial-history .Table th.align-center,.row__invoice-overview .Table td.align-center,.row__invoice-overview .Table th.align-center,.row__payments-and-refunds .Table td.align-center,.row__payments-and-refunds .Table th.align-center,.Table__invoices .Table td.align-center,.Table__invoices .Table th.align-center,.Table__topup .Table td.align-center,.Table__topup .Table th.align-center {
    text-align: center
}

.row--dtv .Table td:nth-child(3),.row--trial-history .Table td:nth-child(3),.row__invoice-overview .Table td:nth-child(3),.row__payments-and-refunds .Table td:nth-child(3),.Table__invoices .Table td:nth-child(3),.Table__topup .Table td:nth-child(3) {
    text-align: left
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table td:nth-child(3),.row--trial-history .Table td:nth-child(3),.row__invoice-overview .Table td:nth-child(3),.row__payments-and-refunds .Table td:nth-child(3),.Table__invoices .Table td:nth-child(3),.Table__topup .Table td:nth-child(3) {
        text-align:right
    }
}

.row--dtv .Table td:nth-child(4),.row--trial-history .Table td:nth-child(4),.row__invoice-overview .Table td:nth-child(4),.row__payments-and-refunds .Table td:nth-child(4),.Table__invoices .Table td:nth-child(4),.Table__topup .Table td:nth-child(4) {
    display: block
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table td:nth-child(4),.row--trial-history .Table td:nth-child(4),.row__invoice-overview .Table td:nth-child(4),.row__payments-and-refunds .Table td:nth-child(4),.Table__invoices .Table td:nth-child(4),.Table__topup .Table td:nth-child(4) {
        display:table-cell
    }
}

.row--dtv .Table td:nth-child(5),.row--trial-history .Table td:nth-child(5),.row__invoice-overview .Table td:nth-child(5),.row__payments-and-refunds .Table td:nth-child(5),.Table__invoices .Table td:nth-child(5),.Table__topup .Table td:nth-child(5) {
    display: block
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table td:nth-child(5),.row--trial-history .Table td:nth-child(5),.row__invoice-overview .Table td:nth-child(5),.row__payments-and-refunds .Table td:nth-child(5),.Table__invoices .Table td:nth-child(5),.Table__topup .Table td:nth-child(5) {
        display:table-cell
    }
}

.row--dtv .Table th,.row--trial-history .Table th,.row__invoice-overview .Table th,.row__payments-and-refunds .Table th,.Table__invoices .Table th,.Table__topup .Table th {
    font-size: 1.4rem;
    border: 0
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table th,.row--trial-history .Table th,.row__invoice-overview .Table th,.row__payments-and-refunds .Table th,.Table__invoices .Table th,.Table__topup .Table th {
        border:0
    }
}

.row--dtv .Table .button--table,.row--trial-history .Table .button--table,.row__invoice-overview .Table .button--table,.row__payments-and-refunds .Table .button--table,.Table__invoices .Table .button--table,.Table__topup .Table .button--table {
    margin: -.5rem 0
}

.row--dtv .Table .icon-file,.row--trial-history .Table .icon-file,.row__invoice-overview .Table .icon-file,.row__payments-and-refunds .Table .icon-file,.Table__invoices .Table .icon-file,.Table__topup .Table .icon-file {
    overflow: inherit
}

.row--dtv .Table--payments-and-refunds,.row--trial-history .Table--payments-and-refunds,.row__invoice-overview .Table--payments-and-refunds,.row__payments-and-refunds .Table--payments-and-refunds,.Table__invoices .Table--payments-and-refunds,.Table__topup .Table--payments-and-refunds {
    border-collapse: separate;
    border-spacing: 0 .8rem;
    background: transparent
}

.row--dtv .Table--payments-and-refunds thead,.row--trial-history .Table--payments-and-refunds thead,.row__invoice-overview .Table--payments-and-refunds thead,.row__payments-and-refunds .Table--payments-and-refunds thead,.Table__invoices .Table--payments-and-refunds thead,.Table__topup .Table--payments-and-refunds thead {
    text-transform: uppercase;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.row--dtv .Table--payments-and-refunds thead tr th,.row--trial-history .Table--payments-and-refunds thead tr th,.row__invoice-overview .Table--payments-and-refunds thead tr th,.row__payments-and-refunds .Table--payments-and-refunds thead tr th,.Table__invoices .Table--payments-and-refunds thead tr th,.Table__topup .Table--payments-and-refunds thead tr th {
    background-color: transparent;
    color: #291d18;
    width: 15%;
    border: none;
    text-align: left;
    padding: 0 3.2rem 1.2rem;
    font-size: 1.5rem
}

.row--dtv .Table--payments-and-refunds tbody,.row--trial-history .Table--payments-and-refunds tbody,.row__invoice-overview .Table--payments-and-refunds tbody,.row__payments-and-refunds .Table--payments-and-refunds tbody,.Table__invoices .Table--payments-and-refunds tbody,.Table__topup .Table--payments-and-refunds tbody {
    background: transparent
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--payments-and-refunds tbody,.row--trial-history .Table--payments-and-refunds tbody,.row__invoice-overview .Table--payments-and-refunds tbody,.row__payments-and-refunds .Table--payments-and-refunds tbody,.Table__invoices .Table--payments-and-refunds tbody,.Table__topup .Table--payments-and-refunds tbody {
        background:transparent
    }
}

.row--dtv .Table--payments-and-refunds tbody tr,.row--trial-history .Table--payments-and-refunds tbody tr,.row__invoice-overview .Table--payments-and-refunds tbody tr,.row__payments-and-refunds .Table--payments-and-refunds tbody tr,.Table__invoices .Table--payments-and-refunds tbody tr,.Table__topup .Table--payments-and-refunds tbody tr {
    padding: 2.4rem;
    margin-bottom: 2rem;
    border-radius: .5rem;
    background-color: #fff
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--payments-and-refunds tbody tr,.row--trial-history .Table--payments-and-refunds tbody tr,.row__invoice-overview .Table--payments-and-refunds tbody tr,.row__payments-and-refunds .Table--payments-and-refunds tbody tr,.Table__invoices .Table--payments-and-refunds tbody tr,.Table__topup .Table--payments-and-refunds tbody tr {
        padding:0;
        margin-bottom: 0
    }
}

.row--dtv .Table--payments-and-refunds tbody tr td,.row--trial-history .Table--payments-and-refunds tbody tr td,.row__invoice-overview .Table--payments-and-refunds tbody tr td,.row__payments-and-refunds .Table--payments-and-refunds tbody tr td,.Table__invoices .Table--payments-and-refunds tbody tr td,.Table__topup .Table--payments-and-refunds tbody tr td {
    display: inline-block;
    padding: 0;
    border: none;
    text-align: left;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--payments-and-refunds tbody tr td,.row--trial-history .Table--payments-and-refunds tbody tr td,.row__invoice-overview .Table--payments-and-refunds tbody tr td,.row__payments-and-refunds .Table--payments-and-refunds tbody tr td,.Table__invoices .Table--payments-and-refunds tbody tr td,.Table__topup .Table--payments-and-refunds tbody tr td {
        text-align:right;
        padding: 3.2rem
    }
}

.row--dtv .Table--payments-and-refunds tbody tr td:first-child,.row--trial-history .Table--payments-and-refunds tbody tr td:first-child,.row__invoice-overview .Table--payments-and-refunds tbody tr td:first-child,.row__payments-and-refunds .Table--payments-and-refunds tbody tr td:first-child,.Table__invoices .Table--payments-and-refunds tbody tr td:first-child,.Table__topup .Table--payments-and-refunds tbody tr td:first-child {
    display: inline-block;
    width: 48%;
    text-align: left;
    font-size: 1.8rem
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--payments-and-refunds tbody tr td:first-child,.row--trial-history .Table--payments-and-refunds tbody tr td:first-child,.row__invoice-overview .Table--payments-and-refunds tbody tr td:first-child,.row__payments-and-refunds .Table--payments-and-refunds tbody tr td:first-child,.Table__invoices .Table--payments-and-refunds tbody tr td:first-child,.Table__topup .Table--payments-and-refunds tbody tr td:first-child {
        display:table-cell;
        width: 15%
    }
}

.row--dtv .Table--payments-and-refunds tbody tr td:nth-child(2),.row--trial-history .Table--payments-and-refunds tbody tr td:nth-child(2),.row__invoice-overview .Table--payments-and-refunds tbody tr td:nth-child(2),.row__payments-and-refunds .Table--payments-and-refunds tbody tr td:nth-child(2),.Table__invoices .Table--payments-and-refunds tbody tr td:nth-child(2),.Table__topup .Table--payments-and-refunds tbody tr td:nth-child(2) {
    display: inline-block;
    width: 48%;
    text-align: left;
    font-size: 1.8rem;
    font-weight: 400
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--payments-and-refunds tbody tr td:nth-child(2),.row--trial-history .Table--payments-and-refunds tbody tr td:nth-child(2),.row__invoice-overview .Table--payments-and-refunds tbody tr td:nth-child(2),.row__payments-and-refunds .Table--payments-and-refunds tbody tr td:nth-child(2),.Table__invoices .Table--payments-and-refunds tbody tr td:nth-child(2),.Table__topup .Table--payments-and-refunds tbody tr td:nth-child(2) {
        display:table-cell;
        font-weight: 700
    }
}

.row--dtv .Table--payments-and-refunds tbody tr td:nth-child(3),.row--trial-history .Table--payments-and-refunds tbody tr td:nth-child(3),.row__invoice-overview .Table--payments-and-refunds tbody tr td:nth-child(3),.row__payments-and-refunds .Table--payments-and-refunds tbody tr td:nth-child(3),.Table__invoices .Table--payments-and-refunds tbody tr td:nth-child(3),.Table__topup .Table--payments-and-refunds tbody tr td:nth-child(3) {
    margin-top: 1.2rem;
    padding: 0
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--payments-and-refunds tbody tr td:nth-child(3),.row--trial-history .Table--payments-and-refunds tbody tr td:nth-child(3),.row__invoice-overview .Table--payments-and-refunds tbody tr td:nth-child(3),.row__payments-and-refunds .Table--payments-and-refunds tbody tr td:nth-child(3),.Table__invoices .Table--payments-and-refunds tbody tr td:nth-child(3),.Table__topup .Table--payments-and-refunds tbody tr td:nth-child(3) {
        margin-top:0;
        padding: 2.4rem 3.2rem;
        width: 35rem
    }
}

.row--dtv .Table--payments-and-refunds .Table__inlineHeader,.row--trial-history .Table--payments-and-refunds .Table__inlineHeader,.row__invoice-overview .Table--payments-and-refunds .Table__inlineHeader,.row__payments-and-refunds .Table--payments-and-refunds .Table__inlineHeader,.Table__invoices .Table--payments-and-refunds .Table__inlineHeader,.Table__topup .Table--payments-and-refunds .Table__inlineHeader {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.6rem
}

.row--dtv .Table--payments-and-refunds .payment-type,.row--trial-history .Table--payments-and-refunds .payment-type,.row__invoice-overview .Table--payments-and-refunds .payment-type,.row__payments-and-refunds .Table--payments-and-refunds .payment-type,.Table__invoices .Table--payments-and-refunds .payment-type,.Table__topup .Table--payments-and-refunds .payment-type {
    background: #f7f6f6;
    float: left;
    display: flex;
    align-items: center;
    padding: .6rem 1.6rem;
    border-radius: 1.4rem;
    height: 4rem
}

.row--dtv .Table--payments-and-refunds .payment-type span,.row--trial-history .Table--payments-and-refunds .payment-type span,.row__invoice-overview .Table--payments-and-refunds .payment-type span,.row__payments-and-refunds .Table--payments-and-refunds .payment-type span,.Table__invoices .Table--payments-and-refunds .payment-type span,.Table__topup .Table--payments-and-refunds .payment-type span {
    padding-left: 1.6rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #291d18;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--payments-and-refunds .payment-type span,.row--trial-history .Table--payments-and-refunds .payment-type span,.row__invoice-overview .Table--payments-and-refunds .payment-type span,.row__payments-and-refunds .Table--payments-and-refunds .payment-type span,.Table__invoices .Table--payments-and-refunds .payment-type span,.Table__topup .Table--payments-and-refunds .payment-type span {
        font-size:1.5rem
    }
}

.row--dtv .Table--payments-and-refunds .payment-type [class^=icon],.row--trial-history .Table--payments-and-refunds .payment-type [class^=icon],.row__invoice-overview .Table--payments-and-refunds .payment-type [class^=icon],.row__payments-and-refunds .Table--payments-and-refunds .payment-type [class^=icon],.Table__invoices .Table--payments-and-refunds .payment-type [class^=icon],.Table__topup .Table--payments-and-refunds .payment-type [class^=icon] {
    font-size: inherit
}

.row--dtv .Table--payments-and-refunds .payment-type [class^=icon]:before,.row--trial-history .Table--payments-and-refunds .payment-type [class^=icon]:before,.row__invoice-overview .Table--payments-and-refunds .payment-type [class^=icon]:before,.row__payments-and-refunds .Table--payments-and-refunds .payment-type [class^=icon]:before,.Table__invoices .Table--payments-and-refunds .payment-type [class^=icon]:before,.Table__topup .Table--payments-and-refunds .payment-type [class^=icon]:before {
    vertical-align: sub
}

.row--dtv .Table--payments-and-refunds .payment-type .icon-tool,.row--trial-history .Table--payments-and-refunds .payment-type .icon-tool,.row__invoice-overview .Table--payments-and-refunds .payment-type .icon-tool,.row__payments-and-refunds .Table--payments-and-refunds .payment-type .icon-tool,.Table__invoices .Table--payments-and-refunds .payment-type .icon-tool,.Table__topup .Table--payments-and-refunds .payment-type .icon-tool {
    font-size: 2.4rem
}

.row--dtv .Table--invoice-overview,.row--trial-history .Table--invoice-overview,.row__invoice-overview .Table--invoice-overview,.row__payments-and-refunds .Table--invoice-overview,.Table__invoices .Table--invoice-overview,.Table__topup .Table--invoice-overview {
    border-collapse: separate;
    border-spacing: 0 .8rem;
    background: transparent;
    display: table
}

.row--dtv .Table--invoice-overview thead,.row--trial-history .Table--invoice-overview thead,.row__invoice-overview .Table--invoice-overview thead,.row__payments-and-refunds .Table--invoice-overview thead,.Table__invoices .Table--invoice-overview thead,.Table__topup .Table--invoice-overview thead {
    display: none;
    text-transform: none;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview thead,.row--trial-history .Table--invoice-overview thead,.row__invoice-overview .Table--invoice-overview thead,.row__payments-and-refunds .Table--invoice-overview thead,.Table__invoices .Table--invoice-overview thead,.Table__topup .Table--invoice-overview thead {
        display:table-header-group
    }
}

.row--dtv .Table--invoice-overview thead tr th,.row--trial-history .Table--invoice-overview thead tr th,.row__invoice-overview .Table--invoice-overview thead tr th,.row__payments-and-refunds .Table--invoice-overview thead tr th,.Table__invoices .Table--invoice-overview thead tr th,.Table__topup .Table--invoice-overview thead tr th {
    background-color: transparent;
    color: #291d18;
    width: 15%;
    border: none;
    text-align: left;
    padding: 1.2rem 3.2rem;
    font-size: 1.5rem;
    vertical-align: top
}

.row--dtv .Table--invoice-overview tbody,.row--trial-history .Table--invoice-overview tbody,.row__invoice-overview .Table--invoice-overview tbody,.row__payments-and-refunds .Table--invoice-overview tbody,.Table__invoices .Table--invoice-overview tbody,.Table__topup .Table--invoice-overview tbody {
    background: transparent
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview tbody,.row--trial-history .Table--invoice-overview tbody,.row__invoice-overview .Table--invoice-overview tbody,.row__payments-and-refunds .Table--invoice-overview tbody,.Table__invoices .Table--invoice-overview tbody,.Table__topup .Table--invoice-overview tbody {
        background:transparent
    }
}

.row--dtv .Table--invoice-overview tbody tr,.row--trial-history .Table--invoice-overview tbody tr,.row__invoice-overview .Table--invoice-overview tbody tr,.row__payments-and-refunds .Table--invoice-overview tbody tr,.Table__invoices .Table--invoice-overview tbody tr,.Table__topup .Table--invoice-overview tbody tr {
    display: block;
    padding: 2.4rem;
    margin-bottom: 2rem;
    border-radius: .5rem;
    background-color: #fff
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview tbody tr,.row--trial-history .Table--invoice-overview tbody tr,.row__invoice-overview .Table--invoice-overview tbody tr,.row__payments-and-refunds .Table--invoice-overview tbody tr,.Table__invoices .Table--invoice-overview tbody tr,.Table__topup .Table--invoice-overview tbody tr {
        padding:0;
        margin-bottom: 0;
        display: table-row;
        border-bottom: 0
    }
}

.row--dtv .Table--invoice-overview tbody tr td,.row--trial-history .Table--invoice-overview tbody tr td,.row__invoice-overview .Table--invoice-overview tbody tr td,.row__payments-and-refunds .Table--invoice-overview tbody tr td,.Table__invoices .Table--invoice-overview tbody tr td,.Table__topup .Table--invoice-overview tbody tr td {
    display: inline-block;
    padding: 0;
    border: none;
    text-align: left;
    width: 100%;
    vertical-align: middle
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview tbody tr td,.row--trial-history .Table--invoice-overview tbody tr td,.row__invoice-overview .Table--invoice-overview tbody tr td,.row__payments-and-refunds .Table--invoice-overview tbody tr td,.Table__invoices .Table--invoice-overview tbody tr td,.Table__topup .Table--invoice-overview tbody tr td {
        display:table-cell;
        text-align: left;
        padding: 2rem;
        width: auto
    }
}

.row--dtv .Table--invoice-overview tbody tr td:first-child,.row--trial-history .Table--invoice-overview tbody tr td:first-child,.row__invoice-overview .Table--invoice-overview tbody tr td:first-child,.row__payments-and-refunds .Table--invoice-overview tbody tr td:first-child,.Table__invoices .Table--invoice-overview tbody tr td:first-child,.Table__topup .Table--invoice-overview tbody tr td:first-child {
    font-size: 1.8rem;
    width: 49%
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview tbody tr td:first-child,.row--trial-history .Table--invoice-overview tbody tr td:first-child,.row__invoice-overview .Table--invoice-overview tbody tr td:first-child,.row__payments-and-refunds .Table--invoice-overview tbody tr td:first-child,.Table__invoices .Table--invoice-overview tbody tr td:first-child,.Table__topup .Table--invoice-overview tbody tr td:first-child {
        font-size:1.8rem;
        width: auto
    }
}

.row--dtv .Table--invoice-overview tbody tr td:nth-child(2),.row--trial-history .Table--invoice-overview tbody tr td:nth-child(2),.row__invoice-overview .Table--invoice-overview tbody tr td:nth-child(2),.row__payments-and-refunds .Table--invoice-overview tbody tr td:nth-child(2),.Table__invoices .Table--invoice-overview tbody tr td:nth-child(2),.Table__topup .Table--invoice-overview tbody tr td:nth-child(2) {
    font-size: 1.8rem;
    width: 49%
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview tbody tr td:nth-child(2),.row--trial-history .Table--invoice-overview tbody tr td:nth-child(2),.row__invoice-overview .Table--invoice-overview tbody tr td:nth-child(2),.row__payments-and-refunds .Table--invoice-overview tbody tr td:nth-child(2),.Table__invoices .Table--invoice-overview tbody tr td:nth-child(2),.Table__topup .Table--invoice-overview tbody tr td:nth-child(2) {
        font-size:1.8rem;
        width: auto
    }
}

.row--dtv .Table--invoice-overview tbody tr td:nth-child(3),.row--trial-history .Table--invoice-overview tbody tr td:nth-child(3),.row__invoice-overview .Table--invoice-overview tbody tr td:nth-child(3),.row__payments-and-refunds .Table--invoice-overview tbody tr td:nth-child(3),.Table__invoices .Table--invoice-overview tbody tr td:nth-child(3),.Table__topup .Table--invoice-overview tbody tr td:nth-child(3) {
    text-align: left;
    margin-top: 2.4rem;
    font-weight: 400;
    font-size: 1.8rem
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview tbody tr td:nth-child(3),.row--trial-history .Table--invoice-overview tbody tr td:nth-child(3),.row__invoice-overview .Table--invoice-overview tbody tr td:nth-child(3),.row__payments-and-refunds .Table--invoice-overview tbody tr td:nth-child(3),.Table__invoices .Table--invoice-overview tbody tr td:nth-child(3),.Table__topup .Table--invoice-overview tbody tr td:nth-child(3) {
        margin-top:0;
        font-weight: 400;
        font-size: 1.8rem;
        text-align: left;
        width: 35%
    }
}

.row--dtv .Table--invoice-overview tbody tr td:nth-child(4),.row--trial-history .Table--invoice-overview tbody tr td:nth-child(4),.row__invoice-overview .Table--invoice-overview tbody tr td:nth-child(4),.row__payments-and-refunds .Table--invoice-overview tbody tr td:nth-child(4),.Table__invoices .Table--invoice-overview tbody tr td:nth-child(4),.Table__topup .Table--invoice-overview tbody tr td:nth-child(4) {
    width: 100%;
    display: inline-block;
    margin-top: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview tbody tr td:nth-child(4),.row--trial-history .Table--invoice-overview tbody tr td:nth-child(4),.row__invoice-overview .Table--invoice-overview tbody tr td:nth-child(4),.row__payments-and-refunds .Table--invoice-overview tbody tr td:nth-child(4),.Table__invoices .Table--invoice-overview tbody tr td:nth-child(4),.Table__topup .Table--invoice-overview tbody tr td:nth-child(4) {
        width:auto;
        display: table-cell;
        margin-top: 0
    }
}

.row--dtv .Table--invoice-overview tbody tr td:nth-child(5),.row--trial-history .Table--invoice-overview tbody tr td:nth-child(5),.row__invoice-overview .Table--invoice-overview tbody tr td:nth-child(5),.row__payments-and-refunds .Table--invoice-overview tbody tr td:nth-child(5),.Table__invoices .Table--invoice-overview tbody tr td:nth-child(5),.Table__topup .Table--invoice-overview tbody tr td:nth-child(5) {
    width: 100%;
    display: inline-block;
    margin-top: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview tbody tr td:nth-child(5),.row--trial-history .Table--invoice-overview tbody tr td:nth-child(5),.row__invoice-overview .Table--invoice-overview tbody tr td:nth-child(5),.row__payments-and-refunds .Table--invoice-overview tbody tr td:nth-child(5),.Table__invoices .Table--invoice-overview tbody tr td:nth-child(5),.Table__topup .Table--invoice-overview tbody tr td:nth-child(5) {
        width:auto;
        display: table-cell;
        margin-top: 0
    }
}

.row--dtv .Table--invoice-overview tbody tr td .invoice-overview__download-section,.row--trial-history .Table--invoice-overview tbody tr td .invoice-overview__download-section,.row__invoice-overview .Table--invoice-overview tbody tr td .invoice-overview__download-section,.row__payments-and-refunds .Table--invoice-overview tbody tr td .invoice-overview__download-section,.Table__invoices .Table--invoice-overview tbody tr td .invoice-overview__download-section,.Table__topup .Table--invoice-overview tbody tr td .invoice-overview__download-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 0
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview tbody tr td .invoice-overview__download-section,.row--trial-history .Table--invoice-overview tbody tr td .invoice-overview__download-section,.row__invoice-overview .Table--invoice-overview tbody tr td .invoice-overview__download-section,.row__payments-and-refunds .Table--invoice-overview tbody tr td .invoice-overview__download-section,.Table__invoices .Table--invoice-overview tbody tr td .invoice-overview__download-section,.Table__topup .Table--invoice-overview tbody tr td .invoice-overview__download-section {
        justify-content:flex-start;
        flex-direction: row;
        padding-top: 1rem
    }
}

.row--dtv .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice,.row--trial-history .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice,.row__invoice-overview .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice,.row__payments-and-refunds .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice,.Table__invoices .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice,.Table__topup .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice {
    padding-right: 0;
    width: 49%
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice,.row--trial-history .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice,.row__invoice-overview .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice,.row__payments-and-refunds .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice,.Table__invoices .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice,.Table__topup .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__invoice {
        padding-right:3.2rem;
        width: auto
    }
}

.row--dtv .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments,.row--trial-history .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments,.row__invoice-overview .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments,.row__payments-and-refunds .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments,.Table__invoices .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments,.Table__topup .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments {
    width: 49%;
    display: block
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments,.row--trial-history .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments,.row__invoice-overview .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments,.row__payments-and-refunds .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments,.Table__invoices .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments,.Table__topup .Table--invoice-overview tbody tr td .invoice-overview__download-section .download-section__attachments {
        width:auto;
        display: flex
    }
}

.row--dtv .Table--invoice-overview tbody tr td .invoice-overview__download-section .icon-file,.row--trial-history .Table--invoice-overview tbody tr td .invoice-overview__download-section .icon-file,.row__invoice-overview .Table--invoice-overview tbody tr td .invoice-overview__download-section .icon-file,.row__payments-and-refunds .Table--invoice-overview tbody tr td .invoice-overview__download-section .icon-file,.Table__invoices .Table--invoice-overview tbody tr td .invoice-overview__download-section .icon-file,.Table__topup .Table--invoice-overview tbody tr td .invoice-overview__download-section .icon-file {
    display: inline-block;
    color: inherit;
    padding-right: .8rem
}

.row--dtv .Table--invoice-overview tbody tr td .invoice-overview__download-section .link,.row--trial-history .Table--invoice-overview tbody tr td .invoice-overview__download-section .link,.row__invoice-overview .Table--invoice-overview tbody tr td .invoice-overview__download-section .link,.row__payments-and-refunds .Table--invoice-overview tbody tr td .invoice-overview__download-section .link,.Table__invoices .Table--invoice-overview tbody tr td .invoice-overview__download-section .link,.Table__topup .Table--invoice-overview tbody tr td .invoice-overview__download-section .link {
    display: none
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--invoice-overview tbody tr td .invoice-overview__download-section .link,.row--trial-history .Table--invoice-overview tbody tr td .invoice-overview__download-section .link,.row__invoice-overview .Table--invoice-overview tbody tr td .invoice-overview__download-section .link,.row__payments-and-refunds .Table--invoice-overview tbody tr td .invoice-overview__download-section .link,.Table__invoices .Table--invoice-overview tbody tr td .invoice-overview__download-section .link,.Table__topup .Table--invoice-overview tbody tr td .invoice-overview__download-section .link {
        display:flex;
        align-items: flex-start;
        color: #291d18;
        font-size: 1.6rem
    }
}

.row--dtv .Table--invoice-overview .Table__inlineHeader,.row--trial-history .Table--invoice-overview .Table__inlineHeader,.row__invoice-overview .Table--invoice-overview .Table__inlineHeader,.row__payments-and-refunds .Table--invoice-overview .Table__inlineHeader,.Table__invoices .Table--invoice-overview .Table__inlineHeader,.Table__topup .Table--invoice-overview .Table__inlineHeader {
    display: table-header-group;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--invoice-overview .Table__inlineHeader,.row--trial-history .Table--invoice-overview .Table__inlineHeader,.row__invoice-overview .Table--invoice-overview .Table__inlineHeader,.row__payments-and-refunds .Table--invoice-overview .Table__inlineHeader,.Table__invoices .Table--invoice-overview .Table__inlineHeader,.Table__topup .Table--invoice-overview .Table__inlineHeader {
        display:none
    }
}

.row--dtv .Table--trial-history,.row--trial-history .Table--trial-history,.row__invoice-overview .Table--trial-history,.row__payments-and-refunds .Table--trial-history,.Table__invoices .Table--trial-history,.Table__topup .Table--trial-history {
    display: block;
    border: 0;
    background: #fff
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--trial-history,.row--trial-history .Table--trial-history,.row__invoice-overview .Table--trial-history,.row__payments-and-refunds .Table--trial-history,.Table__invoices .Table--trial-history,.Table__topup .Table--trial-history {
        display:table
    }
}

.row--dtv .Table--trial-history thead,.row--trial-history .Table--trial-history thead,.row__invoice-overview .Table--trial-history thead,.row__payments-and-refunds .Table--trial-history thead,.Table__invoices .Table--trial-history thead,.Table__topup .Table--trial-history thead {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--trial-history thead,.row--trial-history .Table--trial-history thead,.row__invoice-overview .Table--trial-history thead,.row__payments-and-refunds .Table--trial-history thead,.Table__invoices .Table--trial-history thead,.Table__topup .Table--trial-history thead {
        display:table-header-group
    }
}

.row--dtv .Table--trial-history thead th,.row--trial-history .Table--trial-history thead th,.row__invoice-overview .Table--trial-history thead th,.row__payments-and-refunds .Table--trial-history thead th,.Table__invoices .Table--trial-history thead th,.Table__topup .Table--trial-history thead th {
    text-align: left;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.8rem
}

.row--dtv .Table--trial-history tbody,.row--trial-history .Table--trial-history tbody,.row__invoice-overview .Table--trial-history tbody,.row__payments-and-refunds .Table--trial-history tbody,.Table__invoices .Table--trial-history tbody,.Table__topup .Table--trial-history tbody {
    display: block
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--trial-history tbody,.row--trial-history .Table--trial-history tbody,.row__invoice-overview .Table--trial-history tbody,.row__payments-and-refunds .Table--trial-history tbody,.Table__invoices .Table--trial-history tbody,.Table__topup .Table--trial-history tbody {
        display:table-row-group
    }
}

.row--dtv .Table--trial-history tbody tr,.row--trial-history .Table--trial-history tbody tr,.row__invoice-overview .Table--trial-history tbody tr,.row__payments-and-refunds .Table--trial-history tbody tr,.Table__invoices .Table--trial-history tbody tr,.Table__topup .Table--trial-history tbody tr {
    display: block;
    padding: 2.4rem 2rem;
    border-bottom: 0
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--trial-history tbody tr,.row--trial-history .Table--trial-history tbody tr,.row__invoice-overview .Table--trial-history tbody tr,.row__payments-and-refunds .Table--trial-history tbody tr,.Table__invoices .Table--trial-history tbody tr,.Table__topup .Table--trial-history tbody tr {
        display:table-row;
        padding: inherit;
        border-bottom: 0
    }
}

.row--dtv .Table--trial-history tbody tr td,.row--trial-history .Table--trial-history tbody tr td,.row__invoice-overview .Table--trial-history tbody tr td,.row__payments-and-refunds .Table--trial-history tbody tr td,.Table__invoices .Table--trial-history tbody tr td,.Table__topup .Table--trial-history tbody tr td {
    padding-bottom: 2.1rem;
    font-size: 1.6rem;
    text-align: left;
    vertical-align: middle
}

.row--dtv .Table--trial-history tbody tr td .Table__inlineHeader,.row--trial-history .Table--trial-history tbody tr td .Table__inlineHeader,.row__invoice-overview .Table--trial-history tbody tr td .Table__inlineHeader,.row__payments-and-refunds .Table--trial-history tbody tr td .Table__inlineHeader,.Table__invoices .Table--trial-history tbody tr td .Table__inlineHeader,.Table__topup .Table--trial-history tbody tr td .Table__inlineHeader {
    display: table-header-group;
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-transform: uppercase
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--trial-history tbody tr td .Table__inlineHeader,.row--trial-history .Table--trial-history tbody tr td .Table__inlineHeader,.row__invoice-overview .Table--trial-history tbody tr td .Table__inlineHeader,.row__payments-and-refunds .Table--trial-history tbody tr td .Table__inlineHeader,.Table__invoices .Table--trial-history tbody tr td .Table__inlineHeader,.Table__topup .Table--trial-history tbody tr td .Table__inlineHeader {
        display:none
    }
}

.row--dtv .Table--trial-history tbody tr td:first-child,.row--trial-history .Table--trial-history tbody tr td:first-child,.row__invoice-overview .Table--trial-history tbody tr td:first-child,.row__payments-and-refunds .Table--trial-history tbody tr td:first-child,.Table__invoices .Table--trial-history tbody tr td:first-child,.Table__topup .Table--trial-history tbody tr td:first-child {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--trial-history tbody tr td:first-child,.row--trial-history .Table--trial-history tbody tr td:first-child,.row__invoice-overview .Table--trial-history tbody tr td:first-child,.row__payments-and-refunds .Table--trial-history tbody tr td:first-child,.Table__invoices .Table--trial-history tbody tr td:first-child,.Table__topup .Table--trial-history tbody tr td:first-child {
        display:table-cell;
        width: 15%
    }
}

.row--dtv .Table--trial-history tbody tr td:nth-child(2),.row--trial-history .Table--trial-history tbody tr td:nth-child(2),.row__invoice-overview .Table--trial-history tbody tr td:nth-child(2),.row__payments-and-refunds .Table--trial-history tbody tr td:nth-child(2),.Table__invoices .Table--trial-history tbody tr td:nth-child(2),.Table__topup .Table--trial-history tbody tr td:nth-child(2) {
    display: inline-block;
    width: 49%
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--trial-history tbody tr td:nth-child(2),.row--trial-history .Table--trial-history tbody tr td:nth-child(2),.row__invoice-overview .Table--trial-history tbody tr td:nth-child(2),.row__payments-and-refunds .Table--trial-history tbody tr td:nth-child(2),.Table__invoices .Table--trial-history tbody tr td:nth-child(2),.Table__topup .Table--trial-history tbody tr td:nth-child(2) {
        display:table-cell;
        width: 20%
    }
}

.row--dtv .Table--trial-history tbody tr td:nth-child(3),.row--trial-history .Table--trial-history tbody tr td:nth-child(3),.row__invoice-overview .Table--trial-history tbody tr td:nth-child(3),.row__payments-and-refunds .Table--trial-history tbody tr td:nth-child(3),.Table__invoices .Table--trial-history tbody tr td:nth-child(3),.Table__topup .Table--trial-history tbody tr td:nth-child(3) {
    display: inline-block;
    width: 49%;
    height: 6.4rem;
    text-align: right
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--trial-history tbody tr td:nth-child(3),.row--trial-history .Table--trial-history tbody tr td:nth-child(3),.row__invoice-overview .Table--trial-history tbody tr td:nth-child(3),.row__payments-and-refunds .Table--trial-history tbody tr td:nth-child(3),.Table__invoices .Table--trial-history tbody tr td:nth-child(3),.Table__topup .Table--trial-history tbody tr td:nth-child(3) {
        display:none
    }
}

.row--dtv .Table--trial-history tbody tr td:nth-child(4),.row--trial-history .Table--trial-history tbody tr td:nth-child(4),.row__invoice-overview .Table--trial-history tbody tr td:nth-child(4),.row__payments-and-refunds .Table--trial-history tbody tr td:nth-child(4),.Table__invoices .Table--trial-history tbody tr td:nth-child(4),.Table__topup .Table--trial-history tbody tr td:nth-child(4) {
    display: inline-block;
    width: 49%
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--trial-history tbody tr td:nth-child(4),.row--trial-history .Table--trial-history tbody tr td:nth-child(4),.row__invoice-overview .Table--trial-history tbody tr td:nth-child(4),.row__payments-and-refunds .Table--trial-history tbody tr td:nth-child(4),.Table__invoices .Table--trial-history tbody tr td:nth-child(4),.Table__topup .Table--trial-history tbody tr td:nth-child(4) {
        display:table-cell;
        width: 20%
    }
}

.row--dtv .Table--trial-history tbody tr td:nth-child(5),.row--trial-history .Table--trial-history tbody tr td:nth-child(5),.row__invoice-overview .Table--trial-history tbody tr td:nth-child(5),.row__payments-and-refunds .Table--trial-history tbody tr td:nth-child(5),.Table__invoices .Table--trial-history tbody tr td:nth-child(5),.Table__topup .Table--trial-history tbody tr td:nth-child(5) {
    display: inline-block;
    width: 49%
}

@media only screen and (min-width: 48.0625em) {
    .row--dtv .Table--trial-history tbody tr td:nth-child(5),.row--trial-history .Table--trial-history tbody tr td:nth-child(5),.row__invoice-overview .Table--trial-history tbody tr td:nth-child(5),.row__payments-and-refunds .Table--trial-history tbody tr td:nth-child(5),.Table__invoices .Table--trial-history tbody tr td:nth-child(5),.Table__topup .Table--trial-history tbody tr td:nth-child(5) {
        display:table-cell;
        width: 20%
    }
}

.row--dtv .Table--trial-history tbody tr td .trial-history--pending,.row--trial-history .Table--trial-history tbody tr td .trial-history--pending,.row__invoice-overview .Table--trial-history tbody tr td .trial-history--pending,.row__payments-and-refunds .Table--trial-history tbody tr td .trial-history--pending,.Table__invoices .Table--trial-history tbody tr td .trial-history--pending,.Table__topup .Table--trial-history tbody tr td .trial-history--pending {
    color: #ffc421
}

.row--dtv .Table--trial-history tbody tr td .trial-history--active,.row--trial-history .Table--trial-history tbody tr td .trial-history--active,.row__invoice-overview .Table--trial-history tbody tr td .trial-history--active,.row__payments-and-refunds .Table--trial-history tbody tr td .trial-history--active,.Table__invoices .Table--trial-history tbody tr td .trial-history--active,.Table__topup .Table--trial-history tbody tr td .trial-history--active {
    color: #ffc421;
    font-weight: 900
}

.row--dtv .Table--dtv,.row--trial-history .Table--dtv,.row__invoice-overview .Table--dtv,.row__payments-and-refunds .Table--dtv,.Table__invoices .Table--dtv,.Table__topup .Table--dtv {
    border-collapse: collapse
}

.row--dtv .Table--dtv thead,.row--trial-history .Table--dtv thead,.row__invoice-overview .Table--dtv thead,.row__payments-and-refunds .Table--dtv thead,.Table__invoices .Table--dtv thead,.Table__topup .Table--dtv thead {
    text-transform: uppercase
}

.row--dtv .Table--dtv thead th,.row--trial-history .Table--dtv thead th,.row__invoice-overview .Table--dtv thead th,.row__payments-and-refunds .Table--dtv thead th,.Table__invoices .Table--dtv thead th,.Table__topup .Table--dtv thead th {
    padding: 0 2.8rem 1.4rem 2.9rem;
    text-align: left;
    font-size: 1.4rem;
    color: #291d18
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv thead th,.row--trial-history .Table--dtv thead th,.row__invoice-overview .Table--dtv thead th,.row__payments-and-refunds .Table--dtv thead th,.Table__invoices .Table--dtv thead th,.Table__topup .Table--dtv thead th {
        font-size:1.5rem;
        font-weight: 700
    }
}

.row--dtv .Table--dtv thead th:nth-child(4),.row--trial-history .Table--dtv thead th:nth-child(4),.row__invoice-overview .Table--dtv thead th:nth-child(4),.row__payments-and-refunds .Table--dtv thead th:nth-child(4),.Table__invoices .Table--dtv thead th:nth-child(4),.Table__topup .Table--dtv thead th:nth-child(4) {
    text-align: right
}

.row--dtv .Table--dtv tbody,.row--trial-history .Table--dtv tbody,.row__invoice-overview .Table--dtv tbody,.row__payments-and-refunds .Table--dtv tbody,.Table__invoices .Table--dtv tbody,.Table__topup .Table--dtv tbody {
    border-spacing: 0;
    border-radius: .5rem
}

.row--dtv .Table--dtv tbody tr,.row--trial-history .Table--dtv tbody tr,.row__invoice-overview .Table--dtv tbody tr,.row__payments-and-refunds .Table--dtv tbody tr,.Table__invoices .Table--dtv tbody tr,.Table__topup .Table--dtv tbody tr {
    padding: 1rem 2.4rem 2rem;
    border-spacing: 0;
    border-radius: 0;
    border-bottom: .1rem solid #f7f6f6;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody tr,.row--trial-history .Table--dtv tbody tr,.row__invoice-overview .Table--dtv tbody tr,.row__payments-and-refunds .Table--dtv tbody tr,.Table__invoices .Table--dtv tbody tr,.Table__topup .Table--dtv tbody tr {
        border-radius:0;
        border-bottom: 0
    }
}

.row--dtv .Table--dtv tbody tr.first-section,.row--trial-history .Table--dtv tbody tr.first-section,.row__invoice-overview .Table--dtv tbody tr.first-section,.row__payments-and-refunds .Table--dtv tbody tr.first-section,.Table__invoices .Table--dtv tbody tr.first-section,.Table__topup .Table--dtv tbody tr.first-section {
    display: block
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody tr.first-section,.row--trial-history .Table--dtv tbody tr.first-section,.row__invoice-overview .Table--dtv tbody tr.first-section,.row__payments-and-refunds .Table--dtv tbody tr.first-section,.Table__invoices .Table--dtv tbody tr.first-section,.Table__topup .Table--dtv tbody tr.first-section {
        display:none
    }
}

.row--dtv .Table--dtv tbody tr.first-section td,.row--trial-history .Table--dtv tbody tr.first-section td,.row__invoice-overview .Table--dtv tbody tr.first-section td,.row__payments-and-refunds .Table--dtv tbody tr.first-section td,.Table__invoices .Table--dtv tbody tr.first-section td,.Table__topup .Table--dtv tbody tr.first-section td {
    padding: 2.4rem 0 0;
    text-align: left;
    font-size: 1.6rem
}

.row--dtv .Table--dtv tbody tr.first-section td:first-child,.row--trial-history .Table--dtv tbody tr.first-section td:first-child,.row__invoice-overview .Table--dtv tbody tr.first-section td:first-child,.row__payments-and-refunds .Table--dtv tbody tr.first-section td:first-child,.Table__invoices .Table--dtv tbody tr.first-section td:first-child,.Table__topup .Table--dtv tbody tr.first-section td:first-child {
    width: 49%;
    display: inline-block
}

.row--dtv .Table--dtv tbody tr.first-section td:nth-child(2),.row--trial-history .Table--dtv tbody tr.first-section td:nth-child(2),.row__invoice-overview .Table--dtv tbody tr.first-section td:nth-child(2),.row__payments-and-refunds .Table--dtv tbody tr.first-section td:nth-child(2),.Table__invoices .Table--dtv tbody tr.first-section td:nth-child(2),.Table__topup .Table--dtv tbody tr.first-section td:nth-child(2) {
    width: 49%;
    display: inline-block
}

.row--dtv .Table--dtv tbody tr.first-section td:nth-child(3),.row--trial-history .Table--dtv tbody tr.first-section td:nth-child(3),.row__invoice-overview .Table--dtv tbody tr.first-section td:nth-child(3),.row__payments-and-refunds .Table--dtv tbody tr.first-section td:nth-child(3),.Table__invoices .Table--dtv tbody tr.first-section td:nth-child(3),.Table__topup .Table--dtv tbody tr.first-section td:nth-child(3) {
    text-align: left
}

.row--dtv .Table--dtv tbody tr.first-section td:nth-child(4),.row--trial-history .Table--dtv tbody tr.first-section td:nth-child(4),.row__invoice-overview .Table--dtv tbody tr.first-section td:nth-child(4),.row__payments-and-refunds .Table--dtv tbody tr.first-section td:nth-child(4),.Table__invoices .Table--dtv tbody tr.first-section td:nth-child(4),.Table__topup .Table--dtv tbody tr.first-section td:nth-child(4) {
    text-align: left
}

.row--dtv .Table--dtv tbody tr.first-section td.first-section__align-right,.row--trial-history .Table--dtv tbody tr.first-section td.first-section__align-right,.row__invoice-overview .Table--dtv tbody tr.first-section td.first-section__align-right,.row__payments-and-refunds .Table--dtv tbody tr.first-section td.first-section__align-right,.Table__invoices .Table--dtv tbody tr.first-section td.first-section__align-right,.Table__topup .Table--dtv tbody tr.first-section td.first-section__align-right {
    text-align: right
}

.row--dtv .Table--dtv tbody tr.first-section .Table__inlineHeader,.row--trial-history .Table--dtv tbody tr.first-section .Table__inlineHeader,.row__invoice-overview .Table--dtv tbody tr.first-section .Table__inlineHeader,.row__payments-and-refunds .Table--dtv tbody tr.first-section .Table__inlineHeader,.Table__invoices .Table--dtv tbody tr.first-section .Table__inlineHeader,.Table__topup .Table--dtv tbody tr.first-section .Table__inlineHeader {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 0
}

.row--dtv .Table--dtv tbody tr.second-section,.row--trial-history .Table--dtv tbody tr.second-section,.row__invoice-overview .Table--dtv tbody tr.second-section,.row__payments-and-refunds .Table--dtv tbody tr.second-section,.Table__invoices .Table--dtv tbody tr.second-section,.Table__topup .Table--dtv tbody tr.second-section {
    display: none
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody tr.second-section,.row--trial-history .Table--dtv tbody tr.second-section,.row__invoice-overview .Table--dtv tbody tr.second-section,.row__payments-and-refunds .Table--dtv tbody tr.second-section,.Table__invoices .Table--dtv tbody tr.second-section,.Table__topup .Table--dtv tbody tr.second-section {
        display:table-row
    }
}

.row--dtv .Table--dtv tbody tr.second-section:first-child>td,.row--trial-history .Table--dtv tbody tr.second-section:first-child>td,.row__invoice-overview .Table--dtv tbody tr.second-section:first-child>td,.row__payments-and-refunds .Table--dtv tbody tr.second-section:first-child>td,.Table__invoices .Table--dtv tbody tr.second-section:first-child>td,.Table__topup .Table--dtv tbody tr.second-section:first-child>td {
    padding-top: 3.2rem
}

.row--dtv .Table--dtv tbody tr.second-section td,.row--trial-history .Table--dtv tbody tr.second-section td,.row__invoice-overview .Table--dtv tbody tr.second-section td,.row__payments-and-refunds .Table--dtv tbody tr.second-section td,.Table__invoices .Table--dtv tbody tr.second-section td,.Table__topup .Table--dtv tbody tr.second-section td {
    padding: 1.2rem 3.2rem 0 2.9rem;
    text-align: left
}

.row--dtv .Table--dtv tbody tr.second-section td:first-child,.row--trial-history .Table--dtv tbody tr.second-section td:first-child,.row__invoice-overview .Table--dtv tbody tr.second-section td:first-child,.row__payments-and-refunds .Table--dtv tbody tr.second-section td:first-child,.Table__invoices .Table--dtv tbody tr.second-section td:first-child,.Table__topup .Table--dtv tbody tr.second-section td:first-child {
    width: 12%
}

.row--dtv .Table--dtv tbody tr.second-section td:nth-child(2),.row--trial-history .Table--dtv tbody tr.second-section td:nth-child(2),.row__invoice-overview .Table--dtv tbody tr.second-section td:nth-child(2),.row__payments-and-refunds .Table--dtv tbody tr.second-section td:nth-child(2),.Table__invoices .Table--dtv tbody tr.second-section td:nth-child(2),.Table__topup .Table--dtv tbody tr.second-section td:nth-child(2) {
    width: 12%
}

.row--dtv .Table--dtv tbody tr.second-section td:nth-child(3),.row--trial-history .Table--dtv tbody tr.second-section td:nth-child(3),.row__invoice-overview .Table--dtv tbody tr.second-section td:nth-child(3),.row__payments-and-refunds .Table--dtv tbody tr.second-section td:nth-child(3),.Table__invoices .Table--dtv tbody tr.second-section td:nth-child(3),.Table__topup .Table--dtv tbody tr.second-section td:nth-child(3) {
    text-align: left
}

.row--dtv .Table--dtv tbody tr.second-section td:nth-child(4),.row--trial-history .Table--dtv tbody tr.second-section td:nth-child(4),.row__invoice-overview .Table--dtv tbody tr.second-section td:nth-child(4),.row__payments-and-refunds .Table--dtv tbody tr.second-section td:nth-child(4),.Table__invoices .Table--dtv tbody tr.second-section td:nth-child(4),.Table__topup .Table--dtv tbody tr.second-section td:nth-child(4) {
    text-align: right
}

.row--dtv .Table--dtv tbody tr.empty-section,.row--trial-history .Table--dtv tbody tr.empty-section,.row__invoice-overview .Table--dtv tbody tr.empty-section,.row__payments-and-refunds .Table--dtv tbody tr.empty-section,.Table__invoices .Table--dtv tbody tr.empty-section,.Table__topup .Table--dtv tbody tr.empty-section {
    display: none
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody tr.empty-section,.row--trial-history .Table--dtv tbody tr.empty-section,.row__invoice-overview .Table--dtv tbody tr.empty-section,.row__payments-and-refunds .Table--dtv tbody tr.empty-section,.Table__invoices .Table--dtv tbody tr.empty-section,.Table__topup .Table--dtv tbody tr.empty-section {
        display:table-row
    }
}

.row--dtv .Table--dtv tbody tr.empty-section td,.row--trial-history .Table--dtv tbody tr.empty-section td,.row__invoice-overview .Table--dtv tbody tr.empty-section td,.row__payments-and-refunds .Table--dtv tbody tr.empty-section td,.Table__invoices .Table--dtv tbody tr.empty-section td,.Table__topup .Table--dtv tbody tr.empty-section td {
    padding: 1.2rem
}

.row--dtv .Table--dtv tbody tr.total-section,.row--trial-history .Table--dtv tbody tr.total-section,.row__invoice-overview .Table--dtv tbody tr.total-section,.row__payments-and-refunds .Table--dtv tbody tr.total-section,.Table__invoices .Table--dtv tbody tr.total-section,.Table__topup .Table--dtv tbody tr.total-section {
    padding: 0
}

.row--dtv .Table--dtv tbody tr.total-section td,.row--trial-history .Table--dtv tbody tr.total-section td,.row__invoice-overview .Table--dtv tbody tr.total-section td,.row__payments-and-refunds .Table--dtv tbody tr.total-section td,.Table__invoices .Table--dtv tbody tr.total-section td,.Table__topup .Table--dtv tbody tr.total-section td {
    padding: 2rem 2.4rem;
    background-color: #291d18;
    color: #fff
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody tr.total-section td,.row--trial-history .Table--dtv tbody tr.total-section td,.row__invoice-overview .Table--dtv tbody tr.total-section td,.row__payments-and-refunds .Table--dtv tbody tr.total-section td,.Table__invoices .Table--dtv tbody tr.total-section td,.Table__topup .Table--dtv tbody tr.total-section td {
        padding:2rem 3.2rem
    }
}

.row--dtv .Table--dtv tbody tr.total-section td:first-child,.row--trial-history .Table--dtv tbody tr.total-section td:first-child,.row__invoice-overview .Table--dtv tbody tr.total-section td:first-child,.row__payments-and-refunds .Table--dtv tbody tr.total-section td:first-child,.Table__invoices .Table--dtv tbody tr.total-section td:first-child,.Table__topup .Table--dtv tbody tr.total-section td:first-child {
    float: left;
    text-align: left;
    width: 50%
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody tr.total-section td:first-child,.row--trial-history .Table--dtv tbody tr.total-section td:first-child,.row__invoice-overview .Table--dtv tbody tr.total-section td:first-child,.row__payments-and-refunds .Table--dtv tbody tr.total-section td:first-child,.Table__invoices .Table--dtv tbody tr.total-section td:first-child,.Table__topup .Table--dtv tbody tr.total-section td:first-child {
        float:none
    }
}

.row--dtv .Table--dtv tbody tr.total-section td:last-child,.row--trial-history .Table--dtv tbody tr.total-section td:last-child,.row__invoice-overview .Table--dtv tbody tr.total-section td:last-child,.row__payments-and-refunds .Table--dtv tbody tr.total-section td:last-child,.Table__invoices .Table--dtv tbody tr.total-section td:last-child,.Table__topup .Table--dtv tbody tr.total-section td:last-child {
    float: right;
    text-align: right;
    width: 50%
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody tr.total-section td:last-child,.row--trial-history .Table--dtv tbody tr.total-section td:last-child,.row__invoice-overview .Table--dtv tbody tr.total-section td:last-child,.row__payments-and-refunds .Table--dtv tbody tr.total-section td:last-child,.Table__invoices .Table--dtv tbody tr.total-section td:last-child,.Table__topup .Table--dtv tbody tr.total-section td:last-child {
        float:none
    }
}

.row--dtv .Table--dtv tbody tr:last-child.total-section td:first-child,.row--trial-history .Table--dtv tbody tr:last-child.total-section td:first-child,.row__invoice-overview .Table--dtv tbody tr:last-child.total-section td:first-child,.row__payments-and-refunds .Table--dtv tbody tr:last-child.total-section td:first-child,.Table__invoices .Table--dtv tbody tr:last-child.total-section td:first-child,.Table__topup .Table--dtv tbody tr:last-child.total-section td:first-child {
    border-radius: 0 0 0 .5rem
}

.row--dtv .Table--dtv tbody tr:last-child.total-section td:last-child,.row--trial-history .Table--dtv tbody tr:last-child.total-section td:last-child,.row__invoice-overview .Table--dtv tbody tr:last-child.total-section td:last-child,.row__payments-and-refunds .Table--dtv tbody tr:last-child.total-section td:last-child,.Table__invoices .Table--dtv tbody tr:last-child.total-section td:last-child,.Table__topup .Table--dtv tbody tr:last-child.total-section td:last-child {
    border-radius: 0 0 .5rem 0
}

.row--dtv .Table--dtv tbody tr.last-section td,.row--trial-history .Table--dtv tbody tr.last-section td,.row__invoice-overview .Table--dtv tbody tr.last-section td,.row__payments-and-refunds .Table--dtv tbody tr.last-section td,.Table__invoices .Table--dtv tbody tr.last-section td,.Table__topup .Table--dtv tbody tr.last-section td {
    padding: 2.4rem 0 1.4rem;
    text-align: left;
    clear: both
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody tr.last-section td,.row--trial-history .Table--dtv tbody tr.last-section td,.row__invoice-overview .Table--dtv tbody tr.last-section td,.row__payments-and-refunds .Table--dtv tbody tr.last-section td,.Table__invoices .Table--dtv tbody tr.last-section td,.Table__topup .Table--dtv tbody tr.last-section td {
        padding:3.2rem 2.4rem
    }
}

.row--dtv .Table--dtv tbody tr.last-section td div,.row--trial-history .Table--dtv tbody tr.last-section td div,.row__invoice-overview .Table--dtv tbody tr.last-section td div,.row__payments-and-refunds .Table--dtv tbody tr.last-section td div,.Table__invoices .Table--dtv tbody tr.last-section td div,.Table__topup .Table--dtv tbody tr.last-section td div {
    padding-left: 0;
    display: block
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody tr.last-section td div,.row--trial-history .Table--dtv tbody tr.last-section td div,.row__invoice-overview .Table--dtv tbody tr.last-section td div,.row__payments-and-refunds .Table--dtv tbody tr.last-section td div,.Table__invoices .Table--dtv tbody tr.last-section td div,.Table__topup .Table--dtv tbody tr.last-section td div {
        padding-left:1rem;
        display: inline-block
    }
}

.row--dtv .Table--dtv tbody tr.last-section td p.last-section__monthly-limit,.row--trial-history .Table--dtv tbody tr.last-section td p.last-section__monthly-limit,.row__invoice-overview .Table--dtv tbody tr.last-section td p.last-section__monthly-limit,.row__payments-and-refunds .Table--dtv tbody tr.last-section td p.last-section__monthly-limit,.Table__invoices .Table--dtv tbody tr.last-section td p.last-section__monthly-limit,.Table__topup .Table--dtv tbody tr.last-section td p.last-section__monthly-limit {
    font-size: 1.4rem
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody tr.last-section td p.last-section__monthly-limit,.row--trial-history .Table--dtv tbody tr.last-section td p.last-section__monthly-limit,.row__invoice-overview .Table--dtv tbody tr.last-section td p.last-section__monthly-limit,.row__payments-and-refunds .Table--dtv tbody tr.last-section td p.last-section__monthly-limit,.Table__invoices .Table--dtv tbody tr.last-section td p.last-section__monthly-limit,.Table__topup .Table--dtv tbody tr.last-section td p.last-section__monthly-limit {
        font-size:1.6rem
    }
}

.row--dtv .Table--dtv tbody.dtv__content--without-data tr,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr,.Table__topup .Table--dtv tbody.dtv__content--without-data tr {
    padding: 0
}

.row--dtv .Table--dtv tbody.dtv__content--without-data tr td,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr td,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr td,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr td,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr td,.Table__topup .Table--dtv tbody.dtv__content--without-data tr td {
    text-align: left;
    white-space: normal
}

.row--dtv .Table--dtv tbody.dtv__content--without-data tr:first-child,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr:first-child,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr:first-child,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr:first-child,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr:first-child,.Table__topup .Table--dtv tbody.dtv__content--without-data tr:first-child {
    border-bottom: none
}

.row--dtv .Table--dtv tbody.dtv__content--without-data tr:first-child td,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr:first-child td,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr:first-child td,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr:first-child td,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr:first-child td,.Table__topup .Table--dtv tbody.dtv__content--without-data tr:first-child td {
    padding: 2rem 2rem 0
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody.dtv__content--without-data tr:first-child td,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr:first-child td,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr:first-child td,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr:first-child td,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr:first-child td,.Table__topup .Table--dtv tbody.dtv__content--without-data tr:first-child td {
        padding:0
    }
}

.row--dtv .Table--dtv tbody.dtv__content--without-data tr:first-child td div,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr:first-child td div,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr:first-child td div,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr:first-child td div,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr:first-child td div,.Table__topup .Table--dtv tbody.dtv__content--without-data tr:first-child td div {
    padding: 0 0 2.4rem;
    margin: 0!important
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody.dtv__content--without-data tr:first-child td div,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr:first-child td div,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr:first-child td div,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr:first-child td div,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr:first-child td div,.Table__topup .Table--dtv tbody.dtv__content--without-data tr:first-child td div {
        padding:2.4rem 0
    }
}

.row--dtv .Table--dtv tbody.dtv__content--without-data tr p,.row--dtv .Table--dtv tbody.dtv__content--without-data tr span,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr p,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr span,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr p,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr span,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr p,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr span,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr p,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr span,.Table__topup .Table--dtv tbody.dtv__content--without-data tr p,.Table__topup .Table--dtv tbody.dtv__content--without-data tr span {
    padding-left: 0
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody.dtv__content--without-data tr p,.row--dtv .Table--dtv tbody.dtv__content--without-data tr span,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr p,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr span,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr p,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr span,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr p,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr span,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr p,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr span,.Table__topup .Table--dtv tbody.dtv__content--without-data tr p,.Table__topup .Table--dtv tbody.dtv__content--without-data tr span {
        padding-left:2.4rem
    }
}

.row--dtv .Table--dtv tbody.dtv__content--without-data tr.last-section td,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr.last-section td,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr.last-section td,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr.last-section td,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr.last-section td,.Table__topup .Table--dtv tbody.dtv__content--without-data tr.last-section td {
    padding: 1.4rem 2.4rem 2.4rem
}

@media only screen and (min-width: 36em) {
    .row--dtv .Table--dtv tbody.dtv__content--without-data tr.last-section td,.row--trial-history .Table--dtv tbody.dtv__content--without-data tr.last-section td,.row__invoice-overview .Table--dtv tbody.dtv__content--without-data tr.last-section td,.row__payments-and-refunds .Table--dtv tbody.dtv__content--without-data tr.last-section td,.Table__invoices .Table--dtv tbody.dtv__content--without-data tr.last-section td,.Table__topup .Table--dtv tbody.dtv__content--without-data tr.last-section td {
        padding:2.6rem 0 3rem
    }
}

.row__invoice-overview h1 {
    margin-bottom: 5.6rem
}

@media only screen and (min-width: 36em) {
    .row__invoice-overview h1 {
        margin-bottom:6.4rem
    }
}

.Table__invoices .Table,.Table__topup .Table {
    display: block;
    border: 0
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table,.Table__topup .Table {
        display:table
    }
}

.Table__invoices .Table thead,.Table__topup .Table thead {
    display: none
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table thead,.Table__topup .Table thead {
        display:table-header-group
    }
}

.Table__invoices .Table thead th,.Table__topup .Table thead th {
    text-align: center
}

.Table__invoices .Table tbody,.Table__topup .Table tbody {
    display: block
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table tbody,.Table__topup .Table tbody {
        display:table-row-group
    }
}

.Table__invoices .Table tr,.Table__topup .Table tr {
    padding: 1rem 2rem 2rem;
    border-bottom: 0;
    display: block
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table tr,.Table__topup .Table tr {
        display:table-row;
        border-bottom: 0;
        padding: 0
    }
}

.Table__invoices .Table tr:last-child,.Table__topup .Table tr:last-child {
    border-bottom: none
}

.Table__invoices .Table td,.Table__topup .Table td {
    font-size: 1.8rem
}

.Table__invoices .Table td,.Table__invoices .Table th,.Table__topup .Table td,.Table__topup .Table th {
    text-align: left;
    display: block;
    border: 0;
    padding: .5rem 0;
    white-space: nowrap
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table td,.Table__invoices .Table th,.Table__topup .Table td,.Table__topup .Table th {
        display:table-cell;
        border: 0;
        padding: 2.2rem;
        line-height: 2.4rem;
        text-align: center
    }
}

.Table__invoices .Table td.align-center,.Table__invoices .Table th.align-center,.Table__topup .Table td.align-center,.Table__topup .Table th.align-center {
    text-align: center
}

.Table__invoices .Table td:nth-child(3),.Table__topup .Table td:nth-child(3) {
    text-align: left
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table td:nth-child(3),.Table__topup .Table td:nth-child(3) {
        text-align:right
    }
}

.Table__invoices .Table td:nth-child(4),.Table__topup .Table td:nth-child(4) {
    display: block
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table td:nth-child(4),.Table__topup .Table td:nth-child(4) {
        display:table-cell
    }
}

.Table__invoices .Table td:nth-child(5),.Table__topup .Table td:nth-child(5) {
    display: block
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table td:nth-child(5),.Table__topup .Table td:nth-child(5) {
        display:table-cell
    }
}

.Table__invoices .Table th,.Table__topup .Table th {
    font-size: 1.4rem;
    border: 0
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table th,.Table__topup .Table th {
        border:0
    }
}

.Table__invoices .Table .button--table,.Table__topup .Table .button--table {
    margin: -.5rem 0
}

.Table__invoices .Table .icon-file,.Table__topup .Table .icon-file {
    overflow: inherit
}

.Table__invoices .Table.par-table thead tr th,.Table__topup .Table.par-table thead tr th {
    background-color: transparent;
    color: #766f6b;
    width: 15%;
    border: none
}

.Table__invoices .Table.par-table tbody tr,.Table__topup .Table.par-table tbody tr {
    border-radius: 5px;
    background-color: #fff
}

.Table__invoices .Table.par-table tbody tr td,.Table__topup .Table.par-table tbody tr td {
    display: inline-block;
    border: none;
    text-align: right
}

.Table__invoices .Table.par-table tbody tr td:first-child,.Table__invoices .Table.par-table tbody tr td:nth-child(2),.Table__topup .Table.par-table tbody tr td:first-child,.Table__topup .Table.par-table tbody tr td:nth-child(2) {
    display: inline-block;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table.par-table tbody tr td:first-child,.Table__invoices .Table.par-table tbody tr td:nth-child(2),.Table__topup .Table.par-table tbody tr td:first-child,.Table__topup .Table.par-table tbody tr td:nth-child(2) {
        display:table-cell;
        width: 15%;
        text-align: left
    }
}

.sort-section {
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
    width: 1rem
}

.sort-section .arrow--up {
    float: left;
    margin-bottom: .3rem;
    border-left: .3rem solid transparent;
    border-right: .3rem solid transparent;
    border-bottom: .4rem solid #fff;
    cursor: pointer
}

.sort-section .arrow--up:after {
    display: none
}

.sort-section .arrow--down {
    float: left;
    clear: both;
    border-left: .3rem solid transparent;
    border-right: .3rem solid transparent;
    border-top: .4rem solid #fff;
    cursor: pointer
}

.sort-section .arrow--down:after {
    display: none
}

.sort-section .arrow--down.disabled,.sort-section .arrow--up.disabled {
    cursor: default;
    opacity: .5
}

.row--dtv {
    margin: .8rem;
    overflow: auto
}

@media only screen and (min-width: 36em) {
    .row--dtv {
        margin:0 -1rem
    }
}

.row--network .network-details__data,.row--network .network-details__title {
    font-size: 1.4rem
}

@media only screen and (min-width: 36em) {
    .row--network .network-details__data,.row--network .network-details__title {
        font-size:1.6rem
    }
}

.row--network .network-details .first-section {
    display: none
}

@media only screen and (min-width: 36em) {
    .row--network .network-details .first-section {
        display:table-row
    }
}

.row--network .network-details .first-section td {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

.row--network .network-details .first-section td:last-child {
    width: 45%
}

.row--network .network-details .second-section {
    display: block
}

@media only screen and (min-width: 36em) {
    .row--network .network-details .second-section {
        display:none
    }
}

.row--network .network-details .second-section td {
    display: block
}

.row--network .network-details .second-section td:not(:first-child) {
    padding-top: 0
}

.described-action {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.described-action__action {
    display: inline-block
}

.described-action__link {
    font-size: 1.2rem;
    font-weight: 700
}

.described-action__description {
    display: inline-block;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.described-action__description p {
    margin: 0
}

.described-action>:first-child {
    margin-right: 2rem
}

.disabled-content {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    padding: 2.4rem;
    background: #fff;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .disabled-content {
        width:100%;
        flex-direction: row;
        text-align: initial;
        padding: 3.2rem
    }
}

.disabled-content__disabled-section {
    width: 100%;
    margin-left: 0;
    margin-top: 1.6rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .disabled-content__disabled-section {
        margin-top:0;
        margin-left: 2.4rem;
        flex-direction: row
    }
}

.disabled-content__disabled-section .disabled-section__description-section {
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 36em) {
    .disabled-content__disabled-section .disabled-section__description-section {
        margin-bottom:0
    }
}

.disabled-content__disabled-section .disabled-section__description-section .description-section__subtext {
    margin-top: .8rem;
    font-size: 1.6rem;
    line-height: 2rem
}

@media only screen and (min-width: 36em) {
    .disabled-content__disabled-section .disabled-section__description-section .description-section__subtext {
        margin-top:0
    }
}

.disabled-content__selected-bars {
    width: 8%;
    height: .5rem;
    margin: -2.4rem auto 1.8rem;
    background: #c95942
}

@media only screen and (min-width: 36em) {
    .disabled-content__selected-bars {
        width:.6rem;
        height: 2.4rem;
        margin: 2rem 2.6rem 0 -3rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .discount-use__products {
        width:32.3%;
        margin: 1rem
    }
}

.discount-use__products__info {
    min-height: 5.4rem
}

@media only screen and (min-width: 48.0625em) {
    .discount-use__products__info {
        min-height:8.4rem
    }
}

.discount-use__products__info-image {
    min-width: 6.5rem
}

@media only screen and (min-width: 48.0625em) {
    .discount-use__products__info-image {
        min-width:10rem
    }
}

.discount-use__products__info-image img {
    max-width: 6.5rem;
    max-height: 5.4rem
}

@media only screen and (min-width: 48.0625em) {
    .discount-use__products__info-image img {
        max-width:10rem;
        max-height: 8.4rem
    }
}

.discount-use__products__info-icon {
    min-width: 5.4rem;
    height: 5.4rem
}

@media only screen and (min-width: 48.0625em) {
    .discount-use__products__info-icon {
        min-width:8.4rem;
        height: 8.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .discount-use__products__info-name {
        max-height:8.4rem
    }
}

.discount-use.slick-carousel__slider.slick-slider .slick-slider-button__highlight {
    z-index: 9
}

@media only screen and (min-width: 48.0625em) {
    .discount-use.slick-carousel__slider.slick-slider .slick-slider-button__highlight.arrow--right {
        left:97%
    }
}

@media only screen and (min-width: 74.5em) {
    .discount-use.slick-carousel__slider.slick-slider .slick-slider-button__highlight.arrow--right {
        left:112rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .discount-use.slick-carousel__slider.slick-slider .slick-slider-button__highlight.arrow--left {
        left:-1%
    }
}

@media only screen and (min-width: 74.5em) {
    .discount-use.slick-carousel__slider.slick-slider .slick-slider-button__highlight.arrow--left {
        left:-5rem
    }
}

.discount-use.slick-carousel__slider.slick-slider.discount-use__slider__min-items .slick-list {
    overflow: visible
}

.discount-use--left__details__image-closed,.discount-use--left__details__image-open {
    height: 5.9rem;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat
}

@media only screen and (min-width: 48.0625em) {
    .discount-use--left__details__image-closed,.discount-use--left__details__image-open {
        width:15.2rem;
        height: 12.2rem
    }
}

.discount-use--left__details__image-closed {
    background-image: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/closedbox-mobile.svg)
}

@media only screen and (min-width: 48.0625em) {
    .discount-use--left__details__image-closed {
        background-image:url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/closedbox-desktop.svg)
    }
}

.discount-use--left__details__image-open {
    background-image: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/openbox-mobile.svg)
}

@media only screen and (min-width: 48.0625em) {
    .discount-use--left__details__image-open {
        background-image:url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/openbox-desktop.svg)
    }
}

@media only screen and (min-width: 48.0625em) {
    .discount-use--conditions {
        width:50%
    }
}

.discount-use--overview__details-data__progress-left {
    margin-top: 2.2rem
}

@media only screen and (min-width: 48.0625em) {
    .discount-use--overview__details-data__progress-left {
        margin-top:4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .discount-use--overview__details-data__status__price {
        width:50%
    }
}

.discount-use--overview__details-data__status__date__delivery {
    width: 50%
}

@media only screen and (min-width: 48.0625em) {
    .discount-use--overview__details-data__status__date__delivery {
        width:unset
    }
}

.discount-use--overview__details-data .discount-use--overview__details__image img {
    max-height: 5rem
}

.discount-use--overview__details__image {
    width: 10rem;
    height: auto
}

@media only screen and (min-width: 48.0625em) {
    .discount-use--overview__details__image {
        width:22.8rem
    }
}

.discount-use--overview__details__image img {
    max-height: 17.6rem
}

.discount-use--overview__details__image-icon {
    width: 85%;
    height: 100%
}

@media only screen and (min-width: 74.5em) {
    .discount-use--overview__details__image-icon {
        width:78%
    }
}

.discount-use--overview__view-discount {
    margin: 0 -2.4rem -3rem
}

@media only screen and (min-width: 36em) {
    .discount-use--overview__view-discount {
        margin:0 -3.2rem -4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .discount-use--overview__view-discount {
        margin:0
    }
}

@media only screen and (min-width: 48.0625em) {
    .discount-use--overview__view-discount .header-accordion--content {
        overflow-x:auto
    }
}

.entertainment-packs--cards-container {
    padding: 1rem
}

.entertainment-packs--body {
    height: 27.8rem
}

.entertainment-packs--footer {
    height: 5.2rem
}

.form-group__changePinCode .form-helper,.form-group__changePinCode label {
    display: block
}

@media only screen and (min-width: 36em) {
    .form-group__changePinCode .form-helper,.form-group__changePinCode label {
        display:inline-block
    }
}

.form-group__changePinCode .form__singleNumberInput {
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .form-group__changePinCode .form__singleNumberInput {
        margin-left:1.5rem;
        margin-bottom: 0
    }
}

.form-group__changePinCode .form__singleNumberInput+.form__singleNumberInput {
    margin-left: 1rem
}

.form-group__changePinCode .pincode-desktop {
    display: none
}

@media only screen and (min-width: 36em) {
    .form-group__changePinCode .pincode-desktop {
        display:inline
    }
}

.form-group__changePinCode .pincode-moblie {
    display: block
}

@media only screen and (min-width: 36em) {
    .form-group__changePinCode .pincode-moblie {
        display:none
    }
}

.form__single-line {
    display: inline-flex
}

.form__single-line .form__single-line-block:not(:first-child) {
    margin-left: 1rem
}

.Form,.form {
    padding: 3rem 2rem
}

.Form+.Form,.form+.Form,.Form+.form,.form+.form {
    margin-top: 3.5rem
}

.form-group {
    margin-bottom: 2rem
}

.form-group:last-child {
    margin-bottom: 0
}

.form-group__field {
    display: flex;
    align-items: baseline;
    margin: .5rem 2rem .5rem 0
}

.form-group__field.form-group__field--column {
    flex-direction: column;
    align-items: flex-start
}

.form-group__field.form-group__field--large {
    margin: 1.25rem 0
}

.form-group__field.form-group__field--half {
    width: 50%
}

.form-group__field.form-group__field--inline {
    display: inline-flex;
    align-items: center
}

.form-group__field:last-of-type {
    margin-bottom: 0
}

.form-helper {
    display: block
}

.form-helper.form-helper--inline {
    display: inline-block
}

.form-text {
    font-size: 1.2rem;
    font-weight: 400
}

.error-msg,.form__msg--error,.formErrorInput {
    font-size: 1.2rem;
    font-weight: 700;
    color: #c95942;
    background: transparent;
    max-width: 100%;
    padding: 0
}

.form__msg--warning {
    font-size: 1.2rem;
    font-weight: 700;
    color: #f7945c
}

.formInfoInput {
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.disabled-elements input,.disabled-elements textarea {
    background-color: transparent;
    border-color: #dddbda;
    color: #291d18;
    pointer-events: none
}

.disabled-elements .radio input[type=radio].radio-input {
    pointer-events: none
}

.disabled-elements .checkbox input[type=checkbox].checkbox-input {
    pointer-events: none
}

.disabled-elements .checkbox input[type=checkbox].checkbox-input+.checkbox-control.form-helper:before,.disabled-elements .checkbox input[type=checkbox].checkbox-input+label.checkbox-control:before {
    box-shadow: 0 0 0 0 #766f6b
}

.disabled-elements .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input {
    pointer-events: none
}

.disabled-elements .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input+.CheckboxSwitch-control.form-helper,.disabled-elements .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input+label.CheckboxSwitch-control {
    cursor: default
}

.disabled-elements .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input+.CheckboxSwitch-control.form-helper:after,.disabled-elements .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input+label.CheckboxSwitch-control:after {
    border: .1rem solid #e5e3e3
}

.disabled-elements .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper,.disabled-elements .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control {
    cursor: default
}

.disabled-elements .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+.CheckboxSwitch-control.form-helper:before,.disabled-elements .CheckboxSwitch input[type=checkbox].CheckboxSwitch-input:checked+label.CheckboxSwitch-control:before {
    background: #ffc421
}

.disabled-elements .form-helper,.disabled-elements .FormGroup__label,.disabled-elements label {
    pointer-events: none;
    opacity: .4
}

.disabled-elements a {
    pointer-events: none;
    color: #f7945c
}

.disabled-elements a.account-selector__link {
    pointer-events: auto;
    color: #291d18
}

.disabled-elements .button {
    pointer-events: none;
    opacity: .48;
    background-color: #ffc421;
    color: #291d18
}

.group-bundles {
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .group-bundles {
        flex-direction:row
    }
}

.group-bundles .group-bundles-item {
    flex-direction: column;
    width: auto;
    border-radius: .5rem;
    margin-top: .8rem
}

@media only screen and (min-width: 48.0625em) {
    .group-bundles .group-bundles-item {
        width:calc(50% - 1rem);
        flex-direction: row;
        margin-top: 1.6rem;
        height: 8.8rem
    }
}

.group-bundles .group-bundles-item:nth-of-type(odd) {
    margin-right: 0
}

@media only screen and (min-width: 48.0625em) {
    .group-bundles .group-bundles-item:nth-of-type(odd) {
        margin-right:2rem
    }
}

.group-bundles .group-bundles-item .group-bundles-item-name {
    width: auto;
    border-right: 0;
    border-bottom: .1rem solid #f7f6f6;
    padding: 2.4rem;
    margin-bottom: 0;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .group-bundles .group-bundles-item .group-bundles-item-name {
        width:70%;
        border-right: .1rem solid #f7f6f6;
        border-bottom: 0;
        padding: 3.2rem 2.4rem
    }
}

.group-bundles .group-bundles-item .group-bundles-price {
    width: auto;
    padding: 1.4rem 2.4rem 1.6rem;
    display: flex;
    justify-content: space-between;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .group-bundles .group-bundles-item .group-bundles-price {
        width:30%;
        padding: 3.2rem 2.4rem
    }
}

.group-bundles .group-bundles-item .group-bundles-price .form-helper,.group-bundles .group-bundles-item .group-bundles-price label {
    cursor: default;
    font-size: 1.8rem
}

.hardware-product .cards--container {
    height: 100%
}

.hardware-product__badge span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 3rem;
    margin: 0 0 1.2rem
}

.hardware-product .badge--card--recommended {
    min-width: 50%
}

.hardware-product__content__first {
    flex: 1
}

.hardware-product__content__image {
    height: 22.3rem
}

.hardware-product__content__image img {
    max-height: 22.3rem
}

.hardware-product__content__header div {
    min-height: 2rem
}

.hardware-product__content__configurations-color {
    height: 1.6rem;
    width: 1.6rem
}

.hardware-product__content__price .price-discount {
    line-height: 0
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product__content__footer-compare {
        float:none
    }
}

.hardware-product .form__checkbox input[type=checkbox].form__checkbox__input+.form__checkbox__label.form-helper:before,.hardware-product .form__checkbox input[type=checkbox].form__checkbox__input+label.form__checkbox__label:before {
    border-width: .3rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product .form__checkbox input[type=checkbox].form__checkbox__input+.form__checkbox__label.form-helper:before,.hardware-product .form__checkbox input[type=checkbox].form__checkbox__input+label.form__checkbox__label:before {
        vertical-align:text-top
    }
}

@media only screen and (max-width: 48.0525em) {
    .hardware-product--nav {
        margin:0 2rem 12rem
    }
}

.hardware-product--nav__items {
    border-bottom: .2rem solid #eeeded
}

.hardware-product--nav__items-name .icon {
    font-size: 1.6rem
}

.hardware-product--nav__items .form__checkbox input[type=checkbox].form__checkbox__input+.form__checkbox__label.form-helper:after,.hardware-product--nav__items .form__checkbox input[type=checkbox].form__checkbox__input+label.form__checkbox__label:after {
    left: 0
}

.hardware-product--nav__items-range__link {
    margin: 2.8rem 0 .4rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--nav__items-range__link {
        margin:1.6rem 0 0
    }
}

.hardware-product--nav__items-range .Form__input--placeholder {
    width: 100%
}

.hardware-product--nav__items-range .Form__input--placeholder .form__input,.hardware-product--nav__items-range .Form__input--placeholder.form__input-container--invalid {
    max-width: 100%
}

.hardware-product--nav__items-range .Form__input--placeholder .form__input::-moz-placeholder {
    color: #291d18
}

.hardware-product--nav__items-range .Form__input--placeholder .form__input:-ms-input-placeholder {
    color: #291d18
}

.hardware-product--nav__items-range .Form__input--placeholder .form__input::placeholder {
    color: #291d18
}

.hardware-product--nav__items-range .form__input__invalid-message {
    max-width: 100%
}

.hardware-product--nav__items-range__button.button:not([class*=section]) {
    min-width: 100%
}

@media only screen and (min-width: 74.5em) {
    .hardware-product--info {
        margin-left:14rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--info__content-desc {
        max-width:54rem
    }
}

.hardware-product--info__content-desc__content:after {
    content: "..."
}

.hardware-product--info__content-desc .hardware-product--info__content-desc__link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.hardware-product--info__content__configurations .radio-checkbox {
    width: 13rem;
    height: calc(100% - 1.6rem);
    min-height: 12.8rem;
    justify-content: center
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--info__content__configurations .radio-checkbox {
        width:26.8rem;
        height: calc(100% - 2.4rem)
    }
}

.hardware-product--info__content__configurations .radio-checkbox--background .hardware-product--info__content__configurations-color__span__white {
    box-shadow: 0 0 0 .1rem #766f6b
}

.hardware-product--info__content__configurations .radio-checkbox--background.radio-checkbox--background--active .hardware-product--info__content__configurations-color__span.hardware-product--info__content__configurations-color__span__green,.hardware-product--info__content__configurations .radio-checkbox--background:active .hardware-product--info__content__configurations-color__span.hardware-product--info__content__configurations-color__span__green {
    border: .2rem solid #fff
}

.hardware-product--info__content__configurations .radio-checkbox--background--disabled .hardware-product--info__content__configurations-color__span__white {
    box-shadow: 0 0 0 .1rem #766f6b
}

.hardware-product--info__content__configurations-color__span {
    width: 3.2rem;
    height: 3.2rem
}

.hardware-product--info__content__configurations-color__span__white {
    box-shadow: 0 0 0 .1rem #766f6b
}

.hardware-product--info__content__configurations-color,.hardware-product--info__content__configurations-size,.hardware-product--info__content__configurations-type {
    flex-wrap: wrap
}

.hardware-product--info__content__configurations-color__checkbox,.hardware-product--info__content__configurations-size__checkbox,.hardware-product--info__content__configurations-type__checkbox {
    margin-right: 2rem
}

.hardware-product--info__content__configurations-size__label {
    margin-top: 5.2rem
}

.hardware-product--info__content-price__actual {
    padding-right: .4rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--info__content-price__actual {
        padding-right:.8rem
    }
}

.hardware-product--info__content-price__actual__amount {
    font-size: 4rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--info__content-price__actual__amount {
        font-size:4rem
    }
}

.hardware-product--info__content.hardware-product--info__content__order {
    float: none
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--info__content.hardware-product--info__content__order {
        display:inline-flex!important;
        float: right;
        margin-top: 1rem
    }
}

.hardware-product--info__content.hardware-product--info__content__order p {
    margin-top: 1.5rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--info__content.hardware-product--info__content__order p {
        margin-top:0
    }
}

.hardware-product--info__content.hardware-product--info__content__order button {
    margin-top: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--info__content.hardware-product--info__content__order button {
        margin-top:0
    }
}

.hardware-product--info__content .configurations--disabled {
    opacity: .4
}

.hardware-product--info__content .configurations--disabled .radio-checkbox {
    pointer-events: none
}

.hardware-product--info__content .configurations--disabled .radio-checkbox:active {
    background: #f7f6f6;
    border: .2rem solid #f7f6f6
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--info__content__badges {
        flex-wrap:wrap
    }
}

.hardware-product--info__content__badges span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 3rem
}

@media only screen and (max-width: 48.0525em) {
    .hardware-product--info__content__badges span:last-child {
        margin:0
    }
}

.hardware-product--info__content__badges .badge--card--recommended {
    min-width: 11rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--info__content__add-discount.mat-select {
        width:70%
    }
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--info__content__add-discount.mat-select .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow:after {
        left:1.4rem
    }
}

.hardware-product--descriptions__content__details,.hardware-product--offer-details__content__details,.hardware-product--specifications__content__details {
    padding-top: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--descriptions__content__details,.hardware-product--offer-details__content__details,.hardware-product--specifications__content__details {
        padding-top:1.6rem
    }
}

.hardware-product--descriptions__content__details>* {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif!important
}

.hardware-product--specifications__content__details-data .tooltip__info-section__image {
    width: 28rem;
    border: unset
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--specifications__content__details-data .tooltip__info-section__image {
        width:36rem;
        border: .1rem solid #eeeded
    }
}

.hardware-product--summary__details__header .icon:before {
    vertical-align: middle
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--summary__details__header-title {
        vertical-align:sub
    }
}

.hardware-product--icons {
    margin-top: 4.9rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--icons {
        margin-top:15rem
    }
}

.hardware-product--icons li {
    list-style: none;
    width: 7rem;
    margin-right: 6.5rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--icons li {
        width:9rem;
        margin-right: 3.2rem
    }
}

.hardware-product--login {
    display: flex
}

.hardware-product__filter .hardware-sticky-header.sticky-header {
    padding: .8rem 2rem
}

.cdk-overlay-container .hardware-product--info__content__add-discount__panel.mat-select-panel {
    min-width: 100%!important;
    top: 3rem;
    box-shadow: .1rem .3rem .8rem 0 rgba(30,37,74,.09)
}

.included-options {
    border-top: .1rem solid #eeeded;
    padding-top: 2rem
}

.included-options__heading {
    margin-bottom: 2.4rem
}

.included-options .cards--container .cards--body__inner-content {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .included-options .cards--container .cards--body__inner-content {
        width:calc(100vw - 75%)
    }
}

.included-options .cards--container .cards--body--inner-container {
    display: flex;
    justify-content: space-between;
    padding: 2rem 0 4rem;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .included-options .cards--container .cards--body--inner-container {
        flex-direction:row
    }
}

.included-options .cards--container .cards--body--inner-container div {
    flex-grow: 1
}

.included-options .cards--container .cards--body__inner-image {
    width: 14.5rem;
    max-width: 14.5rem;
    display: none;
    margin: 0 auto;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .included-options .cards--container .cards--body__inner-image {
        display:inline-flex
    }
}

.included-options .cards--container .cards--body__button-content {
    text-align: right
}

.included-options .cards--container .cards--body__inner-heading {
    line-height: 3.2rem
}

.included-options .cards--container .cards--body__badge-content {
    margin: .8rem 0;
    padding: 0 2rem
}

.included-options .cards--container .cards--body__badge-content .badge {
    text-transform: none;
    height: auto;
    position: relative;
    background: none;
    padding-left: 2rem
}

.included-options .cards--container .cards--body__badge-content .badge:before {
    position: absolute;
    left: 0
}

.included-options .cards--container .cards--body__link-content {
    margin: .8rem 0
}

@media only screen and (min-width: 36em) {
    .included-options .cards--container .cards--body .price {
        text-align:right
    }
}

.overlay-page .intent-finder {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .overlay-page .intent-finder {
        padding:0 1.6rem
    }
}

.overlay-page .sticky-footer .intent-finder {
    padding: 0
}

@media only screen and (min-width: 36em) {
    .overlay-page .sticky-footer .intent-finder {
        padding:0
    }
}

@media only screen and (min-width: 48.0625em) {
    .overlay-page .sticky-footer .intent-finder {
        padding:0
    }
}

.intent-finder.animated-content-fade-in {
    position: relative;
    opacity: 0;
    -webkit-animation: content-fade-in-up 1.3s ease;
    animation: content-fade-in-up 1.3s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.intent-finder.animated-content-fade-in--delay {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s
}

.intent-finder__container--max-width-default {
    max-width: 36.4rem
}

.intent-finder__container--start-again-bar {
    position: relative
}

.sticky-footer .intent-finder__container--start-again-bar {
    margin: 0
}

@media only screen and (min-width: 36em) {
    .sticky-footer .intent-finder__container--start-again-bar {
        margin-left:4.2rem
    }
}

.sticky-footer .intent-finder__container--start-again-bar--logo {
    display: none
}

@media only screen and (min-width: 36em) {
    .sticky-footer .intent-finder__container--start-again-bar--logo {
        display:block;
        position: relative;
        top: 1.8rem;
        float: right
    }
}

.intent-finder__container--results {
    margin-bottom: 13.4rem
}

.intent-finder__container--results.animated-content-fade-in--delay {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.intent-finder__container--animated-content-fade-in {
    position: relative;
    opacity: 0;
    -webkit-animation: content-fade-in-up 1.3s ease;
    animation: content-fade-in-up 1.3s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.intent-finder__container.intent-finder__container--delay--after-list-1 {
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s
}

.intent-finder__container.intent-finder__container--delay--after-list-2 {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s
}

.intent-finder__container.intent-finder__container--delay--after-list-3 {
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s
}

.intent-finder__container.intent-finder__container--delay--after-list-4 {
    -webkit-animation-delay: 4.7s;
    animation-delay: 4.7s
}

.intent-finder__container.intent-finder__container--delay--after-list-5 {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s
}

.intent-finder__container.intent-finder__container--delay--after-list-6 {
    -webkit-animation-delay: 4.9s;
    animation-delay: 4.9s
}

.intent-finder__container.intent-finder__container--delay--after-list-7 {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.intent-finder__container.intent-finder__container--delay--after-list-8 {
    -webkit-animation-delay: 5.1s;
    animation-delay: 5.1s
}

.intent-finder__container.intent-finder__container--delay--after-list-9 {
    -webkit-animation-delay: 5.2s;
    animation-delay: 5.2s
}

.intent-finder__container.intent-finder__container--delay--after-list-10 {
    -webkit-animation-delay: 5.3s;
    animation-delay: 5.3s
}

.intent-finder__container.intent-finder__container--delay--after-list-11 {
    -webkit-animation-delay: 5.4s;
    animation-delay: 5.4s
}

.intent-finder__container.intent-finder__container--delay--after-list-12 {
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s
}

.intent-finder__container.intent-finder__container--delay--after-list-13 {
    -webkit-animation-delay: 5.6s;
    animation-delay: 5.6s
}

.intent-finder__container.intent-finder__container--delay--after-list-14 {
    -webkit-animation-delay: 5.7s;
    animation-delay: 5.7s
}

.intent-finder__container.intent-finder__container--delay--after-list-15 {
    -webkit-animation-delay: 5.8s;
    animation-delay: 5.8s
}

.intent-finder__container.intent-finder__container--delay--after-list-16 {
    -webkit-animation-delay: 5.9s;
    animation-delay: 5.9s
}

.intent-finder__container.intent-finder__container--delay--after-list-17 {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.intent-finder__container.intent-finder__container--delay--after-list-18 {
    -webkit-animation-delay: 6.1s;
    animation-delay: 6.1s
}

.intent-finder__container.intent-finder__container--delay--after-list-19 {
    -webkit-animation-delay: 6.2s;
    animation-delay: 6.2s
}

.login-message {
    padding: 0 1.6rem;
    max-width: 113.2rem;
    margin: 2.4rem auto
}

.login-message .notification {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 1rem 2rem;
    flex-wrap: wrap
}

@media only screen and (min-width: 36em) {
    .login-message .notification {
        flex-wrap:nowrap
    }
}

.login-message .notification span {
    flex-basis: 100%
}

@media only screen and (min-width: 36em) {
    .login-message .notification span {
        flex-basis:auto;
        width: 100%
    }
}

.login-message .notification .button {
    white-space: nowrap;
    margin-left: 0
}

.panel__bar {
    align-items: center
}

.panel__bar>.row {
    margin: 0
}

.panel__bar .panel__bar-message {
    font-size: 1.2rem
}

@media only screen and (max-width: 35.99em) {
    .panel__bar .panel__bar-message {
        padding:0
    }
}

.panel__bar .panel__bar-message * {
    margin: 0 0 1rem
}

@media only screen and (min-width: 36em) {
    .panel__bar .panel__bar-message * {
        margin-top:.85rem
    }
}

.panel__bar .panel__bar-action {
    text-align: left
}

@media only screen and (max-width: 35.99em) {
    .panel__bar .panel__bar-action {
        padding:0
    }
}

@media only screen and (min-width: 36em) {
    .panel__bar .panel__bar-action {
        text-align:right
    }
}

.panel__bar .panel__bar-action .form-helper,.panel__bar .panel__bar-action label {
    display: block;
    font-size: 1.6rem
}

.panel__bar .panel__bar-action .Select {
    display: block;
    margin-top: 1rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .panel__bar .panel__bar-action .Select {
        margin-top:0;
        margin-left: 1rem;
        display: inline-block;
        width: auto
    }
}

.panel__bar .panel__bar-action .table-select-dropdown {
    text-align: left
}

.panel__bar .panel__bar-action .select-dropdown-section .select-dropdown {
    background: transparent
}

.panel__bar .label--sort {
    line-height: 1;
    text-transform: uppercase;
    color: #655c58
}

@media only screen and (min-width: 36em) {
    .panel__bar .label--sort {
        line-height:2.8rem;
        padding-top: .5rem
    }
}

.notification-disclaimer {
    padding: 2rem
}

.notification-disclaimer .icon-status-info {
    color: #999391;
    font-size: 3.2rem;
    line-height: 3;
    font-weight: 400
}

.notification-disclaimer__title {
    margin-bottom: 3rem;
    font-size: 1.8rem;
    line-height: 1.2;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #999391
}

.notification-disclaimer__desc {
    margin-bottom: 0
}

.notification-disclaimer__desc a {
    font-size: 1.6rem!important
}

.page-skeleton {
    height: 100vh;
    z-index: 5000
}

@-webkit-keyframes animation-care-title {
    0% {
        left: 0;
        top: 50rem
    }

    50% {
        left: 0;
        top: 20rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-care-title {
    0% {
        left: 0;
        top: 50rem
    }

    50% {
        left: 0;
        top: 20rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-care-first-section {
    0% {
        left: 0;
        top: 5rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-care-first-section {
    0% {
        left: 0;
        top: 5rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-care-first-section-title {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-care-first-section-title {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-care-first-section-subtitle-one {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-care-first-section-subtitle-one {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-care-first-section-subtitle-two {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-care-first-section-subtitle-two {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-second-section {
    0% {
        left: 0;
        top: 5rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-second-section {
    0% {
        left: 0;
        top: 5rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-second-sub-section-title {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-second-sub-section-title {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-second-section-sub-content {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-second-section-sub-content {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-second-section-subtitle-two {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-second-section-subtitle-two {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-second-third-section-title {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-second-third-section-title {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-third-section {
    0% {
        left: 0;
        top: 5rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-third-section {
    0% {
        left: 0;
        top: 5rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-third-section-sub-content-one {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-third-section-sub-content-one {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-third-section-sub-content-two {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-third-section-sub-content-two {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-third-section-sub-content-three {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-third-section-sub-content-three {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-third-section-sub-content-four {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-third-section-sub-content-four {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-third-section-sub-content-five {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-third-section-sub-content-five {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-third-section-sub-content-sixth {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-third-section-sub-content-sixth {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-third-section-sub-content-seventh {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-third-section-sub-content-seventh {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-third-section-sub-content-eighth {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-third-section-sub-content-eighth {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-sales-first-section-first-element {
    0% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    to {
        width: 2.4rem;
        height: 2.4rem;
        visibility: visible
    }
}

@keyframes animation-sales-first-section-first-element {
    0% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    to {
        width: 2.4rem;
        height: 2.4rem;
        visibility: visible
    }
}

@-webkit-keyframes animation-sales-first-section-second-element {
    0% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    to {
        width: 10rem;
        height: .2rem;
        visibility: visible
    }
}

@keyframes animation-sales-first-section-second-element {
    0% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    to {
        width: 10rem;
        height: .2rem;
        visibility: visible
    }
}

@-webkit-keyframes animation-sales-first-section-third-element {
    0% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    50% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    to {
        width: 2.4rem;
        height: 2.4rem;
        visibility: visible
    }
}

@keyframes animation-sales-first-section-third-element {
    0% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    50% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    to {
        width: 2.4rem;
        height: 2.4rem;
        visibility: visible
    }
}

@-webkit-keyframes animation-sales-first-section-fourth-element {
    0% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    50% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    to {
        width: 10rem;
        height: .2rem;
        visibility: visible
    }
}

@keyframes animation-sales-first-section-fourth-element {
    0% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    50% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    to {
        width: 10rem;
        height: .2rem;
        visibility: visible
    }
}

@-webkit-keyframes animation-sales-first-section-fifth-element {
    0% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    50% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    to {
        width: 2.4rem;
        height: 2.4rem;
        visibility: visible
    }
}

@keyframes animation-sales-first-section-fifth-element {
    0% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    50% {
        width: 0;
        height: 0;
        visibility: hidden
    }

    to {
        width: 2.4rem;
        height: 2.4rem;
        visibility: visible
    }
}

@-webkit-keyframes animation-sales-second-section {
    0% {
        left: 0;
        top: 50rem
    }

    50% {
        left: 0;
        top: 30rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-sales-second-section {
    0% {
        left: 0;
        top: 50rem
    }

    50% {
        left: 0;
        top: 30rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-sales-second-section-first-subsection {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-sales-second-section-first-subsection {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-sales-second-section-first-subsection__content {
    0% {
        left: 0;
        top: 10rem
    }

    50% {
        left: 0;
        top: 5rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-sales-second-section-first-subsection__content {
    0% {
        left: 0;
        top: 10rem
    }

    50% {
        left: 0;
        top: 5rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-sales-second-subsection {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-sales-second-subsection {
    0% {
        left: 0;
        top: 50rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-sales-second-section-second-subsection__content {
    0% {
        left: 0;
        top: 50rem
    }

    50% {
        left: 0;
        top: 5rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-sales-second-section-second-subsection__content {
    0% {
        left: 0;
        top: 50rem
    }

    50% {
        left: 0;
        top: 5rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-sales-third-section {
    0% {
        left: 0;
        top: 50rem
    }

    50% {
        left: 0;
        top: 30rem
    }

    to {
        left: 0;
        top: 0
    }
}

@keyframes animation-sales-third-section {
    0% {
        left: 0;
        top: 50rem
    }

    50% {
        left: 0;
        top: 30rem
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes animation-sales-third-section__content {
    0% {
        left: 0;
        top: 50rem;
        visibility: hidden
    }

    50% {
        left: 0;
        top: 5rem;
        visibility: hidden
    }

    to {
        left: 0;
        top: 0;
        visibility: visible
    }
}

@keyframes animation-sales-third-section__content {
    0% {
        left: 0;
        top: 50rem;
        visibility: hidden
    }

    50% {
        left: 0;
        top: 5rem;
        visibility: hidden
    }

    to {
        left: 0;
        top: 0;
        visibility: visible
    }
}

@-webkit-keyframes shine {
    to {
        background-position: 100% 0
    }
}

@keyframes shine {
    to {
        background-position: 100% 0
    }
}

.page-skeleton--care__first-section .page-skeleton .first-section__subtitle-first,.page-skeleton--care__first-section .page-skeleton .first-section__subtitle-second,.page-skeleton--care__first-section .page-skeleton .first-section__title,.page-skeleton--care__second-section .page-skeleton .second-section__subtitle-two,.page-skeleton--care__second-section .page-skeleton .second-section__title,.page-skeleton--care__third-section .page-skeleton .third-section__title,.page-skeleton--care__third-section .third-section__sub-content-eighth .page-skeleton .sub-content-eighth__subtitle-eighth,.page-skeleton--care__third-section .third-section__sub-content-first .page-skeleton .sub-content-first__subtitle-first,.page-skeleton--care__third-section .third-section__sub-content-third .page-skeleton .sub-content-third__subtitle-third,.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fifth-content .page-skeleton .first-sub-content,.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fifth-content .page-skeleton .second-sub-content,.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fourth-content .page-skeleton .first-sub-content,.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fourth-content .page-skeleton .second-sub-content,.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__third-content .page-skeleton .first-sub-content,.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__third-content .page-skeleton .second-sub-content,.page-skeleton--sales__second-section .second-section__first-subsection .page-skeleton .first-subsection__first-content,.page-skeleton--sales__second-section .second-section__first-subsection .page-skeleton .first-subsection__second-content,.page-skeleton--sales__second-section .second-section__second-subsection .page-skeleton .second-subsection__first-content,.page-skeleton--sales__second-section .second-section__second-subsection .page-skeleton .second-subsection__second-content,.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fifth-content .page-skeleton .first-sub-content,.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fifth-content .page-skeleton .second-sub-content,.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fourth-content .page-skeleton .first-sub-content,.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fourth-content .page-skeleton .second-sub-content,.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__third-content .page-skeleton .first-sub-content,.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__third-content .page-skeleton .second-sub-content,.page-skeleton--sales__third-section .page-skeleton .third-section__fifth-element,.page-skeleton--sales__third-section .page-skeleton .third-section__first-element,.page-skeleton--sales__third-section .page-skeleton .third-section__fourth-element,.page-skeleton--sales__third-section .page-skeleton .third-section__second-element,.page-skeleton--sales__third-section .page-skeleton .third-section__sixth-element,.page-skeleton--sales__third-section .page-skeleton .third-section__third-element,.page-skeleton .background-animate,.page-skeleton .page-skeleton--care__first-section .first-section__subtitle-first,.page-skeleton .page-skeleton--care__first-section .first-section__subtitle-second,.page-skeleton .page-skeleton--care__first-section .first-section__title,.page-skeleton .page-skeleton--care__second-section .second-section__subtitle-two,.page-skeleton .page-skeleton--care__second-section .second-section__title,.page-skeleton .page-skeleton--care__third-section .third-section__sub-content-eighth .sub-content-eighth__subtitle-eighth,.page-skeleton .page-skeleton--care__third-section .third-section__sub-content-first .sub-content-first__subtitle-first,.page-skeleton .page-skeleton--care__third-section .third-section__sub-content-third .sub-content-third__subtitle-third,.page-skeleton .page-skeleton--care__third-section .third-section__title,.page-skeleton .page-skeleton--care__title,.page-skeleton .page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fifth-content .first-sub-content,.page-skeleton .page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fifth-content .second-sub-content,.page-skeleton .page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__first-content,.page-skeleton .page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fourth-content .first-sub-content,.page-skeleton .page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fourth-content .second-sub-content,.page-skeleton .page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__second-content,.page-skeleton .page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__third-content .first-sub-content,.page-skeleton .page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__third-content .second-sub-content,.page-skeleton .page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fifth-content .first-sub-content,.page-skeleton .page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fifth-content .second-sub-content,.page-skeleton .page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__first-content,.page-skeleton .page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fourth-content .first-sub-content,.page-skeleton .page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fourth-content .second-sub-content,.page-skeleton .page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__second-content,.page-skeleton .page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__third-content .first-sub-content,.page-skeleton .page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__third-content .second-sub-content,.page-skeleton .page-skeleton--sales__third-section .third-section__fifth-element,.page-skeleton .page-skeleton--sales__third-section .third-section__first-element,.page-skeleton .page-skeleton--sales__third-section .third-section__fourth-element,.page-skeleton .page-skeleton--sales__third-section .third-section__second-element,.page-skeleton .page-skeleton--sales__third-section .third-section__sixth-element,.page-skeleton .page-skeleton--sales__third-section .third-section__third-element {
    background-image: linear-gradient(100deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);
    background-repeat: repeat-y;
    background-size: 5rem 20rem;
    background-position: 0 0
}

.page-skeleton--care {
    padding: 0;
    margin-top: 22rem;
    margin-right: auto;
    margin-left: auto;
    background-color: #f7f6f6;
    max-width: 113.2rem
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care {
        padding:3rem 1rem;
        margin-top: 18rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .page-skeleton--care {
        padding:3rem 0
    }
}

.page-skeleton--care__title {
    position: relative;
    width: 50%;
    height: 2rem;
    margin: 3rem 3rem .5rem 1rem;
    background-color: #f7f6f6;
    -webkit-animation: animation-care-title .5s,shine .5s infinite;
    animation: animation-care-title .5s,shine .5s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__title {
        width:30%;
        margin: 2rem 0 .5rem;
        background-color: #f7f6f6
    }
}

.page-skeleton--care__first-section {
    position: relative;
    margin: 2rem 1rem 1rem;
    padding: 1rem;
    background-color: #fff;
    -webkit-animation-name: animation-care-first-section;
    animation-name: animation-care-first-section;
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__first-section {
        margin:2rem 0 0;
        padding: 1rem 2rem
    }
}

.page-skeleton--care__first-section .first-section__title {
    position: relative;
    width: 30%;
    height: 1.8rem;
    margin-bottom: .8rem;
    background-color: #f7f6f6;
    -webkit-animation: animation-care-first-section-title 1s,shine 1s infinite;
    animation: animation-care-first-section-title 1s,shine 1s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__first-section .first-section__title {
        width:20%;
        height: 2rem;
        margin-bottom: .8rem
    }
}

.page-skeleton--care__first-section .first-section__subtitle-first {
    position: relative;
    width: 40%;
    height: 1.5rem;
    margin-bottom: 1rem;
    background-color: #f7f6f6;
    -webkit-animation: animation-care-first-section-title 1.2s,shine 1.2s infinite;
    animation: animation-care-first-section-title 1.2s,shine 1.2s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__first-section .first-section__subtitle-first {
        width:30%;
        height: 1.5rem;
        margin-bottom: .8rem
    }
}

.page-skeleton--care__first-section .first-section__subtitle-second {
    position: relative;
    width: 50%;
    height: 1rem;
    background-color: #f7f6f6;
    -webkit-animation: animation-care-first-section-subtitle-two 1.4s,shine 1.4s infinite;
    animation: animation-care-first-section-subtitle-two 1.4s,shine 1.4s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__first-section .first-section__subtitle-second {
        width:35%;
        height: 1.5rem
    }
}

.page-skeleton--care__second-section {
    position: relative;
    margin: 1rem 1rem 0;
    padding: 1rem;
    background-color: #fff;
    -webkit-animation-name: animation-second-section;
    animation-name: animation-second-section;
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__second-section {
        margin:1rem 0 0;
        padding: 1rem 2rem
    }
}

.page-skeleton--care__second-section .second-section__title {
    position: relative;
    width: 30%;
    height: 1.5rem;
    margin-bottom: .8rem;
    background-color: #f7f6f6;
    -webkit-animation: animation-second-sub-section-title 1.5s,shine 1.5s infinite;
    animation: animation-second-sub-section-title 1.5s,shine 1.5s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__second-section .second-section__title {
        width:20%;
        height: 2rem;
        margin-bottom: .8rem
    }
}

.page-skeleton--care__second-section .second-section__sub-content-first {
    position: relative;
    display: flex;
    margin-bottom: .8rem;
    justify-content: space-between;
    -webkit-animation-name: animation-second-section-sub-content;
    animation-name: animation-second-section-sub-content;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__second-section .second-section__sub-content-first {
        margin-bottom:.8rem
    }
}

.page-skeleton--care__second-section .second-section__sub-content-first .sub-content-first__subtitle-first {
    width: 40%;
    height: 1rem;
    background-color: #f7f6f6
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__second-section .second-section__sub-content-first .sub-content-first__subtitle-first {
        width:30%;
        height: 1.5rem
    }
}

.page-skeleton--care__second-section .second-section__sub-content-first .sub-content-first__rounded-button-first {
    width: 2rem;
    height: 1rem;
    border-radius: 1rem;
    background-color: #f7f6f6;
    visibility: hidden
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__second-section .second-section__sub-content-first .sub-content-first__rounded-button-first {
        width:4rem;
        height: 2rem;
        border-radius: 2.5rem;
        visibility: visible
    }
}

.page-skeleton--care__second-section .second-section__sub-content-second {
    position: relative;
    display: flex;
    justify-content: space-between;
    -webkit-animation-name: animation-second-section-sub-content;
    animation-name: animation-second-section-sub-content;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s
}

.page-skeleton--care__second-section .second-section__sub-content-second .sub-content-second__subtitle-second {
    width: 40%;
    height: 1rem;
    background-color: #f7f6f6
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__second-section .second-section__sub-content-second .sub-content-second__subtitle-second {
        width:35%;
        height: 1.5rem
    }
}

.page-skeleton--care__second-section .second-section__sub-content-second .sub-content-second__rounded-button-second {
    width: 2rem;
    height: 1rem;
    border-radius: 1rem;
    background-color: #f7f6f6;
    visibility: visible
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__second-section .second-section__sub-content-second .sub-content-second__rounded-button-second {
        width:4rem;
        height: 2rem;
        border-radius: 2.5rem;
        visibility: hidden
    }
}

.page-skeleton--care__second-section .second-section__subtitle-two {
    position: relative;
    width: 50%;
    height: 1rem;
    margin: .5rem 0 0 1rem;
    background-color: #f7f6f6;
    -webkit-animation: animation-second-section-subtitle-two 1.7s,shine 1.7s infinite;
    animation: animation-second-section-subtitle-two 1.7s,shine 1.7s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__second-section .second-section__subtitle-two {
        width:35%;
        height: 1.5rem;
        margin-left: 3rem
    }
}

.page-skeleton--care__third-section {
    position: relative;
    margin: 1rem 1rem 0;
    padding: 1rem;
    background-color: #fff;
    -webkit-animation-name: animation-third-section;
    animation-name: animation-third-section;
    -webkit-animation-duration: 1.75s;
    animation-duration: 1.75s
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section {
        margin:1rem 0 0;
        padding: 1rem 2rem
    }
}

.page-skeleton--care__third-section .third-section__title {
    position: relative;
    width: 30%;
    height: 1.5rem;
    margin-bottom: 1rem;
    background-color: #f7f6f6;
    -webkit-animation: animation-second-third-section-title 1.8s,shine 1.8s infinite;
    animation: animation-second-third-section-title 1.8s,shine 1.8s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__title {
        width:20%;
        height: 2rem;
        margin-bottom: 2rem
    }
}

.page-skeleton--care__third-section .third-section__sub-content-first {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.5rem;
    margin-bottom: .8rem;
    -webkit-animation-name: animation-third-section-sub-content-one;
    animation-name: animation-third-section-sub-content-one;
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-first {
        margin-bottom:2rem
    }
}

.page-skeleton--care__third-section .third-section__sub-content-first .sub-content-first__subtitle-first {
    width: 40%;
    height: 1.5rem;
    background-color: #f7f6f6;
    -webkit-animation: shine 1.9s infinite;
    animation: shine 1.9s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-first .sub-content-first__subtitle-first {
        width:35%
    }
}

.page-skeleton--care__third-section .third-section__sub-content-first .sub-content-first__rounded-button-first {
    visibility: hidden
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-first .sub-content-first__rounded-button-first {
        visibility:visible;
        width: 4rem;
        height: 2rem;
        border-radius: 2.5rem;
        background-color: #f7f6f6
    }
}

.page-skeleton--care__third-section .third-section__sub-content-third {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.5rem;
    margin-bottom: 1.8rem;
    -webkit-animation-name: animation-third-section-sub-content-three;
    animation-name: animation-third-section-sub-content-three;
    -webkit-animation-duration: 2.1s;
    animation-duration: 2.1s
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-third {
        margin-bottom:2rem
    }
}

.page-skeleton--care__third-section .third-section__sub-content-third .sub-content-third__subtitle-third {
    width: 50%;
    height: 1.5rem;
    background-color: #f7f6f6;
    -webkit-animation: shine 2.1s infinite;
    animation: shine 2.1s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-third .sub-content-third__subtitle-third {
        width:15%
    }
}

.page-skeleton--care__third-section .third-section__sub-content-third .sub-content-third__rounded-button-third {
    width: 2rem;
    height: 1rem;
    border-radius: 1rem;
    background-color: #f7f6f6
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-third .sub-content-third__rounded-button-third {
        width:4rem;
        height: 2rem;
        border-radius: 2.5rem
    }
}

.page-skeleton--care__third-section .third-section__sub-content-fourth {
    visibility: hidden
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-fourth {
        visibility:visible;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 1.5rem;
        margin-bottom: 2rem;
        -webkit-animation-name: animation-third-section-sub-content-four;
        animation-name: animation-third-section-sub-content-four;
        -webkit-animation-duration: 2.2s;
        animation-duration: 2.2s
    }

    .page-skeleton--care__third-section .third-section__sub-content-fourth .sub-content-fourth__subtitle-fourth {
        width: 4rem;
        height: 1.5rem;
        background-color: #f7f6f6;
        background-image: linear-gradient(100deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);
        background-repeat: repeat-y;
        background-size: 5rem 20rem;
        background-position: 0 0;
        -webkit-animation: shine 2.2s infinite;
        animation: shine 2.2s infinite
    }
}

@media only screen and (min-width: 36em) and (min-width:36em) {
    .page-skeleton--care__third-section .third-section__sub-content-fourth .sub-content-fourth__subtitle-fourth {
        width:25%
    }
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-fourth .sub-content-fourth__rounded-button-fourth {
        width:2rem;
        height: 1rem;
        border-radius: 1rem;
        background-color: #f7f6f6
    }
}

@media only screen and (min-width: 36em) and (min-width:36em) {
    .page-skeleton--care__third-section .third-section__sub-content-fourth .sub-content-fourth__rounded-button-fourth {
        width:4rem;
        height: 2rem;
        border-radius: 2.5rem
    }
}

.page-skeleton--care__third-section .third-section__sub-content-fifth {
    visibility: hidden
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-fifth {
        visibility:visible;
        display: flex;
        justify-content: space-between;
        position: relative;
        height: 1.5rem;
        margin-bottom: 2rem;
        -webkit-animation-name: animation-third-section-sub-content-five;
        animation-name: animation-third-section-sub-content-five;
        -webkit-animation-duration: 2.2s;
        animation-duration: 2.2s
    }

    .page-skeleton--care__third-section .third-section__sub-content-fifth .sub-content-fifth__subtitle-fifth {
        width: 4rem;
        height: 1.5rem;
        background-color: #f7f6f6;
        background-image: linear-gradient(100deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);
        background-repeat: repeat-y;
        background-size: 5rem 20rem;
        background-position: 0 0;
        -webkit-animation: shine 2.2s infinite;
        animation: shine 2.2s infinite
    }
}

@media only screen and (min-width: 36em) and (min-width:36em) {
    .page-skeleton--care__third-section .third-section__sub-content-fifth .sub-content-fifth__subtitle-fifth {
        width:15%
    }
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-fifth .sub-content-fifth__rounded-button-fifth {
        width:2rem;
        height: 1rem;
        border-radius: 1rem;
        background-color: #f7f6f6
    }
}

@media only screen and (min-width: 36em) and (min-width:36em) {
    .page-skeleton--care__third-section .third-section__sub-content-fifth .sub-content-fifth__rounded-button-fifth {
        width:4rem;
        height: 2rem;
        border-radius: 2.5rem
    }
}

.page-skeleton--care__third-section .third-section__sub-content-sixth {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 1.5rem;
    margin-bottom: 1.8rem;
    -webkit-animation-name: animation-third-section-sub-content-five;
    animation-name: animation-third-section-sub-content-five;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-sixth {
        margin-bottom:2rem
    }
}

.page-skeleton--care__third-section .third-section__sub-content-sixth .sub-content-sixth__subtitle-sixth {
    width: 30%;
    height: 1.5rem;
    background-color: #f7f6f6;
    background-image: linear-gradient(100deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);
    background-repeat: repeat-y;
    background-size: 5rem 20rem;
    background-position: 0 0;
    -webkit-animation: shine 2.2s infinite;
    animation: shine 2.2s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-sixth .sub-content-sixth__subtitle-sixth {
        background-color:#f7f6f6;
        width: 25%
    }
}

.page-skeleton--care__third-section .third-section__sub-content-sixth .sub-content-sixth__rounded-button-sixth {
    width: 2rem;
    height: 1rem;
    border-radius: 1rem;
    background-color: #f7f6f6
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-sixth .sub-content-sixth__rounded-button-sixth {
        width:4rem;
        height: 2rem;
        border-radius: 2.5rem
    }
}

.page-skeleton--care__third-section .third-section__sub-content-seventh {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 1.5rem;
    margin-bottom: 1.8rem;
    -webkit-animation-name: animation-third-section-sub-content-seventh;
    animation-name: animation-third-section-sub-content-seventh;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-seventh {
        margin-bottom:2rem
    }
}

.page-skeleton--care__third-section .third-section__sub-content-seventh .sub-content-seventh__subtitle-seventh {
    width: 30%;
    height: 1.5rem;
    background-color: #f7f6f6;
    -webkit-animation: shine 2.2s infinite;
    animation: shine 2.2s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-seventh .sub-content-seventh__subtitle-seventh {
        width:15%;
        background-color: #f7f6f6
    }
}

.page-skeleton--care__third-section .third-section__sub-content-seventh .sub-content-seventh__rounded-button-seventh {
    width: 2rem;
    height: 1rem;
    border-radius: 1rem;
    background-color: #f7f6f6;
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-seventh .sub-content-seventh__rounded-button-seventh {
        width:4rem;
        height: 2rem;
        border-radius: 2.5rem
    }
}

.page-skeleton--care__third-section .third-section__sub-content-eighth {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 1.5rem;
    margin-bottom: 1.8rem;
    -webkit-animation-name: animation-third-section-sub-content-eighth;
    animation-name: animation-third-section-sub-content-eighth;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-eighth {
        margin-bottom:2rem
    }
}

.page-skeleton--care__third-section .third-section__sub-content-eighth .sub-content-eighth__subtitle-eighth {
    width: 30%;
    height: 1.5rem;
    background-color: #f7f6f6;
    -webkit-animation: shine 2.2s infinite;
    animation: shine 2.2s infinite
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-eighth .sub-content-eighth__subtitle-eighth {
        width:15%;
        background-color: #f7f6f6
    }
}

.page-skeleton--care__third-section .third-section__sub-content-eighth .sub-content-eighth__rounded-button-eighth {
    width: 2rem;
    height: 1rem;
    border-radius: 1rem;
    background-color: #f7f6f6;
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .page-skeleton--care__third-section .third-section__sub-content-eighth .sub-content-eighth__rounded-button-eighth {
        width:4rem;
        height: 2rem;
        border-radius: 2.5rem
    }
}

.page-skeleton--sales {
    margin-top: 23rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffc421;
    max-width: 113.2rem
}

@media only screen and (min-width: 36em) {
    .page-skeleton--sales {
        margin-top:25rem
    }
}

.page-skeleton--sales__first-section {
    display: flex;
    align-items: center;
    padding-bottom: 2rem;
    width: 27.2rem;
    margin: auto
}

@media only screen and (min-width: 36em) {
    .page-skeleton--sales__first-section {
        padding-bottom:7rem
    }
}

.page-skeleton--sales__first-section .first-section__fifth-element,.page-skeleton--sales__first-section .first-section__first-element,.page-skeleton--sales__first-section .first-section__third-element {
    position: relative;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #f7f6f6;
    opacity: 0;
    box-sizing: border-box;
    border: .2rem solid #f7f6f6;
    border-radius: 100%;
    visibility: hidden;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.page-skeleton--sales__first-section .first-section__fourth-element,.page-skeleton--sales__first-section .first-section__second-element {
    position: relative;
    display: inline-block;
    background-color: #f7f6f6;
    opacity: 0;
    height: .2rem;
    width: 10rem;
    visibility: hidden;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.page-skeleton--sales__first-section .first-section__first-element {
    -webkit-animation-name: animation-sales-first-section-first-element;
    animation-name: animation-sales-first-section-first-element;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.page-skeleton--sales__first-section .first-section__second-element {
    -webkit-animation-name: animation-sales-first-section-second-element;
    animation-name: animation-sales-first-section-second-element;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

.page-skeleton--sales__first-section .first-section__third-element {
    -webkit-animation-name: animation-sales-first-section-third-element;
    animation-name: animation-sales-first-section-third-element;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s
}

.page-skeleton--sales__first-section .first-section__fourth-element {
    -webkit-animation-name: animation-sales-first-section-fourth-element;
    animation-name: animation-sales-first-section-fourth-element;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s
}

.page-skeleton--sales__first-section .first-section__fifth-element {
    -webkit-animation-name: animation-sales-first-section-fifth-element;
    animation-name: animation-sales-first-section-fifth-element;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s
}

.page-skeleton--sales__second-section {
    position: relative;
    display: none;
    padding: 0 7rem;
    -webkit-animation-name: animation-sales-second-section;
    animation-name: animation-sales-second-section;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

@media only screen and (min-width: 36em) {
    .page-skeleton--sales__second-section {
        display:flex
    }
}

.page-skeleton--sales__second-section .second-section__first-subsection {
    position: relative;
    width: 70%;
    background-color: #f7f6f6;
    opacity: 0;
    padding: 4rem 2rem;
    margin-right: 4rem;
    -webkit-animation-name: animation-sales-second-section-first-subsection;
    animation-name: animation-sales-second-section-first-subsection;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__first-content {
    position: relative;
    width: 16rem;
    height: 1.8rem;
    background: #bab6b5;
    margin-bottom: 3.2rem;
    -webkit-animation: animation-sales-second-section-first-subsection__content .7s,shine .7s infinite;
    animation: animation-sales-second-section-first-subsection__content .7s,shine .7s infinite
}

.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__second-content {
    position: relative;
    width: 22rem;
    height: 1.8rem;
    background: #bab6b5;
    margin-bottom: 3.2rem;
    -webkit-animation: animation-sales-second-section-first-subsection__content .8s,shine .8s infinite;
    animation: animation-sales-second-section-first-subsection__content .8s,shine .8s infinite
}

.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__third-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.2rem;
    -webkit-animation-name: animation-sales-second-section-first-subsection__content;
    animation-name: animation-sales-second-section-first-subsection__content;
    -webkit-animation-duration: .9s;
    animation-duration: .9s
}

.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__third-content .first-sub-content {
    width: 8rem;
    height: 1.8rem;
    background: #bab6b5;
    -webkit-animation: shine .9s infinite;
    animation: shine .9s infinite
}

.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__third-content .second-sub-content {
    width: 15%;
    height: 1.8rem;
    background: #bab6b5;
    -webkit-animation: shine .9s infinite;
    animation: shine .9s infinite
}

.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fourth-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    -webkit-animation-name: animation-sales-second-section-first-subsection__content;
    animation-name: animation-sales-second-section-first-subsection__content;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fourth-content .first-sub-content {
    width: 10rem;
    height: 1.8rem;
    background: #bab6b5;
    -webkit-animation: shine 1s infinite;
    animation: shine 1s infinite
}

.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fourth-content .second-sub-content {
    width: 15%;
    height: 1.8rem;
    background: #bab6b5;
    -webkit-animation: shine 1s infinite;
    animation: shine 1s infinite
}

.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fifth-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    -webkit-animation-name: animation-sales-second-section-first-subsection__content;
    animation-name: animation-sales-second-section-first-subsection__content;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fifth-content .first-sub-content {
    width: 6rem;
    height: 1.8rem;
    background: #bab6b5;
    -webkit-animation: shine 1.5s infinite;
    animation: shine 1.5s infinite
}

.page-skeleton--sales__second-section .second-section__first-subsection .first-subsection__fifth-content .second-sub-content {
    width: 15%;
    height: 1.8rem;
    background: #bab6b5;
    -webkit-animation: shine 1.5s infinite;
    animation: shine 1.5s infinite
}

.page-skeleton--sales__second-section .second-section__second-subsection {
    position: relative;
    padding: 4rem 2rem;
    width: 30%;
    background-color: #f7f6f6;
    opacity: 0;
    -webkit-animation-name: animation-sales-second-subsection;
    animation-name: animation-sales-second-subsection;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__first-content {
    position: relative;
    width: 90%;
    height: 1.8rem;
    margin-bottom: 3rem;
    background: #bab6b5;
    -webkit-animation: animation-sales-second-section-second-subsection__content .7s,shine .7s infinite;
    animation: animation-sales-second-section-second-subsection__content .7s,shine .7s infinite
}

.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__second-content {
    position: relative;
    width: 60%;
    height: 1.5rem;
    background: #bab6b5;
    margin-bottom: 2rem;
    -webkit-animation: animation-sales-second-section-second-subsection__content .8s,shine .8s infinite;
    animation: animation-sales-second-section-second-subsection__content .8s,shine .8s infinite
}

.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__third-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5rem;
    -webkit-animation-name: animation-sales-second-section-second-subsection__content;
    animation-name: animation-sales-second-section-second-subsection__content;
    -webkit-animation-duration: .9s;
    animation-duration: .9s
}

.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__third-content .first-sub-content {
    width: 30%;
    height: 1.5rem;
    background: #bab6b5;
    -webkit-animation: shine .9s infinite;
    animation: shine .9s infinite
}

.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__third-content .second-sub-content {
    width: 20%;
    height: 1.5rem;
    background: #bab6b5;
    -webkit-animation: shine .9s infinite;
    animation: shine .9s infinite
}

.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fourth-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
    -webkit-animation-name: animation-sales-second-section-second-subsection__content;
    animation-name: animation-sales-second-section-second-subsection__content;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fourth-content .first-sub-content {
    width: 30%;
    height: 1.5rem;
    background: #bab6b5;
    -webkit-animation: shine 1s infinite;
    animation: shine 1s infinite
}

.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fourth-content .second-sub-content {
    width: 20%;
    height: 1.5rem;
    background: #bab6b5;
    -webkit-animation: shine 1s infinite;
    animation: shine 1s infinite
}

.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fifth-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    -webkit-animation-name: animation-sales-second-section-second-subsection__content;
    animation-name: animation-sales-second-section-second-subsection__content;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s
}

.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fifth-content .first-sub-content {
    width: 40%;
    height: 1.5rem;
    background: #bab6b5;
    -webkit-animation: shine 1.1s infinite;
    animation: shine 1.1s infinite
}

.page-skeleton--sales__second-section .second-section__second-subsection .second-subsection__fifth-content .second-sub-content {
    width: 20%;
    height: 1.5rem;
    background: #bab6b5;
    -webkit-animation: shine 1.1s infinite;
    animation: shine 1.1s infinite
}

.page-skeleton--sales__third-section {
    position: relative;
    display: block;
    width: 80%;
    background-color: #f7f6f6;
    opacity: 0;
    padding: 2rem;
    margin: auto;
    -webkit-animation-name: animation-sales-third-section;
    animation-name: animation-sales-third-section;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

@media only screen and (min-width: 36em) {
    .page-skeleton--sales__third-section {
        display:none
    }
}

.page-skeleton--sales__third-section .third-section__first-element {
    width: 16rem;
    height: 1.8rem;
    margin-bottom: 1.2rem
}

.page-skeleton--sales__third-section .third-section__first-element,.page-skeleton--sales__third-section .third-section__second-element {
    position: relative;
    background: #bab6b5;
    -webkit-animation: animation-sales-third-section__content 1s,shine 1s infinite;
    animation: animation-sales-third-section__content 1s,shine 1s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.page-skeleton--sales__third-section .third-section__second-element {
    width: 100%;
    height: 1.2rem;
    margin-bottom: 2rem
}

.page-skeleton--sales__third-section .third-section__third-element {
    position: relative;
    height: 3rem;
    margin: 0 1.2rem 1.2rem;
    background: #bab6b5;
    border-radius: .8rem;
    -webkit-animation: animation-sales-third-section__content 1.1s,shine 1.1s infinite;
    animation: animation-sales-third-section__content 1.1s,shine 1.1s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.page-skeleton--sales__third-section .third-section__fourth-element {
    position: relative;
    height: 3rem;
    background: #bab6b5;
    margin: 0 1.2rem 2rem;
    -webkit-animation: animation-sales-third-section__content 1.2s,shine 1.2s infinite;
    animation: animation-sales-third-section__content 1.2s,shine 1.2s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.page-skeleton--sales__third-section .third-section__fifth-element {
    position: relative;
    height: 1.8rem;
    background: #bab6b5;
    margin: 0 1.2rem 1rem;
    -webkit-animation: animation-sales-third-section__content 1.3s,shine 1.3s infinite;
    animation: animation-sales-third-section__content 1.3s,shine 1.3s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.page-skeleton--sales__third-section .third-section__sixth-element {
    position: relative;
    height: 1.8rem;
    background: #bab6b5;
    padding: 0 1.2rem;
    margin: 0 1.2rem 2rem;
    -webkit-animation: animation-sales-third-section__content 1.4s,shine 1.4s infinite;
    animation: animation-sales-third-section__content 1.4s,shine 1.4s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.care-skeleton-container,.sales-skeleton-container {
    background: #fff
}

.sales-skeleton-container--secondary {
    margin: 0 auto;
    background: #f7f6f6
}

.sales-skeleton-container--secondary .page-skeleton--sales {
    margin-top: 10rem;
    background: #f7f6f6
}

@media only screen and (min-width: 36em) {
    .sales-skeleton-container--secondary .page-skeleton--sales {
        margin-top:11rem
    }
}

.sales-skeleton-container--secondary .page-skeleton--sales__second-section {
    position: relative;
    top: 10rem;
    margin: 0 auto;
    display: block
}

.sales-skeleton-container--secondary .page-skeleton--sales__second-section .second-section__first-subsection {
    width: 100%;
    margin-right: 0
}

.sales-skeleton-container--secondary .page-skeleton--sales__second-section .second-section__second-subsection {
    display: none
}

.sales-skeleton-container .skeleton-header--secondary {
    height: 12rem
}

@-webkit-keyframes initial-hide-loader {
    to {
        visibility: visible
    }
}

@keyframes initial-hide-loader {
    to {
        visibility: visible
    }
}

.care-skeleton-container+.page-loader__section,.sales-skeleton-container+.page-loader__section,.sales-skeleton-container--secondary+.page-loader__section {
    -webkit-animation: initial-hide-loader 0s 4.91s forwards;
    animation: initial-hide-loader 0s 4.91s forwards;
    visibility: hidden
}

.care-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-sm,.sales-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-sm,.sales-skeleton-container--secondary+.page-loader__section .page-loader__section__msg .show-message-sm {
    visibility: hidden;
    -webkit-animation: spinnerAnimation-sm 0s ease-out 5.01s forwards,spinnerAnimation-sm-hide 0s ease-out 10.01s forwards;
    animation: spinnerAnimation-sm 0s ease-out 5.01s forwards,spinnerAnimation-sm-hide 0s ease-out 10.01s forwards
}

.care-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-lg,.sales-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-lg,.sales-skeleton-container--secondary+.page-loader__section .page-loader__section__msg .show-message-lg {
    visibility: hidden;
    -webkit-animation: spinnerAnimation-lg 0s ease-out 10.01s forwards,spinnerAnimation-lg-hide 0s ease-out 14.81s forwards;
    animation: spinnerAnimation-lg 0s ease-out 10.01s forwards,spinnerAnimation-lg-hide 0s ease-out 14.81s forwards
}

.care-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-xlg,.sales-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-xlg,.sales-skeleton-container--secondary+.page-loader__section .page-loader__section__msg .show-message-xlg {
    visibility: hidden;
    -webkit-animation: spinnerAnimation-xlg 0s ease-out 15.01s forwards,spinnerAnimation-xlg-hide 0s ease-out 19.81s forwards;
    animation: spinnerAnimation-xlg 0s ease-out 15.01s forwards,spinnerAnimation-xlg-hide 0s ease-out 19.81s forwards
}

.care-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-xxlg,.sales-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-xxlg,.sales-skeleton-container--secondary+.page-loader__section .page-loader__section__msg .show-message-xxlg {
    visibility: hidden;
    -webkit-animation: spinnerAnimation-xlg 0s ease-out 20.01s forwards,spinnerAnimation-xlg-hide 0s ease-out 24.81s forwards;
    animation: spinnerAnimation-xlg 0s ease-out 20.01s forwards,spinnerAnimation-xlg-hide 0s ease-out 24.81s forwards
}

.care-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-xxxlg,.sales-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-xxxlg,.sales-skeleton-container--secondary+.page-loader__section .page-loader__section__msg .show-message-xxxlg {
    visibility: hidden;
    -webkit-animation: spinnerAnimation-xxlg 0s ease-out 25.01s forwards;
    animation: spinnerAnimation-xxlg 0s ease-out 25.01s forwards
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .care-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-sm,.sales-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-sm,.sales-skeleton-container--secondary+.page-loader__section .page-loader__section__msg .show-message-sm {
        display: block;
        -webkit-animation: spinnerAnimation-sm 0s ease-out 5.1s forwards!important;
        animation: spinnerAnimation-sm 0s ease-out 5.1s forwards!important
    }

    .care-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-lg,.care-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-xlg,.sales-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-lg,.sales-skeleton-container+.page-loader__section .page-loader__section__msg .show-message-xlg,.sales-skeleton-container--secondary+.page-loader__section .page-loader__section__msg .show-message-lg,.sales-skeleton-container--secondary+.page-loader__section .page-loader__section__msg .show-message-xlg {
        display: none
    }
}

.pbm-limit {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 0;
    padding: 0
}

.pbm-limit .input-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .pbm-limit .input-section {
        display:inline-flex;
        justify-content: unset;
        margin-right: 2.2rem
    }
}

.pbm-limit .input-section .label {
    line-height: 1.2;
    margin-right: 1rem;
    margin-bottom: 0;
    color: #291d18
}

.pbm-limit .input-section .input {
    margin-bottom: 0;
    width: 5.2rem;
    padding: .5rem;
    font-weight: 900;
    text-align: center;
    background-color: #f7f6f6
}

.pbm-limit .input-section .input.error {
    border-color: #c95942
}

.pbm-limit .input-section input[type=number]::-webkit-inner-spin-button,.pbm-limit .input-section input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.pbm-limit .input-section input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}

.pbm-limit__save {
    width: 100%;
    display: flex;
    margin-top: 2rem
}

@media only screen and (min-width: 36em) {
    .pbm-limit__save {
        width:auto;
        display: inline-flex;
        position: absolute;
        right: 1rem;
        margin-top: 0
    }
}

.pbm-limit .breakpoint-container {
    display: flex;
    margin-top: 1.5rem
}

.pbm-limit .breakpoint-container div:first-child {
    min-width: 2.5rem
}

.pbm-limit .breakpoint-container .breakpoint {
    flex-basis: 33.3%;
    text-align: right
}

.pbm-limit__slider .range-slider {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .pbm-limit__slider .range-slider {
        width:30%
    }
}

.product-filter__card--marking {
    text-align: center;
    display: flex;
    justify-content: center
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .product-filter__card--marking {
        position: relative;
        left: 35%;
        text-align: center
    }
}

.product-filter__card--marking__hide,.product-filter__card--marking__hide .Container--dark {
    background-color: transparent
}

.product-filter__card--marking .Container {
    width: 12rem;
    height: 3rem;
    border-radius: .5rem .5rem 0 0
}

@media only screen and (min-width: 36em) {
    .product-filter__card--marking .Container {
        width:14rem
    }
}

.product-filter__card--marking .Container .text-flow {
    color: #fff
}

.product-filter__content {
    text-align: center
}

.product-filter__content__title {
    padding-right: 2.4rem;
    width: auto
}

@media only screen and (max-width: 74.5em) {
    .product-filter__content__title {
        width:100%;
        padding-right: 0
    }
}

.product-filter__content__container {
    background-color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%
}

.product-filter__content__container .card--bottom {
    margin-top: auto
}

.product-filter__content__col--grow {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-filter__content__row {
    justify-content: center
}

.product-filter__content__input {
    border-right: .1rem solid #999391;
    width: auto;
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

@media only screen and (max-width: 36em) {
    .product-filter__content__input {
        width:-webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        padding-left: .6rem;
        padding-right: .6rem;
        min-width: 9rem
    }
}

.product-filter__content__input .radio-checkbox {
    display: block
}

@media only screen and (max-width: 74.5em) {
    .product-filter__content__input .radio-checkbox {
        display:flex;
        flex-direction: column;
        align-items: center
    }
}

@media only screen and (max-width: 74.5em) {
    .product-filter__content__input .radio-checkbox .radio {
        width:2.4rem
    }
}

.product-filter__content__input:first-child,.product-filter__content__input:last-child {
    border-right: 0
}

.product-filter__content__input .form-helper,.product-filter__content__input label {
    color: #fff;
    margin-bottom: .4rem
}

.product-filter__content h3 {
    opacity: 1;
    transition: all .5s ease;
    margin-top: 0
}

@media only screen and (min-width: 74rem) {
    .product-filter__content h3 {
        margin-bottom:0
    }
}

.product-filter__content__card {
    padding: 2rem
}

.product-filter__content__card--top {
    margin-bottom: 1.6rem;
    flex-direction: row;
    display: flex;
    justify-content: space-between
}

.product-filter__content__card--top--price {
    text-align: right
}

.product-filter__content__card--top--price .price,.product-filter__content__card--top--price .price .text-flow--label {
    line-height: .8rem
}

.product-filter__content__card--top--label {
    line-height: 2.8rem
}

.product-filter__content__card--icon:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    color: #ffc421;
    margin-right: 1rem;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif
}

.product-filter__content__card--product-name {
    padding-top: 1rem
}

.product-filter__filter {
    transition: all .5s ease
}

@media only screen and (max-width: 36em) {
    .product-filter__filter {
        margin-left:-2rem;
        margin-right: -2rem
    }
}

.product-filter__filter .product-filter__content__checkbox .form-helper,.product-filter__filter .product-filter__content__checkbox label {
    color: #fff;
    margin: 0
}

.product-filter__filter .product-filter__content__checkbox .form-helper:before,.product-filter__filter .product-filter__content__checkbox label:before {
    margin: 0!important
}

.productfinder {
    justify-content: center
}

.productfinder--container {
    display: block;
    overflow: hidden;
    padding: 5px 0
}

.productfinder--text-align {
    text-align: center
}

.productfinder .icon-close,.productfinder .icon-redo {
    color: #bab6b5
}

.productfinder .checkbox-circle,.productfinder .number-input {
    margin-right: 1rem;
    margin-left: 1rem;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 36em) {
    .productfinder .checkbox-circle,.productfinder .number-input {
        margin-right:2.5rem;
        margin-left: 2.5rem;
        margin-bottom: 2rem
    }
}

.productfinder--sim-cards {
    justify-content: center;
    height: 4rem;
    margin-bottom: 3rem
}

.productfinder--sim-card {
    position: relative;
    opacity: .3;
    display: flex;
    justify-content: center;
    align-items: center
}

.productfinder--sim-card--selected {
    color: #ffc421;
    opacity: 1;
    cursor: pointer
}

.productfinder--sim-card--ready {
    opacity: .8;
    cursor: pointer
}

.productfinder--sim-card--number {
    position: absolute;
    top: 20%;
    left: 40%
}

.productfinder--sim-card--number--small {
    top: 20%;
    left: 30%
}

.productfinder--sim-card .icon-lg:before {
    font-size: 4.2rem
}

.productfinder--sim-card .icon-md:before {
    font-size: 2.4rem
}

.productfinder--headings {
    margin: 2rem 0;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .productfinder--headings {
        margin:0 12rem 2rem
    }
}

.productfinder--bottom-navigation {
    justify-content: center;
    margin: 2rem 0 1rem
}

@media only screen and (min-width: 36em) {
    .productfinder--bottom-navigation {
        margin:5rem 0 1rem
    }
}

.productfinder--bottom-navigation a {
    font-size: 1.8rem
}

.productfinder--bottom-navigation a:focus {
    text-decoration: underline
}

.productfinder .swiper-slide-active {
    z-index: 1
}

.productfinder .swiper-slide-next,.productfinder .swiper-slide-prev {
    z-index: -1
}

.productfinder .swiper-slide {
    height: auto
}

.productfinder .swiper-wrapper {
    margin-top: 2.5rem;
    margin-bottom: 6rem
}

@media only screen and (min-width: 36em) {
    .productfinder .swiper-wrapper {
        margin-top:5rem;
        margin-bottom: 5rem
    }
}

.productfinder .swiper-container {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
}

.productfinder .swiper-pagination {
    bottom: 0
}

.productfinder .swiper-pagination-bullet-active {
    background-color: #bab6b5
}

.productfinder .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem
}

.productfinder .text-flow--label {
    line-height: 1.6rem;
    display: block
}

.move-block-1 {
    -webkit-animation: move-in-steps 2s;
    animation: move-in-steps 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 1
}

.move-block-2 {
    -webkit-animation: move-in-steps 2.4s;
    animation: move-in-steps 2.4s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 1
}

.move-block-3 {
    -webkit-animation: move-in-steps 2.8s;
    animation: move-in-steps 2.8s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 1
}

.move-block-4 {
    -webkit-animation: move-in-steps 3.2s;
    animation: move-in-steps 3.2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 1
}

.move-block-5 {
    -webkit-animation: move-in-steps 3.6s;
    animation: move-in-steps 3.6s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 1
}

.move-block-6 {
    -webkit-animation: move-in-steps 4s;
    animation: move-in-steps 4s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    z-index: 1
}

.z-index {
    position: relative;
    z-index: 1
}

.animated-content,.animated-content-fade-in {
    position: relative;
    opacity: 0;
    -webkit-animation: content-fade-in--mobile 1.5s ease;
    animation: content-fade-in--mobile 1.5s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@media only screen and (min-width: 36em) {
    .animated-content,.animated-content-fade-in {
        opacity:0;
        -webkit-animation: content-fade-in 1.5s ease;
        animation: content-fade-in 1.5s ease;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

.animated-content,.animated-content-fade-in--delay {
    position: relative;
    opacity: 0;
    -webkit-animation: content-fade-in--mobile 1.5s ease;
    animation: content-fade-in--mobile 1.5s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

@media only screen and (min-width: 36em) {
    .animated-content,.animated-content-fade-in--delay {
        opacity:0;
        -webkit-animation: content-fade-in 1.5s ease;
        animation: content-fade-in 1.5s ease;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 3.8s;
        animation-delay: 3.8s
    }
}

.product-journey .text-flow--h4.icon:before,.product-journey .text-flow--h4[class*=" icon-"]:before,.product-journey .text-flow--h4[class^=icon-]:before {
    margin-right: .8rem
}

.product-journey--heading {
    text-align: center
}

@media only screen and (min-width: 36em) {
    .product-journey--heading {
        text-align:initial
    }
}

.product-journey--feedback {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .product-journey--feedback {
        align-items:flex-start;
        text-align: initial
    }
}

.product-journey .add-new-line {
    margin: 1.6rem
}

@media only screen and (min-width: 36em) {
    .product-journey .add-new-line {
        margin:0
    }
}

.product-journey .section__title {
    text-align: center
}

@media only screen and (min-width: 36em) {
    .product-journey .section__title {
        text-align:left
    }
}

.product-journey .label--large.form-helper,.product-journey label.label--large {
    width: 80%;
    vertical-align: top
}

.product-journey .form-helper {
    width: 100%
}

.product-journey .appointment-picker .section {
    padding: 0 1.6rem
}

@media only screen and (min-width: 36em) {
    .product-journey .appointment-picker .section {
        padding:0 2.4rem
    }
}

.product-journey-mobile-lines-steps--bottom-navigation {
    width: calc(50% - 1rem);
    display: flex
}

@media only screen and (min-width: 36em) {
    .product-journey-mobile-lines-steps--bottom-navigation {
        width:100%;
        justify-content: flex-end
    }
}

.product-journey-mobile-lines-steps--margin {
    margin-right: 2rem
}

.product-journey-dtv-steps--deactivation {
    display: flex
}

.product-journey-dtv-steps--deactivation--radio {
    width: 16rem
}

.product-journey-dtv-steps--deactivation--radio .label--large.form-helper,.product-journey-dtv-steps--deactivation--radio label.label--large {
    width: 20%
}

.test-flow {
    background: url(../../media/general/bg_testing.png)
}

.product-journey-summary {
    display: flex;
    align-items: baseline
}

.product-journey-summary .summary-content--content {
    width: 100%
}

.product-journey-summary .summary-content--content--hr hr {
    border-color: #eeeded
}

.product-journey-summary .summary-content--row {
    display: flex;
    justify-content: space-between
}

.product-journey-summary .summary-content--row--text-right {
    text-align: right;
    max-width: 35%
}

.product-journey-summary .summary-content--row--text-left {
    max-width: 50%
}

.product-journey-summary .summary-content--row--text-left .text-flow--promo:hover {
    cursor: pointer
}

.product-journey-summary .summary-content--row--full-width {
    width: 100%
}

.product-journey-summary .summary-content--row--bottom {
    display: block;
    align-self: flex-end
}

.product-journey-summary .summary-content--icon {
    padding-right: 1rem
}

@media only screen and (min-width: 36em) {
    .product-journey-summary .summary-content--icon {
        padding-right:2rem
    }
}

.product-journey-summary.summary-content--invert,.product-journey-summary.summary-content--invert .summary-content--content,.product-journey-summary.summary-content--invert .summary-content--icon,.product-journey-summary.summary-content--invert .summary-content--row,.product-journey-summary.summary-content--invert .summary-content--row .text-flow {
    color: #fff
}

.product-journey-summary .price {
    line-height: 0
}

.product-wizard {
    box-sizing: border-box;
    border: 1px solid #eeeded;
    border-radius: 1rem;
    padding: 1.5rem 0;
    position: relative;
    margin-top: 3rem
}

.product-wizard .product-wizard-action,.product-wizard .product-wizard-prize,.product-wizard .product-wizard-select__mobile-line,.product-wizard .product-wizard-subtitle,.product-wizard .product-wizard-title {
    text-align: center
}

.product-wizard .product-wizard-current {
    display: none
}

.product-wizard .product-wizard-title {
    padding: 1.5rem
}

.product-wizard .product-wizard-subtitle {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    padding: 1.5rem 1.5rem 2rem;
    color: #ffc421;
    text-transform: uppercase
}

.product-wizard .product-wizard-carrousel {
    padding: 0 1.5rem
}

.product-wizard .product-wizard-gb {
    font-size: 3rem
}

.product-wizard .product-wizard-gb,.product-wizard .product-wizard-prize {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900
}

.product-wizard .product-wizard-prize {
    font-size: 3.6rem;
    color: #ffc421;
    padding: 4rem 1.5rem 0
}

.product-wizard .product-wizard-action {
    padding: 2rem 1.5rem 0
}

.product-wizard .product-wizard-info {
    border-top: 1px solid #eeeded;
    padding: 2rem 1.5rem 0;
    margin-top: 3rem
}

.product-wizard .product-wizard-info .product-wizard-info-title {
    padding: .5rem 2.5rem 1.5rem 0;
    position: relative;
    cursor: pointer
}

.product-wizard .product-wizard-info .product-wizard-info-title .product-wizard-info-title-text {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #ffc421;
    text-transform: uppercase
}

.product-wizard .product-wizard-info .product-wizard-info-title .arrow {
    position: absolute;
    right: 1rem;
    top: 1.2rem
}

.product-wizard .product-wizard-info .product-wizard-info-item {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900
}

.product-wizard .product-wizard-info .product-wizard-info-item-description {
    display: none
}

.product-wizard .product-wizard-info.product-wizard-info__open .product-wizard-info-item-description {
    display: block
}

.product-wizard.product-wizard__current-product {
    background: #f7f6f6
}

.product-wizard.product-wizard__current-product .product-wizard-current {
    display: block;
    position: absolute;
    top: -3rem;
    left: 0;
    width: 100%;
    height: 3rem
}

.product-wizard.product-wizard__current-product .product-wizard-current .product-wizard-current-label {
    width: 90%;
    height: 3rem;
    margin: auto;
    border-radius: 1rem 1rem 0 0;
    background-color: #ffc421;
    color: #fff;
    text-align: center;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 3rem
}

.product-wizard.product-wizard__current-product .product-wizard-subtitle {
    display: none
}

.product-wizard.product-wizard__current-product .product-wizard-carrousel .carrousel-single-element--content {
    color: #eeeded
}

.product-wizard.product-wizard__current-product .product-wizard-action,.product-wizard.product-wizard__current-product .product-wizard-carrousel .carrousel-single-element--back,.product-wizard.product-wizard__current-product .product-wizard-carrousel .carrousel-single-element--next,.product-wizard.product-wizard__current-product .product-wizard-carrousel .carrousel-single-element--status {
    display: none
}

.product-wizard.product-wizard__current-product .product-wizard-info {
    color: #eeeded
}

.profile-information {
    margin: 0 0 2.4rem;
    display: flex;
    flex-direction: row
}

@media only screen and (min-width: 36em) {
    .profile-information {
        margin:0 0 4rem;
        flex-direction: column
    }
}

.profile-information__details-section .details-section__name {
    font-size: 2rem;
    line-height: 1.6rem;
    font-weight: 600;
    margin-bottom: .4rem;
    word-break: break-all
}

@media only screen and (min-width: 36em) {
    .profile-information__details-section .details-section__name {
        font-size:4rem;
        line-height: 3.2rem;
        font-weight: 900;
        margin-bottom: 2rem
    }
}

.profile-information__details-section .details-section__number {
    font-size: 1.4rem;
    margin-bottom: .8rem
}

@media only screen and (min-width: 36em) {
    .profile-information__details-section .details-section__number {
        font-size:1.6rem
    }
}

.profile-information__details-section .details-section a.link {
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .profile-information__details-section .details-section a.link {
        font-size:1.6rem
    }
}

.profile-information__image-section {
    padding-right: 1.6rem
}

@media only screen and (min-width: 36em) {
    .profile-information__image-section {
        padding-bottom:1.6rem;
        padding-right: 0
    }
}

.profile-information__image-section .image-section__image {
    width: 4.8rem;
    height: 4.8rem;
    overflow: hidden
}

.stepper-move--feedback {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .stepper-move--feedback {
        align-items:flex-start;
        text-align: left
    }
}

.stepper-move--container .AutoComplete {
    position: relative;
    display: block
}

.stepper-move--container .cards--body--inner-container {
    padding: 3.2rem
}

.stepper-move--container .info-block {
    width: 100%
}

.stepper-move--container--list .cards--body--inner-container {
    padding: 2.4rem;
    display: flex;
    justify-content: space-between
}

.stepper-move--user-input {
    padding: 0 1rem
}

.stepper-move--user-input .content {
    text-align: center
}

.stepper-move--user-input .title-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto
}

@media only screen and (min-width: 36em) {
    .stepper-move--user-input .title-container {
        max-width:113.2rem
    }
}

.stepper-move--user-input .user-input-options .cards {
    display: flex;
    flex-wrap: wrap
}

.stepper-move--user-input .user-input-options .cards .cards--container {
    border-color: #eeeded;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .stepper-move--user-input .user-input-options .cards .cards--container {
        margin:0 auto;
        background-color: transparent
    }
}

.stepper-move--user-input .user-input-options .cards--body--inner-container {
    align-items: start;
    display: flex
}

@media only screen and (min-width: 36em) {
    .stepper-move--user-input .user-input-options .cards--body--inner-container {
        justify-content:center
    }
}

.stepper-move--user-input .user-input-options .cards .cards-content__icon {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width: 36em) {
    .stepper-move--user-input .user-input-options .cards .cards-content__icon {
        display:none
    }
}

.stepper-move--user-input .user-input-options .cards .cards-content__icon i {
    font-size: 2.6rem;
    line-height: 2.6rem;
    padding: 2.4rem 2.2rem 1.4rem;
    border-right: 1px solid #d8d8d8
}

.stepper-move--user-input .user-input-options .cards .cards-content__body {
    display: flex;
    align-items: center;
    min-height: 7.5rem;
    padding: 1.1rem 1.6rem
}

@media only screen and (min-width: 36em) {
    .stepper-move--user-input .user-input-options .cards .cards-content__body .text-flow--button {
        font-size:1.8rem;
        font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
    }
}

.stepper-move--install-type .label-cards.cards.card-square .cards-content__image svg {
    width: 10rem;
    max-width: 10rem
}

@media only screen and (min-width: 36em) {
    .stepper-move--install-type .label-cards.cards.card-square .cards-content__image svg {
        width:21rem;
        max-width: 21rem
    }
}

.wifi-wizard-contents--page-01 {
    text-align: center
}

@media only screen and (min-width: 36em) {
    .wifi-wizard-contents--page-01 {
        text-align:left
    }
}

.wifi-wizard-contents--page-01 .hideOnCheck {
    visibility: visible
}

.wifi-wizard-contents--page-01 .checkBox-wrapper-wifi-wizard-content-p01 {
    display: flex;
    justify-content: flex-start;
    max-width: 71%;
    margin: auto;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .wifi-wizard-contents--page-01 .checkBox-wrapper-wifi-wizard-content-p01 {
        max-width:none
    }
}

.wifi-wizard-contents--page-01 .checkBox-wrapper-wifi-wizard-content-p01 .label--large {
    vertical-align: top
}

.wifi-wizard-contents--page-04 .stepper-page__content-first.hide-from-sm,.wifi-wizard-contents--page-05 .stepper-page__content-first.hide-from-sm,.wifi-wizard-contents--page-05b .stepper-page__content-first.hide-from-sm,.wifi-wizard-contents--page-05c .stepper-page__content-first.hide-from-sm {
    margin: 0 auto;
    max-width: 51%
}

.wifi-wizard-contents--page-04 .stepper-page__content-first.flex-hide-until-sm,.wifi-wizard-contents--page-05 .stepper-page__content-first.flex-hide-until-sm,.wifi-wizard-contents--page-05b .stepper-page__content-first.flex-hide-until-sm,.wifi-wizard-contents--page-05c .stepper-page__content-first.flex-hide-until-sm {
    margin: auto!important;
    max-width: 23%
}

.wifi-wizard-contents--page-04 ul,.wifi-wizard-contents--page-05 ul,.wifi-wizard-contents--page-05b ul,.wifi-wizard-contents--page-05c ul {
    padding-left: 1.7rem
}

.appointment-contact {
    padding: 3.2rem 0
}

@media only screen and (min-width: 48.0625em) {
    .appointment-contact {
        padding:3.2rem 1.2rem
    }
}

.appointment-contact--update .form__input-container .form__input {
    color: #bab6b5
}

.appointment-contact--update .select-dropdown-section {
    max-width: 47rem
}

.appointment-contact--update .select-dropdown-section .select-dropdown {
    color: #bab6b5
}

.appointment-contact__details--section__data.appointment-contact__details--section__margin {
    margin-bottom: 1rem
}

@media only screen and (min-width: 48.0625em) {
    .appointment-contact__details--section__data.appointment-contact__details--section__margin {
        margin-bottom:0
    }
}

.appointment-contact__details--section__data .form-helper,.appointment-contact__details--section__data label {
    color: #655c58
}

.appointment-contact__details--section__data p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #655c58
}

@media only screen and (min-width: 48.0625em) {
    .appointment-contact__details--section__data p {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .appointment-contact__details--section__data p {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.appointments--repair__content .form-helper,.appointments--repair__content label {
    margin-bottom: .4rem
}

.appointments--repair__content .form-helper,.appointments--repair__content label,.appointments--repair__header .form-helper,.appointments--repair__header label {
    color: #655c58
}

.appointments--repair__content p,.appointments--repair__header p {
    font-size: 1.6rem;
    line-height: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .appointments--repair__content p,.appointments--repair__header p {
        font-size:1.8rem
    }
}

.appointments--repair__content__schedule-section__link-section p:first-of-type,.appointments--repair__header__schedule-section__link-section p:first-of-type {
    margin-bottom: .8rem
}

@media only screen and (min-width: 48.0625em) {
    .appointments--repair__content__schedule-section__link-section p:first-of-type,.appointments--repair__header__schedule-section__link-section p:first-of-type {
        margin-bottom:0
    }
}

.appointments--repair__content__section {
    margin-bottom: 2.4rem
}

.appointments--repair__content__section__product,.appointments--repair__content__section__product:empty~.appointments--repair__content__section__cost:empty~.appointments--repair__content__section__address {
    order: 1
}

.appointments--repair__content__section__product:empty~.appointments--repair__content__section__cost:empty~.appointments--repair__content__section__address {
    bottom: 0
}

.appointments--repair__content__section__cost,.appointments--repair__content__section__cost:empty~.appointments--repair__content__section__information,.appointments--repair__content__section__product:empty~.appointments--repair__content__section__cost:empty~.appointments--repair__content__section__information {
    order: 2
}

.appointments--repair__content__section__empty {
    order: 3
}

.appointments--repair__content__section__address {
    order: 4
}

.appointments--repair__content__section__information {
    margin-bottom: 0;
    order: 5
}

.appointments--repair__content__section__cost:empty~.appointments--repair__content__section__information {
    order: 5
}

@media only screen and (min-width: 48.0625em) {
    .appointments--repair__content__section__cost:empty~.appointments--repair__content__section__information {
        order:2
    }
}

@media only screen and (min-width: 48.0625em) {
    .appointments--repair__content__section__cost:empty~.appointments--repair__content__section__address {
        margin-bottom:0
    }
}

.appointments--repair__content__section__cost:empty,.appointments--repair__content__section__empty,.appointments--repair__content__section__product:empty {
    display: none
}

.appointments--repair__content__section__product:empty~.appointments--repair__content__section__empty {
    display: block
}

@media only screen and (min-width: 48.0625em) {
    .appointments--limitations .title-section__text-section {
        font-size:2rem;
        line-height: 2.4rem
    }
}

.appointments--limitations .title-section__subtext-section {
    margin-top: .4rem
}

@media only screen and (min-width: 48.0625em) {
    .appointments--limitations .title-section__subtext-section {
        font-size:1.8rem
    }
}

.appointments--limitations__description-section {
    line-height: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .appointments--limitations__description-section {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.appointment-step-trackers {
    margin-top: .4rem;
    font-size: 1.2rem
}

.appointment-step-trackers.appointment-step-trackers--repair {
    margin-top: 1.2rem
}

.appointment-step-trackers.appointment-step-trackers--repair .appointment-tracker--steps:before {
    content: "";
    border-left: .2rem solid #eeeded;
    left: 2.5rem;
    top: 7.8rem;
    height: 20%
}

@media only screen and (min-width: 48.0625em) {
    .appointment-step-trackers.appointment-step-trackers--repair .appointment-tracker--steps:before {
        top:8rem
    }
}

.appointment-step-trackers.appointment-step-trackers--repair .appointment-tracker--steps-circle {
    top: 4.8rem
}

@media only screen and (min-width: 48.0625em) {
    .appointment-step-trackers.appointment-step-trackers--repair .appointment-tracker--steps-circle {
        top:4.6rem
    }
}

.appointment-step-trackers .appointment-tracker--steps-circle {
    background: #eeeded;
    height: .8rem;
    width: .8rem;
    border: 1px solid #eeeded;
    bottom: -3.2rem;
    left: -1rem;
    top: 2.4rem
}

.appointment-step-trackers .appointment-tracker--steps {
    background: #fff;
    height: 1.2rem;
    width: 1.2rem;
    border: 1px solid #ffc421;
    margin-top: .3rem
}

.appointment-step-trackers .appointment-tracker--steps:before {
    content: "";
    border-left: .2rem solid #eeeded;
    left: .4rem;
    top: .5rem
}

@media only screen and (min-width: 48.0625em) {
    .appointment-step-trackers .appointment-tracker--steps:before {
        top:.3rem
    }
}

.appointment-step-trackers .appointment-tracker--steps__text {
    line-height: 1.8rem
}

.appointment-step-trackers .appointment-icon-font-size {
    font-size: 1.4rem
}

.appointments--reserve .cards--container {
    padding: 2.4rem 2rem
}

@media only screen and (min-width: 48.0625em) {
    .appointments--reserve .cards--container {
        padding:4.8rem 9.6rem
    }
}

@media only screen and (max-width: 74.49em) {
    .appointments--reserve__title {
        font-size:1.8rem
    }
}

.appointments--reserve__datepicker .form-builder.form-group {
    width: 100%
}

@media only screen and (max-width: 74.49em) {
    .appointments--reserve__datepicker input.form__input {
        padding:0
    }
}

.appointments--reserve .notification.notification--info span {
    font-size: 1.6rem;
    line-height: 2rem
}

.appointments .navigation-list .nav-header-mobile.visibility-show {
    top: -16.5rem
}

@media only screen and (max-width: 22.5em) {
    .appointments .navigation-list .nav-header-mobile.visibility-show {
        top:-21rem
    }
}

@media only screen and (min-width: 36em) {
    .care--dtv-consult-eos-box .border-line--height:before {
        content:"";
        top: 0;
        bottom: 0
    }
}

.dtv-details .content-section .dtv-section__title {
    text-transform: uppercase
}

@media only screen and (min-width: 36em) {
    .dtv-details .content-section .dtv-section__title {
        text-transform:none
    }
}

.care--dtv-device-overlay .image-section {
    width: 10rem
}

.dtv-limits__title {
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 36em) {
    .dtv-limits__title {
        margin-bottom:3.2rem
    }
}

.dtv-limits__content-section .details-section {
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 36em) {
    .dtv-limits__content-section .details-section {
        display:flex;
        flex-direction: row
    }
}

.dtv-limits__content-section .details-section__flex {
    display: flex
}

.dtv-limits__content-section .details-section:last-of-type {
    margin-bottom: 0
}

.dtv-limits__content-section .details-section__user-limit-section {
    margin-left: 3.2rem
}

@media only screen and (min-width: 36em) {
    .dtv-limits__content-section .details-section__user-limit-section {
        margin-left:2.4rem
    }
}

.dtv-limits__content-section .details-section__user-limit-section .first-section {
    margin-bottom: .8rem
}

@media only screen and (min-width: 36em) {
    .dtv-limits__content-section .details-section__user-limit-section .first-section {
        margin-bottom:0
    }
}

.dtv-limits__content-section .details-section__user-limit-section .first-section:first-child {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.dtv-limits__content-section .details-section__user-limit-section .form__input-container {
    margin-top: 1.6rem
}

@media only screen and (min-width: 36em) {
    .dtv-limits__content-section .details-section__user-limit-section .form__input-container {
        margin-top:0
    }
}

.dtv-limits__content-section .details-section .link {
    font-size: inherit;
    line-height: inherit
}

.dtv-limits__content-section .details-section .tooltip .tooltip__info-section {
    width: 23rem;
    z-index: 9
}

@media only screen and (min-width: 36em) {
    .dtv-limits__content-section .details-section .tooltip .tooltip__info-section {
        width:30rem
    }
}

.dtv-limits__content-section .details-section .tooltip:hover .tooltip__info-section.tooltip__info-section--hidden-mobile {
    display: none
}

@media only screen and (min-width: 36em) {
    .dtv-limits__content-section .details-section .tooltip:hover .tooltip__info-section.tooltip__info-section--hidden-mobile {
        display:flex
    }
}

.dtv-limits__content-section .details-section .tooltip:hover .tooltip__info-section.tooltip__info-section--hidden-desktop {
    display: flex
}

@media only screen and (min-width: 36em) {
    .dtv-limits__content-section .details-section .tooltip:hover .tooltip__info-section.tooltip__info-section--hidden-desktop {
        display:none
    }
}

.dtv-limits .notification {
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 36em) {
    .dtv-limits .notification {
        margin-bottom:3.2rem
    }
}

.dtv-usage .navigation-list .nav-list li.active .selection-bar,.dtv-usage .navigation-list .nav-list li:active .selection-bar,.dtv-usage .navigation-list .nav-list li:hover .selection-bar {
    background: #ffc421
}

.dtv-usage .navigation-list .nav-list li {
    color: #655c58
}

.dtv-usage .navigation-list .nav-list li.active,.dtv-usage .navigation-list .nav-list li:active {
    color: inherit
}

.dtv-usage .navigation-list .nav-list,.dtv-usage .navigation-list__label-name {
    width: auto
}

.dtv-usage .navigation-list .nav-list .icon-toggle:before {
    content: none!important
}

.dtv-usage .navigation-list .nav-header-mobile {
    top: -29rem
}

.dtv-usage .navigation-list .nav-header-mobile .back-arrow:before {
    top: -1.2rem
}

.home-networks__content-section__details__filter-title .icon-information {
    vertical-align: middle
}

.home-networks__content-section__details__filter-title.edit-button__title {
    width: 12.5rem
}

.home-networks__content-section__details__filter-title.delete-icon__title {
    width: 4.4rem
}

.home-networks__content-section__details-filter {
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__content-section__details-filter {
        border-bottom:none
    }
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__content-section__details-filter__data .form__input-container .form__input {
        width:80%
    }
}

.home-networks__content-section__details-filter__data .hidden-icon {
    vertical-align: middle;
    margin-left: .1rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__content-section__details-filter__data.edit-button .button {
        min-width:10.5rem
    }
}

.home-networks__content-section__header-edit-form {
    width: 23.2rem;
    height: 8.5rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__content-section__header-edit-form {
        width:24.4rem;
        height: auto
    }
}

.home-networks__general-option {
    border-bottom: none
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__general-option {
        border-bottom:.1rem solid #f7f6f6
    }
}

.home-networks .product-row-item__container {
    border-top: none
}

@media only screen and (min-width: 48.0625em) {
    .home-networks .product-row-item__container {
        border-top:.1rem solid hsla(0,0%,94.9%,.5)
    }
}

@media only screen and (min-width: 48.0625em) {
    .home-networks .product-row-item__container .container-row .option {
        width:25%;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content
    }
}

.home-networks .product-row-item__items {
    border-bottom: none
}

@media only screen and (min-width: 48.0625em) {
    .home-networks .product-row-item__items .consult-profile,.home-networks .product-row-item__items .label-profile {
        width:20%
    }
}

@media only screen and (min-width: 48.0625em) {
    .home-networks .product-row-item__items .consult-profile:nth-child(3) {
        width:60%
    }
}

.home-networks__visible-container.visibility-hide {
    visibility: visible;
    height: auto
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__visible-container.visibility-hide {
        visibility:hidden;
        overflow: hidden;
        height: 0
    }
}

.home-networks__password-settings {
    margin-top: -4.8rem
}

.home-networks__network-content .network-content__option-method .option-method__option-description {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__network-content .network-content__option-method .option-method__option-description {
        width:37%
    }
}

.home-networks__network-content .network-content__option-method .option-method__option-description .option-description__option-text {
    text-transform: uppercase;
    color: #bab6b5
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__network-content .network-content__option-method .option-method__option-description .option-description__option-text {
        text-transform:inherit;
        color: #291d18
    }
}

.home-networks__network-content .network-content__option-method .option-method__option-fields {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__network-content .network-content__option-method .option-method__option-fields {
        width:37rem
    }
}

.home-networks__home-overlay .overlay__section__content__close {
    top: 2.8rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__home-email {
        width:65%
    }
}

.home-networks__selected-bars {
    width: .4rem;
    height: 1.6rem;
    margin: 0 2.2rem 0 -2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__selected-bars {
        width:.6rem;
        height: 2.4rem;
        margin: 0 2.6rem 0 -3rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-passport-section {
        width:47%
    }
}

.home-networks__wifi-passport-section .wifi-passport-section__wifi-passport-field .wifi-passport-field__wifi-description {
    min-height: 3rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-passport-section .wifi-passport-section__wifi-passport-field .wifi-passport-field__wifi-description {
        min-height:3.2rem
    }
}

.home-networks__wifi-passport-section .wifi-passport-section__wifi-passport-field .wifi-passport-field__wifi-description .password-masking-outer--hidden-title {
    font-size: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-passport-section .wifi-passport-section__wifi-passport-field .wifi-passport-field__wifi-description .password-masking-outer--hidden-title {
        font-size:1.8rem
    }
}

.home-networks__wifi-passport-section .wifi-passport-section__wifi-passport-field .wifi-passport-field__wifi-link {
    margin-top: .8rem
}

.home-networks__wifi-passport-section .wifi-passport-section__wifi-passport-qr-code-field {
    display: flex;
    padding: 2.4rem;
    align-items: center
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-passport-section .wifi-passport-section__wifi-passport-qr-code-field {
        padding:3.2rem
    }
}

.home-networks__wifi-passport-section .wifi-passport-section__wifi-passport-qr-code-field .wifi-passport-qr-code-field__code-description {
    margin-left: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #bab6b5
}

.home-networks__wifi-passport-option-section {
    margin-top: 3.2rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-passport-option-section {
        margin-top:4rem
    }
}

.home-networks__wifi-passport-option-section .wifi-passport-option-section__option-label {
    padding: 2.4rem;
    border-bottom: .1rem solid #f7f6f6;
    font-size: 1.8rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-passport-option-section .wifi-passport-option-section__option-label {
        padding:3.2rem;
        font-size: 2.4rem
    }
}

.home-networks__wifi-passport-option-section .wifi-passport-option-section__wifi-passport-option-field {
    padding: 2.4rem;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-passport-option-section .wifi-passport-option-section__wifi-passport-option-field {
        padding:3.2rem
    }
}

.home-networks__wifi-passport-option-section .wifi-passport-option-section__option-sublabel {
    padding: 3.2rem 0 1.6rem;
    font-size: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-passport-option-section .wifi-passport-option-section__option-sublabel {
        padding:3.2rem 0;
        font-size: 2rem
    }
}

.home-networks__wifi-device-option {
    font-size: 1.6rem;
    line-height: 2.4rem;
    display: flex;
    padding: 1.2rem 2.4rem;
    margin-right: 1.6rem;
    border-radius: 2.5rem;
    text-transform: capitalize
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-device-option {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .home-networks__wifi-device-option {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.home-networks__wifi-device-option--active-content {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 1.2rem 2.4rem;
    border-radius: 2.5rem;
    margin-right: 1.6rem;
    background: #ffc421;
    color: #fff
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-device-option--active-content {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .home-networks__wifi-device-option--active-content {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.home-networks__wifi-passport-link-section {
    display: flex;
    flex-direction: column;
    margin: 2.4rem 0 3.2rem;
    align-items: baseline;
    font-size: 1.4rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-passport-link-section {
        flex-direction:row;
        margin: 3.2rem 0;
        font-size: 1.8rem
    }
}

.home-networks__wifi-passport-link-section .text-flow--hyperlink {
    font-size: 1.4rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-passport-link-section .text-flow--hyperlink {
        font-size:1.8rem
    }
}

.home-networks__wifi-passport-link-section .wifi-passport-link-section__link-text {
    margin-bottom: .8rem;
    margin-right: 0
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__wifi-passport-link-section .wifi-passport-link-section__link-text {
        margin-bottom:0;
        margin-right: 1.6rem
    }
}

.home-networks .checkbox-container {
    width: 100%;
    margin-right: 0
}

@media only screen and (min-width: 48.0625em) {
    .home-networks .checkbox-container {
        width:30%;
        margin-right: 1.6rem
    }
}

.home-networks__advance-setting-label {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__advance-setting-label {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .home-networks__advance-setting-label {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__advance-setting-label {
        padding:3.2rem 3.2rem 4rem
    }
}

.home-networks__advance-setting-section {
    display: flex;
    align-items: baseline;
    padding: 0 2.4rem 2.4rem;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__advance-setting-section {
        padding:0 3.2rem 2.4rem;
        flex-direction: row
    }
}

.home-networks__advance-setting-content {
    font-size: 1.2rem;
    width: 100%;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1.6rem;
    color: #bab6b5
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__advance-setting-content {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .home-networks__advance-setting-content {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__advance-setting-content {
        width:29%;
        margin-bottom: 0;
        text-transform: capitalize;
        line-height: 2.4rem;
        color: #291d18
    }
}

.home-networks__advance-setting-value {
    display: flex;
    align-items: baseline
}

.home-networks__advance-setting-option {
    margin: 2.4rem 0;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__advance-setting-option {
        flex-direction:row
    }
}

.home-networks__advance-setting-title {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    border-top: .1rem solid #f7f6f6
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__advance-setting-title {
        padding-top:3.2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .home-networks__details-option {
        position:relative;
        bottom: 1.2rem
    }
}

@media only screen and (max-width: 74.49em) {
    .home-networks .add-firewall-rule__overlay__title {
        font-size:2.4rem;
        margin-bottom: 3.2rem;
        line-height: 2.8rem
    }
}

.home-networks .add-firewall-rule__overlay__top-or-bottom {
    padding: 0 1rem
}

@media only screen and (max-width: 74.49em) {
    .home-networks .add-firewall-rule__overlay__top-or-bottom:first-child {
        margin-bottom:1.6rem
    }
}

.home-networks .add-firewall-rule__overlay .overlay__section__content {
    width: 59rem;
    min-height: 100%;
    overflow: unset
}

@media only screen and (max-width: 74.49em) {
    .home-networks .add-firewall-rule__overlay .overlay__section__content {
        width:100%
    }
}

@media only screen and (max-width: 74.49em) {
    .home-networks .add-firewall-rule__overlay .overlay__section__content__add-rule {
        padding:2.4rem 2rem
    }

    .home-networks .add-firewall-rule__overlay .overlay__section__content__add-rule .form-group>.form-helper,.home-networks .add-firewall-rule__overlay .overlay__section__content__add-rule .form-group>label {
        font-size: 1.2rem
    }
}

.home-networks .add-firewall-rule__overlay .overlay__section__content__add-rule .select-dropdown {
    border-color: #bab6b5
}

.home-networks .add-firewall-rule__overlay .overlay__section__content__add-rule .arrow--down:after {
    color: #999391
}

.home-networks .add-firewall-rule__overlay .overlay__section__content__add-rule input {
    color: #bab6b5;
    border-color: #bab6b5
}

@media only screen and (max-width: 74.49em) {
    .home-networks .add-firewall-rule__overlay .overlay__section__content__add-rule input {
        font-size:1.6rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .home-networks .add-firewall-rule__overlay .overlay__section__content__action {
        margin-top:3.2rem
    }
}

.home-networks .add-firewall-rule__overlay .overlay__section__content__action .button {
    height: 4.2rem
}

@media only screen and (min-width: 48.0625em) {
    .home-networks .add-firewall-rule__overlay .overlay__section__content__action .button {
        margin-bottom:5.6rem
    }
}

@media only screen and (max-width: 74.49em) {
    .home-networks .add-firewall-rule__overlay .overlay__section__content__action .button--secondary {
        order:2;
        margin-bottom: 4.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .home-networks .Container--partitioned {
        width:calc(50% - 1.2rem)
    }
}

.historic-trials__content {
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 48.0625em) {
    .historic-trials__content {
        width:72rem
    }
}

.historic-trials__content__heading {
    padding-bottom: 2.4rem;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 36em) {
    .historic-trials__content__heading {
        padding-bottom:1rem
    }
}

.historic-trials__content__heading .icon-trials {
    padding-top: .5rem
}

.historic-trials .cards--gift-card,.historic-trials .cards--gift-card--locked {
    margin: 3.2rem auto;
    width: 24.8rem;
    height: auto;
    cursor: default;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .historic-trials .cards--gift-card,.historic-trials .cards--gift-card--locked {
        width:55.6rem
    }
}

.historic-trials__cards-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .historic-trials__cards-section {
        flex-direction:row;
        margin-bottom: 0
    }
}

.historic-trials__cards-section .cards--offer-card {
    margin-right: 0;
    cursor: default
}

@media only screen and (min-width: 36em) {
    .historic-trials__cards-section .cards--offer-card {
        margin-right:2rem
    }
}

.historic-trials__subtitle {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .historic-trials__subtitle {
        width:44rem;
        margin: 0 auto
    }
}

.historic-trials__title {
    font-size: 2.4rem;
    line-height: 3.6rem
}

@media only screen and (min-width: 48.0625em) {
    .historic-trials__title {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .historic-trials__title {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

.invoice-content-section {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 36em) {
    .invoice-content-section {
        display:block;
        margin: 2rem 0 0
    }
}

.invoice-content-section .pay-balance {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 2rem;
    flex: 2
}

@media only screen and (min-width: 36em) {
    .invoice-content-section .pay-balance {
        display:flex;
        flex-direction: row-reverse;
        margin-top: 14rem;
        position: relative;
        justify-content: flex-end;
        margin-left: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .invoice-content-section .pay-balance {
        display:flex;
        flex-direction: row-reverse;
        margin-bottom: 0;
        margin-left: 44rem;
        margin-top: 3rem
    }
}

.invoice-content-section .pay-balance .pay-balance_outstanding {
    text-align: left
}

@media only screen and (min-width: 36em) {
    .invoice-content-section .pay-balance .pay-balance_outstanding {
        text-align:right
    }
}

.invoice-content-section .pay-balance .payment_action_details {
    display: none
}

.invoice-content-section .pay-balance .pay-balance-block {
    margin-top: 0;
    width: 100%
}

.invoice-content-section .pay-balance .pay-balance-block .bank__details {
    margin-bottom: 3rem;
    display: flex;
    min-width: 25rem
}

@media only screen and (min-width: 36em) {
    .invoice-content-section .pay-balance .pay-balance-block .bank__details {
        margin-bottom:0
    }
}

.invoice-content-section .pay-balance .pay-balance-block .bank__details .link {
    font-size: 1.5rem;
    padding-top: 0
}

.invoice-content-section .outstanding-notification {
    display: none
}

.invoice-content-section .new-line-notification {
    display: block
}

.invoice-content-section .doccle-text {
    font-size: 1.8rem;
    font-weight: 500;
    margin-top: -1rem;
    margin-bottom: 1.2rem
}

.invoice-content-section .payment-title {
    display: block;
    font-size: 1.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 500;
    color: #bab6b5;
    text-transform: uppercase;
    padding-bottom: 1rem
}

.invoice-content-section .payment-text {
    display: block;
    font-size: 1.6rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 500;
    color: #655c58;
    padding-bottom: 1rem
}

.invoice-content-section .pay-balance .pay-balance-block .bank__details {
    min-width: 20rem
}

.download-files-btn {
    margin-top: .8rem;
    margin-left: 1.2rem
}

.download-files-icon {
    display: block
}

@media only screen and (min-width: 36em) {
    .download-files-icon {
        display:block
    }
}

.invoice-inserts-section {
    margin-right: .3rem
}

.Table__invoices {
    margin-top: 3.2rem
}

@media only screen and (min-width: 36em) {
    .Table__invoices {
        margin-top:0
    }
}

.Table__invoices .Table tr {
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table tr {
        margin-bottom:0
    }
}

.Table__invoices .Table th {
    padding: 1rem 3rem
}

.Table__invoices .Table th:nth-child(3) {
    width: 30%
}

.Table__invoices .Table .button--primary {
    padding: 1.2rem 1.6rem 1.4rem;
    min-width: 14rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table .button--primary {
        width:auto
    }
}

.Table__invoices .Table td:first-child {
    display: table-row
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table td:first-child {
        display:table-cell
    }
}

.Table__invoices .Table td:nth-child(2) {
    display: table-cell;
    width: 17rem
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table td:nth-child(2) {
        display:table-cell;
        width: auto
    }
}

.Table__invoices .Table td:nth-child(4),.Table__invoices .Table td:nth-child(5) {
    text-align: center
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table td:nth-child(4),.Table__invoices .Table td:nth-child(5) {
        text-align:left
    }
}

.Table__invoices .Table td:nth-child(3) {
    display: table-cell;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table td:nth-child(3) {
        display:table-cell;
        text-align: left
    }
}

.Table__invoices .Table td,.Table__invoices .Table thead th {
    text-align: left;
    vertical-align: middle
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table td,.Table__invoices .Table thead th {
        text-align:left
    }
}

.Table__invoices .Table__inlineHeader {
    display: block
}

@media only screen and (min-width: 36em) {
    .Table__invoices .Table__inlineHeader {
        display:none
    }
}

.Table__invoices .Panel-title {
    display: none
}

.account-selector--fleet {
    flex: 1
}

.account-selector--fleet .account-selector__listing {
    box-sizing: inherit;
    margin-bottom: 3rem;
    overflow: hidden;
    background: #fff;
    height: 8.4rem;
    padding-right: 4.5rem;
    border: .1rem solid #655c58;
    justify-content: center;
    position: relative;
    z-index: 2;
    border-radius: 1rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .account-selector--fleet .account-selector__listing {
        position:absolute;
        margin-bottom: 0
    }
}

.account-selector--fleet .account-selector__listing.is-open {
    overflow: visible;
    height: auto
}

.account-selector--fleet .account-selector__listing.is-open .icon-down-rectangle-green:before {
    border-width: 0;
    top: 70%;
    right: -1.2rem;
    transform: translate(-50%,-50%) rotate(90deg) scaleX(-1.2) scaleY(2)
}

.account-selector--fleet .account-selector__item {
    flex: 1 0 100%;
    border-bottom: .2rem solid #f7f6f6;
    margin-right: -4.5rem
}

.account-selector--fleet .account-selector__item .payment-title {
    padding-bottom: 0;
    text-transform: none
}

.account-selector--fleet .account-selector__item.active {
    order: -1
}

.account-selector--fleet .account-selector__link {
    height: 8rem
}

.account-selector--fleet .account-selector__item .avatar {
    display: none
}

.account-selector--fleet .account__info {
    width: calc(100% - 4.5rem);
    display: inline-block;
    box-sizing: inherit;
    text-align: left;
    padding-left: 0;
    padding-right: 4rem
}

.account-selector--fleet .account-selector__trigger {
    display: flex
}

.account-selector--fleet .account-selector__trigger .icon-down-rectangle-green:before {
    content: ">"!important;
    z-index: 3;
    position: absolute;
    transform: translate(-50%,-50%) rotate(90deg) scaleX(1.2) scaleY(2);
    transition: all .3s cubic-bezier(.4,.25,.3,1);
    width: 0;
    height: 0;
    right: -1.2rem;
    top: 35%;
    margin-top: 0;
    box-sizing: inherit;
    border-color: #ffc421 transparent;
    border-style: none;
    border-width: 0;
    visibility: visible;
    color: #eeeded;
    font-size: 1.5rem;
    font-weight: 700
}

.account-selector--fleet .account-selector__item.active .account__info p,.account-selector--fleet .account-selector__item.active .account__info span {
    font-weight: 400
}

.account-selector--fleet .account__info .account__city,.account-selector--fleet .account__info .account__name,.account-selector--fleet .account__info .account__street {
    display: inline-block
}

.pay-balance__credit-text {
    font-size: 1.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 500;
    color: #bab6b5;
    text-transform: uppercase;
    padding-bottom: .5rem;
    white-space: nowrap
}

.account__city-name {
    margin-top: .3rem
}

.account__city-content {
    display: none!important
}

@media only screen and (min-width: 36em) {
    .account__city-content {
        display:block!important
    }
}

.invoices-overview__generic-selector {
    display: block
}

@media only screen and (min-width: 36em) {
    .invoices-overview__generic-selector {
        display:flex
    }
}

.selected-account {
    position: relative;
    top: 0;
    margin-top: 3.2rem
}

@media only screen and (min-width: 36em) {
    .selected-account {
        top:-12rem;
        margin-top: 0
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .payment-content {
        min-width: 15rem
    }

    .Table__invoices .Table td,.Table__invoices .Table thead th {
        background-color: #fff
    }
}

.payment-details-text {
    display: block;
    font-size: 2.4rem;
    line-height: 2.8rem
}

.payment-content {
    white-space: nowrap
}

.invoices-settings__generic-selector .generic-selector.dropdown {
    width: 100%;
    margin: 0
}

@media only screen and (min-width: 36em) {
    .invoices-settings__generic-selector .generic-selector.dropdown {
        width:50%
    }
}

.invoices-settings__form .save-button {
    width: 100%;
    display: block;
    margin: 2rem 0 2rem auto
}

@media only screen and (min-width: 36em) {
    .invoices-settings__form .save-button {
        width:auto
    }
}

.payments-and-refunds {
    margin: 0 auto
}

.payments-and-refunds__footer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

@media only screen and (min-width: 36em) {
    .payments-and-refunds__footer {
        flex-direction:row
    }
}

.payments-and-refunds__footer .button {
    margin-top: 3.5rem;
    order: 1
}

@media only screen and (min-width: 36em) {
    .payments-and-refunds__footer .button {
        order:0;
        margin-top: 2.5rem
    }
}

.payments-and-refunds__footer .pagination {
    margin-top: 3.5rem
}

@media only screen and (min-width: 36em) {
    .payments-and-refunds__footer .pagination {
        margin-top:2.5rem
    }
}

.payments-and-refunds__footer .pagination--table {
    flex-direction: column;
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .payments-and-refunds__footer .pagination--table {
        flex-direction:row;
        margin-bottom: 0
    }
}

.cmp-carousel__content {
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    -ms-scroll-snap-type: inline mandatory;
    scroll-snap-type: inline mandatory;
    margin: 1.2rem -1rem 2.4rem
}

.cmp-carousel__content>* {
    scroll-snap-align: start
}

.cmp-carousel__content .cmp-image {
    padding: 0 1rem
}

.cmp-carousel__content .cmp-image .cmp-image__link img:hover {
    transform: scale(1.1)
}

.cmp-carousel__action {
    top: calc(50% - 3.9rem);
    width: 3.8rem;
    height: 3.8rem;
    border: none;
    z-index: 999
}

.cmp-carousel__action:hover {
    transform: scale(1.1)
}

.cmp-carousel__action--previous {
    left: 0
}

.cmp-carousel__action--next {
    right: 0
}

.cq-wcm-edit .cmp-carousel__content {
    grid-auto-flow: inherit;
    grid-auto-columns: auto;
    grid-template-areas: "a a a a a a"
}

.cq-wcm-edit .cmp-carousel__content .cmp-image {
    padding: 1rem
}

.cq-wcm-edit .cmp-carousel__content .cmp-image .cmp-image__link img:hover {
    transform: scale(1)
}

.maintenance-circle {
    width: 2.5rem;
    height: 2.5rem
}

@media only screen and (min-width: 48.0625em) {
    .carousel-bottom-text {
        width:50%
    }
}

.plm-carousel-right {
    z-index: 1
}

@media only screen and (min-width: 48.0625em) {
    .plm-carousel-right {
        right:5rem;
        top: 15rem
    }
}

.plm-carousel-left {
    z-index: 1
}

@media only screen and (min-width: 48.0625em) {
    .plm-carousel-left {
        left:5rem;
        top: 15rem
    }
}

.cmp-image.align-center .cmp-image__title,.cmp-image.align-left .cmp-image__title,.cmp-image.align-right .cmp-image__title {
    display: block
}

.cmp-image .cmp-image__image--original-size {
    width: auto;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.cmp-text a,.cmp-text a:not([href]):not([tabindex]) {
    color: var(--link-color);
    text-decoration: underline
}

.cmp-text a:hover,.cmp-text a:not([href]):not([tabindex]):hover {
    color: var(--link-color--hover);
    text-decoration: none
}

.cmp-text a.disabled,.cmp-text a:not([href]):not([tabindex]).disabled {
    color: var(--link-color--disabled)
}

.cmp-text a.ot-sdk-show-settings,.cmp-text a:not([href]):not([tabindex]).ot-sdk-show-settings {
    text-decoration: none
}

.cmp-text a.ot-sdk-show-settings:hover,.cmp-text a:not([href]):not([tabindex]).ot-sdk-show-settings:hover {
    text-decoration: none
}

.cmp-text.color-white a,.cmp-text.color-white a:not([href]):not([tabindex]) {
    text-decoration: underline
}

.cmp-text.color-white a:hover,.cmp-text.color-white a:not([href]):not([tabindex]):hover {
    text-decoration: none
}

.cmp-text__listing--primary-ticks ul {
    list-style-position: outside;
    -webkit-padding-start: 2.4rem;
    padding-inline-start:2.4rem}

.care-page .cmp-text p,.dashboard-page .cmp-text p,.sales-page .cmp-text p {
    margin-bottom: 1.5rem;
    word-wrap: break-word;
    line-height: 1.8rem
}

.care-page .cmp-text ol,.care-page .cmp-text ul,.dashboard-page .cmp-text ol,.dashboard-page .cmp-text ul,.sales-page .cmp-text ol,.sales-page .cmp-text ul {
    padding-bottom: 2rem;
    margin: 0
}

.care-page .cmp-text ol li,.care-page .cmp-text ul li,.dashboard-page .cmp-text ol li,.dashboard-page .cmp-text ul li,.sales-page .cmp-text ol li,.sales-page .cmp-text ul li {
    padding: 0 0 .5rem;
    margin-left: 2rem
}

.guardrail {
    flex-direction: column;
    border-radius: 1.6rem 1.6rem 0 0;
    bottom: 0;
    z-index: 99
}

.guardrail,.guardrail--wrapper {
    position: fixed;
    width: 100%;
    left: 0
}

.guardrail--wrapper {
    display: flex;
    justify-content: center;
    right: 0;
    top: calc(100% - 5rem);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.guardrail--wrapper__slide-down {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-name: guardrail__slide-down;
    animation-name: guardrail__slide-down
}

.guardrail--wrapper__slide-up {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: guardrail__slide-up;
    animation-name: guardrail__slide-up
}

@media only screen and (min-width: 48.0625em) {
    .guardrail {
        border-radius:2.4rem;
        flex-direction: row;
        width: 86%;
        max-width: 103rem;
        height: auto;
        bottom: 0;
        position: relative
    }
}

.guardrail__category {
    width: 100%;
    padding: 0;
    border-radius: 0;
    min-height: calc(80vh - 9rem);
    max-height: calc(80vh - 9rem);
    overflow-y: auto;
    transition: all .3s ease
}

@media only screen and (min-width: 48.0625em) {
    .guardrail__category {
        width:75%;
        padding: 1.6rem 0 1.6rem 4.8rem;
        overflow-y: visible;
        min-height: auto;
        max-height: auto
    }
}

@media only screen and (device-width: 768px) {
    .guardrail__category {
        padding:0;
        overflow-y: auto;
        min-height: calc(80vh - 9rem);
        max-height: calc(80vh - 9rem)
    }
}

.guardrail__category__closed {
    max-height: 0;
    min-height: 0
}

@media only screen and (min-width: 48.0625em) {
    .guardrail__category__closed {
        max-height:none;
        min-height: none
    }
}

@media only screen and (device-width: 768px) {
    .guardrail__category__closed {
        max-height:0;
        min-height: 0
    }
}

.guardrail__category--close-button {
    z-index: 3
}

.guardrail__category--container {
    flex-direction: column;
    padding: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .guardrail__category--container {
        flex-direction:row;
        margin-top: 1.2rem;
        margin-right: 1.6rem;
        padding: 0
    }
}

.guardrail__category--container--info {
    width: 100%;
    margin-bottom: 3.2rem
}

@media only screen and (min-width: 48.0625em) {
    .guardrail__category--container--info {
        width:30%;
        margin-bottom: 0
    }
}

.guardrail__category--container--info--choose-package {
    margin-top: .8rem;
    box-shadow: .1rem .3rem .8rem 0 rgba(58,58,39,.09);
    padding: .8rem 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .guardrail__category--container--info--choose-package {
        margin-top:.4rem
    }
}

.guardrail__category--container--info--choose-package--open--list {
    width: 100%;
    display: flex
}

@media only screen and (min-width: 48.0625em) {
    .guardrail__category--container--info--choose-package--open--list {
        position:absolute;
        width: auto;
        min-width: calc(25% - 5.6rem);
        border-radius: .8rem;
        padding: .8rem .8rem 0;
        margin-left: -1.6rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1
    }
}

.guardrail__category--container--info--choose-package--open--list .cards-slot {
    margin-bottom: .8rem!important
}

.guardrail__category--container--info .text-wrapper {
    width: 1.3rem
}

.guardrail__price-overview {
    padding: 1.6rem;
    flex-direction: row;
    width: 100%;
    border-radius: 1.6rem 1.6rem 0 0;
    height: 9rem
}

@media only screen and (min-width: 48.0625em) {
    .guardrail__price-overview {
        width:25%;
        flex-direction: column;
        border-radius: 0 2.4rem 2.4rem 0;
        height: auto
    }
}

@media only screen and (device-width: 768px) {
    .guardrail__price-overview {
        padding:2.4rem;
        border-radius: 2rem 2rem 0 0;
        height: 9rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .guardrail__price-overview .price-content {
        margin-top:0
    }
}

.guardrail__price-overview .price-content .price {
    display: flex
}

.guardrail.guardrail__collapsed {
    height: auto
}

@media only screen and (min-width: 48.0625em) {
    .guardrail.guardrail__collapsed {
        display:none
    }
}

.guardrail.guardrail__collapsed .guardrail__price-overview {
    width: -webkit-fill-available;
    position: absolute;
    bottom: 0;
    box-shadow: 0 0 3.2rem 0 rgba(51,51,51,.32)
}

.guardrail__toggler {
    display: flex;
    justify-content: center;
    align-items: center;
    top: -2rem;
    width: 4rem;
    height: 4rem
}

.cq-Editable-dom .guardrail,.cq-Editable-dom .guardrail--wrapper {
    opacity: 1;
    transform: translateZ(0);
    position: relative;
    bottom: 0
}

@-webkit-keyframes guardrail__slide-up {
    0% {
        top: calc(100% - 5rem)
    }

    to {
        top: calc(100% - 23rem)
    }
}

@keyframes guardrail__slide-up {
    0% {
        top: calc(100% - 5rem)
    }

    to {
        top: calc(100% - 23rem)
    }
}

@-webkit-keyframes guardrail__slide-down {
    0% {
        top: calc(100% - 23rem)
    }

    to {
        top: calc(100% - 5rem)
    }
}

@keyframes guardrail__slide-down {
    0% {
        top: calc(100% - 23rem)
    }

    to {
        top: calc(100% - 5rem)
    }
}

.product-configuration-page .cmp.cmp-shopping-basket .header-accordion .header-accordion--link__icon {
    transition: transform .3s ease;
    transform-origin: center center
}

@media only screen and (max-width: 74.49em) {
    .product-configuration-page .shopping-basket.slideup {
        height:6.7rem;
        transition: all .3s ease;
        max-height: 6.7rem;
        min-height: 6.7rem;
        width: 100%
    }
}

@media only screen and (max-width: 74.49em) {
    .product-configuration-page .shopping-basket.slideup.slidedown {
        height:80vh;
        position: fixed;
        top: 0;
        left: 0;
        min-height: 100%;
        max-height: 100%
    }
}

@media only screen and (max-width: 74.49em) {
    .product-configuration-page .shopping-basket--items__container {
        flex:1 1 0;
        overflow-y: auto;
        overflow-x: hidden
    }
}

@media only screen and (max-width: 74.49em) {
    .product-configuration-page .shopping-basket--very-dark--sm {
        background-color:#291d18;
        color: #fff
    }
}

.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) .container--default {
    padding: 0
}

.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.cmp-responsivegrid__container>.aem-Grid,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.ng-isolate-scope>.aem-Grid {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

@media only screen and (max-width: 74.49em) {
    .product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.cmp-responsivegrid__container>.aem-Grid,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.ng-isolate-scope>.aem-Grid {
        flex-direction:column-reverse
    }
}

.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.cmp-responsivegrid__container>.aem-Grid .cmp.cmp-responsivegrid:last-child,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.ng-isolate-scope>.aem-Grid .cmp.cmp-responsivegrid:last-child {
    top: 1rem
}

@media only screen and (max-width: 74.49em) {
    .product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.cmp-responsivegrid__container>.aem-Grid .cmp.cmp-responsivegrid:last-child,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.ng-isolate-scope>.aem-Grid .cmp.cmp-responsivegrid:last-child {
        position:sticky;
        top: 0;
        width: 100%;
        z-index: 1013
    }
}

.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.cmp-responsivegrid__container>.aem-Grid #basket-container,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.cmp-responsivegrid__container>.aem-Grid #basket-container>.cmp-responsivegrid__container,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.cmp-responsivegrid__container>.aem-Grid #basket-container>.cmp-responsivegrid__container>.aem-Grid,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.cmp-responsivegrid__container>.aem-Grid #basket-container>.cmp-responsivegrid__container>.aem-Grid>.cmp-shopping-basket,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.cmp-responsivegrid__container>.aem-Grid #basket-container>.ng-isolate-scope,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.cmp-responsivegrid__container>.aem-Grid #basket-container>.ng-isolate-scope>.aem-Grid,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.cmp-responsivegrid__container>.aem-Grid #basket-container>.ng-isolate-scope>.aem-Grid>.cmp-shopping-basket,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.ng-isolate-scope>.aem-Grid #basket-container,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.ng-isolate-scope>.aem-Grid #basket-container>.cmp-responsivegrid__container,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.ng-isolate-scope>.aem-Grid #basket-container>.cmp-responsivegrid__container>.aem-Grid,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.ng-isolate-scope>.aem-Grid #basket-container>.cmp-responsivegrid__container>.aem-Grid>.cmp-shopping-basket,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.ng-isolate-scope>.aem-Grid #basket-container>.ng-isolate-scope,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.ng-isolate-scope>.aem-Grid #basket-container>.ng-isolate-scope>.aem-Grid,.product-configuration-page .content-wrap .cmp.cmp-section-container:not(.cq-Editable-dom) #main-section #main-container>.ng-isolate-scope>.aem-Grid #basket-container>.ng-isolate-scope>.aem-Grid>.cmp-shopping-basket {
    height: 100%
}

.product-configuration-page .cmp-responsivegrid--bg-image {
    background-color: #291d18;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom
}

.cmp.cmp-video .video-youtube {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%
}

.cmp.cmp-video .video-youtube iframe {
    height: 100%;
    width: 100%;
    box-sizing: inherit;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-width: 350px) {
    .cmp.cmp-video .PingVP {
        left:-2rem;
        transform: scale(.8)
    }
}

.cmp.cmp-video .PingVP {
    height: auto
}

@media only screen and (min-width: 48.0625em) {
    .hardware-accessories__content li {
        width:calc(25% - 1.8rem)
    }
}

.hardware-accessories__content__first {
    flex: 1
}

.hardware-accessories__content__discount {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.hardware-accessories__content .hardware-product .form__checkbox input[type=checkbox].form__checkbox__input+.form__checkbox__label.form-helper:before,.hardware-accessories__content .hardware-product .form__checkbox input[type=checkbox].form__checkbox__input+label.form__checkbox__label:before {
    vertical-align: middle
}

@media only screen and (min-width: 74.5em) {
    .hardware-accessories__content .hardware-product .form__checkbox input[type=checkbox].form__checkbox__input+.form__checkbox__label.form-helper:before,.hardware-accessories__content .hardware-product .form__checkbox input[type=checkbox].form__checkbox__input+label.form__checkbox__label:before {
        vertical-align:text-top
    }
}

.hardware-accessories__summary--content_place-holder {
    min-width: 4rem
}

.hardware-accessories__summary--content_place-holder .icon {
    vertical-align: super
}

@media only screen and (min-width: 48.0625em) {
    .hardware-accessories .overlay .hardware-accessories__details {
        border:.1rem solid #f7f6f6
    }
}

.hardware-basket--item__image {
    max-height: 9.6rem
}

@media only screen and (min-width: 36em) {
    .hardware-categories__items.Container {
        width:calc(25% - 1.8rem)
    }
}

.hardware-details__image {
    width: 20rem;
    top: 10rem
}

@media only screen and (max-width: 48.0525em) {
    .hardware-details__image {
        height:31rem
    }
}

@media only screen and (min-width: 74.5em) {
    .hardware-details__image {
        width:25rem
    }
}

.hardware-details__image img {
    max-width: 20rem;
    max-height: 26rem
}

@media only screen and (min-width: 74.5em) {
    .hardware-details__image img {
        max-width:25rem;
        max-height: 46rem
    }
}

.hardware-details__image .slick-carousel__slider.slick-slider .slick-dots li button {
    height: 1.2rem;
    width: 1.2rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-details__image .slick-carousel__slider.slick-slider .slick-dots li button {
        height:1.6rem;
        width: 1.6rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .hardware-details__plans .label-cards.cards.card-square.card-square-secondary.card-square-secondary--header .cards-slot .cards--container {
        height:97%
    }
}

.hardware-details__plans .cards-content__body .icon-text-block__icon {
    width: 3rem
}

.hardware-details__plans .cards-content__body .icon-text-block__text {
    padding: .8rem 0 .8rem 1rem
}

@media only screen and (min-width: 36em) {
    .hardware-details__error-message {
        width:auto
    }
}

.hardware-details__slider-thumbnails {
    width: 20rem
}

@media only screen and (min-width: 74.5em) {
    .hardware-details__slider-thumbnails {
        left:0;
        width: 25rem
    }
}

.hardware-details__slider-thumbnails .slick-list .slick-track .slick-carousel__slider--thumbnail-image img {
    max-width: 3rem;
    height: 3rem
}

@media only screen and (min-width: 74.5em) {
    .hardware-details__slider-thumbnails .slick-list .slick-track .slick-carousel__slider--thumbnail-image img {
        max-width:4rem;
        height: 4rem
    }
}

.hardware-details__slider-thumbnails .slick-next {
    top: .8rem;
    right: -3rem
}

@media only screen and (min-width: 74.5em) {
    .hardware-details__slider-thumbnails .slick-next {
        top:1.5rem;
        right: -5rem
    }
}

.hardware-details__slider-thumbnails .slick-prev {
    top: .8rem;
    left: -3rem
}

@media only screen and (min-width: 74.5em) {
    .hardware-details__slider-thumbnails .slick-prev {
        top:1.5rem;
        left: -5rem
    }
}

.hardware-details__slider-thumbnails--minimum .slick-list .slick-track {
    width: 100%!important;
    transform: translateZ(0)!important
}

.hardware-details__slider-images.slick-carousel__slider.slick-slider .slick-slider-button__highlight.slick-next:before,.hardware-details__slider-images.slick-carousel__slider.slick-slider .slick-slider-button__highlight.slick-prev:before {
    line-height: normal
}

.hardware-details__slider-images img,.hardware-details__slider-mobile img {
    min-width: calc(100% - 10rem);
    margin: 0 5rem
}

.hardware-details__slider-images__initial .slick-track {
    transform: translate3d(-10rem,0,0)!important
}

.hardware-details__slider-images__initial-minimum .slick-track {
    transform: translate3d(-7.5rem,0,0)!important
}

.hardware-details__slider-mobile__initial .slick-track {
    transform: translate3d(-8.6rem,0,0)!important
}

.hardware-details__additional-info {
    display: block
}

.hardware-details__additional-info-footer {
    display: none
}

.hardware-navigation {
    margin: 3.2rem -2rem
}

@media only screen and (max-width: 48.0525em) {
    .hardware-navigation {
        padding:1.6rem 2rem;
        background-color: #f7f6f6
    }
}

@media only screen and (min-width: 48.0625em) {
    .hardware-navigation {
        margin:5.2rem 0 4rem
    }
}

.hardware-sticky-header.sticky-header__data,.hardware-sticky-header__data {
    padding: 1.6rem 2rem;
    max-width: 113.2rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-sticky-header.sticky-header__data,.hardware-sticky-header__data {
        padding:1.4rem 3rem
    }
}

@media only screen and (min-width: 74.5em) {
    .hardware-sticky-header.sticky-header__data,.hardware-sticky-header__data {
        padding:1.4rem 0
    }
}

.hardware-sticky-header.sticky-header {
    top: 0
}

@media only screen and (min-width: 48.0625em) {
    .hardware-sticky-header.sticky-header {
        top:0
    }
}

.hardware-recommendations__content li {
    width: calc(25% - 1.8rem)
}

.hardware-recommendations__content__first {
    flex: 1
}

.hardware-recommendations__content__discount {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.hardware-recommendations .slick-track .slick-slide {
    height: inherit
}

.hardware-recommendations .slick-dots {
    bottom: 0
}

.hardware-search__hidden-md {
    display: block!important
}

@media only screen and (min-width: 48.0625em) {
    .hardware-search__hidden-md {
        display:none!important
    }
}

.hardware-search__hidden-mobile {
    display: none!important
}

@media only screen and (min-width: 48.0625em) {
    .hardware-search__hidden-mobile {
        display:block!important
    }
}

@media only screen and (min-width: 36em) {
    .hardware-search__nav {
        width:100%
    }
}

@media only screen and (min-width: 48.0625em) {
    .hardware-search__nav {
        width:25%;
        float: left;
        padding-right: 5rem
    }
}

@media only screen and (min-width: 74.5em) {
    .hardware-search__nav {
        padding-right:11rem
    }
}

.hardware-search__nav__title {
    font-size: 2.4rem;
    line-height: 2.8rem
}

.hardware-search .overlay {
    position: unset
}

.hardware-search .overlay .hardware-search__nav {
    top: 12rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-search__content {
        width:75%
    }
}

.hardware-search__content__header {
    margin: 0 0 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-search__content__header {
        margin:1rem 0 4rem
    }
}

.hardware-search__content__header__result {
    font-size: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .hardware-search__content__header__result {
        font-size:3.2rem
    }
}

.hardware-search__content__show-item,.hardware-search__content__show-item li {
    width: 8rem
}

.hardware-search__content__show-item .hardware-search__dropdown__selector-menu__list__item {
    box-shadow: .1rem .6rem .6rem 0 #f7f6f6
}

.hardware-search__content__show-item .hardware-search__dropdown__selector-menu__list__item:first-child {
    box-shadow: none
}

.hardware-search__content__show-item .hardware-search__dropdown__selector-menu__list__item:nth-child(2) {
    box-shadow: .2rem .4rem .8rem 0 #f7f6f6
}

.hardware-search__content ol {
    list-style: none;
    flex-wrap: wrap
}

.hardware-search__content ol li {
    margin: 0;
    padding: 0 0 2.4rem
}

@media only screen and (min-width: 36em) {
    .hardware-search__content ol li {
        width:100%
    }
}

@media only screen and (min-width: 48.0625em) {
    .hardware-search__content ol li {
        width:30.7%;
        margin: 0 2rem 2.4rem 0;
        padding: 0
    }

    .hardware-search__content ol li:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 74.5em) {
    .hardware-search__content ol li {
        width:31.7%
    }
}

.hardware-search__content ol li .hardware-product {
    height: 100%
}

.hardware-search__content ol li .hardware-product__content__header div {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.hardware-search__content--no-result {
    padding: 4rem 0;
    margin: 0 -2rem;
    background-color: #fff
}

@media only screen and (min-width: 48.0625em) {
    .hardware-search__content--no-result {
        padding:3.2rem;
        margin: 0 -2rem 0 0;
        border-radius: .8rem
    }
}

.hardware-search__content--no-result__data {
    font-size: 1.8rem;
    line-height: 2rem;
    height: 15rem;
    color: #c95942;
    background-image: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/no-result-mobile-telenet.svg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top
}

@media only screen and (min-width: 48.0625em) {
    .hardware-search__content--no-result__data {
        font-size:2rem;
        line-height: 2.4rem;
        height: 19rem;
        background-image: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/no-result-telenet.svg)
    }
}

.hardware-search__pagination {
    clear: both
}

.hardware-search__pagination .pagination {
    width: auto
}

@media only screen and (min-width: 48.0625em) {
    .hardware-product--header {
        margin:0 2rem
    }
}

.hardware-product--header .selector.selector--with-icon {
    top: -9rem
}

@media only screen and (min-width: 36em) {
    .hardware-product--header .selector.selector--with-icon {
        top:0
    }
}

.site-navigation {
    background: transparent;
    position: relative
}

.site-navigation .site-navigation-desktop a {
    text-decoration: none;
    color: #766f6b;
    padding: 1rem 0;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    text-transform: capitalize;
    display: inline-block
}

@media only screen and (min-width: 36em) {
    .site-navigation .site-navigation-desktop a {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.site-navigation .site-navigation-desktop a:hover {
    opacity: 1;
    font-weight: 400;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    color: #291d18;
    border-bottom: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .site-navigation .site-navigation-desktop a:hover {
        border-bottom:.2rem solid #ffc421;
        margin-bottom: -.2rem
    }
}

.site-navigation .site-navigation-desktop a.selected,.site-navigation .site-navigation-desktop a:active {
    opacity: 1;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 400;
    color: #291d18;
    border-bottom: .2rem solid #ffc421;
    margin-bottom: -.2rem
}

@media only screen and (min-width: 36em) {
    .site-navigation .site-navigation-desktop a.selected,.site-navigation .site-navigation-desktop a:active {
        border-bottom:.2rem solid #ffc421
    }
}

.site-navigation .site-navigation-desktop a:first-child {
    padding-left: 0;
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .site-navigation .site-navigation-desktop .dropdown-menu--top-nav a:hover {
        border-bottom:unset;
        margin-bottom: unset
    }
}

.Header .cmp-contact {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    border-top: none
}

.accordion--panel__collapsed {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out
}

.cmp-accordion__title {
    color: var(--title--color)
}

.cmp-accordion__icon {
    color: var(--chevron--color);
    font-size: 1.6rem
}

.cmp-accordion__icon:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit
}

@media only screen and (min-width: 48.0625em) {
    .cmp-accordion__icon {
        font-size:2.4rem
    }
}

.cmp-accordion__button .icon:before {
    transition: transform .3s ease;
    transform-origin: center center;
    color: var(--chevron--color)
}

.cmp-accordion__button.cmp-accordion__button--expanded .icon:before {
    transform: rotate(180deg)
}

.cmp-accordion__item {
    overflow: hidden
}

.cmp-accordion__item .cmp-accordion__panel {
    transition: all .3s ease;
    overflow: hidden;
    height: 0
}

.cmp-accordion .divider--xxs {
    border-top: .1rem solid
}

.theme--light-ui,:root {
    --title--color: #291d18;
    --chevron--color: #291d18
}

.theme--dark-ui {
    --title--color: #fff;
    --chevron--color: #fff
}

.cmp-countdown {
    flex: 1
}

.cmp-countdown__item--medium {
    flex-direction: column;
    flex-grow: 1;
    width: 0;
    margin: .3rem;
    height: 10rem
}

@media only screen and (min-width: 36em) {
    .cmp-countdown__item--medium {
        margin:.4rem;
        height: 14.6rem
    }
}

.cmp-countdown__item--top {
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

.cmp-countdown__item--top--medium {
    height: 6.9rem
}

@media only screen and (min-width: 36em) {
    .cmp-countdown__item--top--medium {
        height:9.8rem
    }
}

.cmp-countdown__item--top--title {
    height: 4.6rem;
    line-height: 4.6rem;
    font-size: 4rem;
    color: #291d18
}

@media only screen and (min-width: 36em) {
    .cmp-countdown__item--top--title {
        height:6.6rem;
        font-size: 6rem;
        line-height: 6rem
    }
}

.cmp-countdown__item--top--title.countdown--alternate {
    color: #fff
}

.cmp-countdown__item--top.countdown--alternate {
    background-color: #ffc421
}

.cmp-countdown__item--bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .4rem 1rem;
    top: 1.02rem;
    margin-top: .4rem;
    background-color: #ffc421
}

.cmp-countdown__item--bottom--medium {
    height: 2.8rem
}

@media only screen and (min-width: 36em) {
    .cmp-countdown__item--bottom--medium {
        height:4.4rem;
        padding: 1rem 1.2rem
    }
}

.cmp-countdown__item--bottom--temporal {
    line-height: 2rem;
    font-size: 1.2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #fff
}

@media only screen and (min-width: 36em) {
    .cmp-countdown__item--bottom--temporal {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.cmp-countdown__item--bottom.countdown--alternate {
    background-color: #291d18
}

.content-list ul.content-list--cols-2 {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2 {
        grid-template-columns:repeat(2,50%);
        gap: 0 2rem;
        width: calc(100% - 2rem)
    }
}

.content-list ul.content-list--cols-2--rows-for-10 {
    grid-template-rows: repeat(10,1fr)
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2--rows-for-10 {
        grid-template-rows:repeat(5,1fr)
    }
}

.content-list ul.content-list--cols-2--rows-for-11 {
    grid-template-rows: repeat(11,1fr)
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2--rows-for-11 {
        grid-template-rows:repeat(6,1fr)
    }
}

.content-list ul.content-list--cols-2--rows-for-12 {
    grid-template-rows: repeat(12,1fr)
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2--rows-for-12 {
        grid-template-rows:repeat(6,1fr)
    }
}

.content-list ul.content-list--cols-2--rows-for-13 {
    grid-template-rows: repeat(13,1fr)
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2--rows-for-13 {
        grid-template-rows:repeat(7,1fr)
    }
}

.content-list ul.content-list--cols-2--rows-for-14 {
    grid-template-rows: repeat(14,1fr)
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2--rows-for-14 {
        grid-template-rows:repeat(7,1fr)
    }
}

.content-list ul.content-list--cols-2--rows-for-15 {
    grid-template-rows: repeat(15,1fr)
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2--rows-for-15 {
        grid-template-rows:repeat(8,1fr)
    }
}

.content-list ul.content-list--cols-2--rows-for-16 {
    grid-template-rows: repeat(16,1fr)
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2--rows-for-16 {
        grid-template-rows:repeat(8,1fr)
    }
}

.content-list ul.content-list--cols-2--rows-for-17 {
    grid-template-rows: repeat(17,1fr)
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2--rows-for-17 {
        grid-template-rows:repeat(9,1fr)
    }
}

.content-list ul.content-list--cols-2--rows-for-18 {
    grid-template-rows: repeat(18,1fr)
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2--rows-for-18 {
        grid-template-rows:repeat(9,1fr)
    }
}

.content-list ul.content-list--cols-2--rows-for-19 {
    grid-template-rows: repeat(19,1fr)
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2--rows-for-19 {
        grid-template-rows:repeat(10,1fr)
    }
}

.content-list ul.content-list--cols-2--rows-for-20 {
    grid-template-rows: repeat(20,1fr)
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2--rows-for-20 {
        grid-template-rows:repeat(10,1fr)
    }
}

.content-list ul.content-list--cols-2 .teaser--title {
    max-width: 100%;
    overflow: overflow;
    white-space: wrap
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2 .teaser--title {
        max-width:94%;
        overflow: hidden;
        white-space: nowrap
    }
}

@media only screen and (min-width: 36em) {
    .content-list ul.content-list--cols-2 .teaser--title span:first-child {
        display:inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk {
    -webkit-animation: bannerJump .3s ease-in-out .5s forwards;
    animation: bannerJump .3s ease-in-out .5s forwards;
    opacity: 0;
    top: 0;
    left: -30vw;
    width: 160vw;
    min-height: 2.2rem;
    visibility: visible;
    max-width: none;
    border-radius: 0 0 50% 50%;
    background-color: rgba(104,181,200,.85)!important;
    outline: none;
    z-index: 99999
}

#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
    width: 95vw;
    max-width: 113.2rem;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 1.5rem auto 4.7rem;
    top: 0;
    box-sizing: border-box
}

#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container:before {
    content: "";
    display: inline-block;
    width: 10.3rem;
    height: 10.3rem;
    background-size: 100% 100%;
    background-position: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAzIDEwMyI+PGltYWdlIHdpZHRoPSIxOTgiIGhlaWdodD0iMTk4IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQU1ZQUFBREdDQVlBQUFDSm0vOWRBQUFBQVhOU1IwSUFyczRjNlFBQUFFUmxXRWxtVFUwQSBLZ0FBQUFnQUFZZHBBQVFBQUFBQkFBQUFHZ0FBQUFBQUE2QUJBQU1BQUFBQkFBRUFBS0FDQUFRQUFBQUJBQUFBeHFBREFBUUFBQUFCIEFBQUF4Z0FBQUFCbFQzdGlBQUFnNjBsRVFWUjRBZTFkQ1pBZHhYbnVQYlNyWTBFM3VzMEtqQzdRWVZtaVFBUVJJVXNvNW9pZGhDT1MgQVJHcmJBZHNFOHBWNEFKRFpNY2lRQ1dPY1lCeVVtQXdSZ1FFOFFIQkFXUUpTNWpEbGlJT1lZUUFJNEVFT3RqVmdjNWRhWGZ6ZmZObSBWbS9mdm1PbXUyZW0rNzMrcS82ZDJYbDkvUDEzZjlNOTNYLy9YU1VjYWRkQVIwZEhYeVRhQ0I3dFg0ZmhPaEE4S092YUIvZjE0THFzIEsyNUZLN2dsNjdvZjk4MCtOL25YYmJodUJtL2l0YXFxYWkrdWpqUnFvRXBqV2hXWEZBQXdBSVdlQ0o2VWRSMkQrLzdnSkdrM01uc2IgL0RwNGZYQUZZSGJoM3BHRUJod3dJaWdOUU9BYmZ4YjRYUDg2TmtMME5JSnVSS2JQZ1ZmeUNxQ3d4M0VVUWdNT0dFV1U1QStKWmlJSSBnVUJtNzJDcnpqb2dPM3NUZ29TODJnM0JvSVVDWkdzbEZ5aU8rbU9BWVR4U1dRQ2VDNTRLcmdHWEk3V2hVT3ZBejRLWEFpUWJ5ckdRIHNtVnl3SURtQUliQnVGd0d2Z0k4RFZ5SnRCYUZmaEQ4Q0VEeWNTVXFJTHZNRlFzTWdJRXpRaGVDQ1laNTRCNWdSMEljZ1JLZUJoTWsgVHdJa25DR3JPS280WUFBUVo2Q1dyd0pmQXU1WGNUVWVyY0I3RUh3WitINEE1T1ZvVWUwT1hUSEFBQ0Rtb0txK0E1NXBkNVdsSnYxcSA1UHg5QUdSNWFoSWttSEZaQXdOZ1lQa3VBdDhFbnA2Z1hzczVxelVvM0JMd0V3QUpaN3JLa3NvU0dBQkVOV3FMUTZVYndaeGlkYVJmIEE1ejZ2Ulc4REFCcDE1OTh1aW1XRlRBQUNINUFYdzcrTnZpVWRGVmJNYm0vZzVMZUJ2NFpBTUlQOTdLZ3NnRUdRREVMTlhJM21Pc1EganBMWEFOZEJyZ0U0dU5KdVBYSElZVFVCRUVQQlMxR0lsV0FIaXZScWs3cGZ5YnBnbmFRbmhwNmNyUVVHbEY4RC9pYlVRSHVnK1hyVSA0VkxSb0FIV3hVYldEZXRJUTNxcEpHSGxVQW9LUHhQYXVnYzhKUld0dVV6RGF1QlZCTHdhdzZ1WHdrWXdKWnhWUFFZQU1SQjhMNVQzIEF0aUJ3cFJXVkZnTzF0RUxyRFBXWGVGZzV2MWlUWThCeFo0RDlUME1IbTZlR3AxRUlUVHdFY0xNUisreEtrVFkxSU1ZMzJNQUVOVmcgcmxpdkFEdFFwTjVrcEFWZzNhMWdYYkpPcFZOSktLTFJQUVlVZUFMMDhCQjRUa0w2Y05ra293R2FsWHdKdmNmT1pMS0xub3V4d0FBbyBacUU0bklZZEZyMVlMb1lGR3RnR0dUbTArcTJKc2hyWHBiR2JCZDhDWmYwRzdFQmhZcXZSSXhQcmxrT3JXMWpuZXBMVWw0cFJQUVlVIHhKbUxSOEd6OVJYUnBXU0JCdmo5ZUNsNmoyWlRaRFVHR0FERktDamxHYkJidlRhbGRTUXJCMDFLemdNNHRpU2JiZjdjakFBR1FERUIgNGhFVUkvT0w2WjVXaUFhMm9wd0V4NXRwbHpmMXNSMUFNUU5LZUI3c1FKRjJhMGcvZjdhQjUvMDJrYW8wcVFJRENqZ2ZwZWRITmgyWCBPWElhb0FiWUZwYjdiU00xamFRR0RCVDhTcFQ2bCtCZXFaWGVaV3lxQm5wRHNGLzZiU1FWR1ZNQkJncDhQVXI3QUxnMmxWSzdURzNRIEFOdkcvWDViU1Z6ZXhEKysvWUxlbm5oSlhZWTJhK0FHZkpEZmtXUUJFZ1VHUU1IaDB3TkpGdERsVlRZYVdBaHcvRFNwMGlRR0RJQ0MgSDlyOHBuRERwNlJxdDd6eU9ZcmlmQUhnZUNxSllpVUNESUNDVTdLY2ZYSWYya25VYXZubWNSQkZtd053dkJoM0VXTUhCa0RCeFR1dSBVN2dwMmJocnN6TFM1NWtmWndNY3NTNEN4Z29NZ0lKbUhrUTNGMjRjT1EzbzBnQlh5R2NBSExHWmo4UTJYUXRRMENEUW1Ybm9hZ291IG5Xd044RVg3ak4vR3NwOXJ1NDhGR0JDWTZUNEtIcTlOVXBlUTAwQlhEYkJ0UGVxM3RhNi9hUGd2Rm1CQXJwdkJzelhJNTVKd0dpaW0gQWJZeHRqWHRwUDBiQXdpZUJTazVBeFVYNkxRcndTVm90UWJvTi9keitON1E2Z0ZSS3pBQWloTWc1S3RnN3M1eTVEU1FsQWE0VFhZSyB3TEZUVjRiYTN1citXTzhoQ09aQW9hdDJYRHBoTmNBMjk1RE83dzF0d0lCZ040S2RONCt3VmVuQzZkWUEyeDdib0JiU01wUUNVdWtNIGJRVzRSb3RVTGhHbkFUa050Q0hhYkF5cFZzbEZQeFpMR1JnQUJkY3JYZ2NQUDVhc3UzTWFTRTBEOUhnNENlQlFjcXlndzZEdmRnaFMgb2FEQWhFajdZU0hhRHVIYWtya1ByaDA0UTRYY3pyTlVqaUlNcjhIL0hmaU5reW5nRHR6enhLNTIvczhYSHQ5VkdPRldnM2xTV2hYLyBSMGZzWFhGZjNRUC9nMnZBVldSVVlWVmQ1bHJkRTcvN1hGT1ArMTVnWEN0cmdwQnRrVzF5RVZpYXFIVnBRbTl4SmlLL0FGWktSMXFBIFdDS2ljYmJ1RUtJRkV4Mjh0bUtpdzJNY2ZYMEVMNkdqTU5YaDljZ2V0T01Ec1VpZ1BkSGFCdGcwOXdPZTBMbDM4bUFoNnNpWVNLekQgY1JiMTRMb2h5RnJuWjZmMmtvUk5FRzhhY1JaNmpaZkNSc2dOSjkyZ0FRcCtUL0RROUNtNWlWcnhQOS8wQjk0UVloOUdnUWMzQ25INCBmZkRXREJnNitPYXVRR0x2VXc5dzFJOFNvdWVKUXZRWkowVERKUENwbVY3SkxwVncyV0Fhd0NGVm1TckE0S0V0ZDFxbEs0S2hDZWI4IE81WUJFT3N3VkpIU21WVkYxaUlzQWROM3VoQkRMaFZpNER5YlFISXRnUEVqR1IxSUFRTzlCZnBkN3lTajQyVXlUVHhPTzc0QnR0d2wgeFBhSE1CVGFsM2oyWlpWaER3ekpoaTJFdmZUWGJBRElKOUQ5V0lCamU5UTZrQVhHVW1RMFAycG1xWVJ2L2w4aE5pM0JOd01uS3h4cCAwMERQVHdseDBqOEswWCtXdGlSalN1aGhBR05CMUxRakF3TzlCVFd4TW1wR3lZZkhMTTk3aTRYWWhsN0NVWHdhR1BsVklVNjhJYjcwIDlhUjhMc0R4WEpTa0lnRURvTUQ4b0hnTlBENUtKb21INVd6UnhxOExzWHRWNGxsWFpJYjg3aGp6Yi83VXNKRWEyQUNwSmdNY25ETVAgUlZIbjVpNUhxbWFEb2dOckJoc1dPVkNFcW41TmdacWZ4b3ZvR2lUR1dWSWppVzJXYlRjMGhlNHgwRnNRUkcrQlR3bWRlaG9CMy8xMiBadFlwamJ3clBjOFJYeGFpOFNaVHRmQU9CQnVIWG9NcnFTVXBTbzl4Q1ZJekd4U2NkZUpVcktOME5QRGhmVUo4L0t0MDhpNmRLOXN1IDIzQW9DdFZqb0xkZ09INWJUQXlWYWhxQnVCcTliamFtWXpsRDV5ZzFEZFFORW1McUNwaXNISmVhQ0VVeVhvL2YrSzFSY3N3WHRzZTQgQ0FtYUN3cHE0djA3SENpb2g3U3B0VW1JRDM2WXRoU0Y4bWNiWmxzdVNXRjdqRDhnSlN4OUdrcUhOMmQ2Q3hya09VcGZBMXdwbi80QyA3TElHcHk5TGR3bldvTWM0dmZ2anJrOUs5aGdZUnMxRkZITkJ3ZkxzZUN4anBkcTFiTzYvdERUQW1jR2RqNmVWZTZsOHA2Tk56eWtWIHFHU1BnVVJXSVpHWnBSSks3L2MySWRiTWdQRWZyRi9USXM5NmRRRGVrRDdUa3JVV1kyeU9zMnRoTmNOclRTL004L2NFQjFlWWczc20gNDNnM1ZkRWVFMi9aS3Y4OTVkbHdvVnk4MGp5ZERjMHpaNGRwUzZlWisyRlk5OEs4aGQ5VXdmWG9IbGo5N3ZhdGYzZWxhLzNicXhIZiBHaXZUcXBGUythNUdyM0ZPc1VDb2pjSUVVSnlCWHcwR0JhVDdaRjM4b0tqcGs3RXc3WFVTckU1SHdUeDdPQ3hRd1o3Sk5zeTIyZGhOIHBQYUQwTTFPOEk2TUdYM0xoN0FnM2lMRW9UL0JzdmhOQUFkQWk0c09iWWJWTW1iM2U0K0xLd2VWZEdleWJRTWNMeGRLcENnd0VPbXEgUWhHTmViNmZrMlV4RVBjcW5QRFhRZ3pHdDFydnNjaWdaT2NhZ3hDS1NWYjNCcEFiTTl3dEtmUkVCN0Fnek9uVm5UOUhMNE1lUmpmdCBROTJZQ1F5V2xHMjdJREFLMWpZUWhiNWViQWRqWEdBd2JmeEd4cFJjbDRqc0hUNTFiY2FDbEVPZFNxQ09WaUUrL0U4aHR0NkRYZ1JEIE5GMDA5REloVHI1VlYycTYwOEc0VXd4RnI0R3RsOTJwMk1mM2hRaHVOaWhZSGc0SmRORnhrekV1WG82TnVvc3k0MzlkNlpxZURyZkcgam9SdDJXZWV3ZVlrOW82YVNHZmRhQklwS3htMmJiYnh2RlFNR0Zma2pXSFVRMHpQdG16Vkk5SEF6d2x4Mm45bHRubnFTZEcrVkxoeiBieUptK1ByOW1SN1pEMytnSjUzNFVpbll4dk1DQThNb1RrRFBpMDhlVFNsekpzcHpOcUNZM3ZHZnhYWVdiR1RpckZHbFUwMER6RVQvIEF6M0hlSFZOY0Y4OEp3RE1wWGwrVys4bVlWNWdJQlFHaDNSRllUaTFhdGg4eEkvc2NUL0cwQW5EQ1VjWkRYQ1diY0s5bWFsbVZaM1EgcVlTNXhEYk90dDZOQ2dHallCZlRMWVUwSCtoUWV1TU5HYzhaYVpiRHhMenJobUVTNGpwMXlWcU5CZ2JMbDdldGR3TUd1aGIyb2RQVSBOWkpBQ3B5ZlY2R0cwekFkKzFjcUtaUjMzR0dYNDlURWs5VEsyS0pZUjJxNWg0azl6Vy96WGNKMkF3WitYZEFsaE1uL3FBSmpxRDFGIFRhY2EwRHc0NWFwQ3FuV2trbmY0dU4wYVFqNWd6QTJmWHNvaHVhb3JTL1RRTitnQzJkaVZFMi93RjQrWnFzaVVPazFUbmZEeWRtdnogWFlDQkxxVXYwcG9hUHIyVVE5TEVXWmJvUkl5TGVZNkthNENlQzN1ZFhEeE1zVitQWU9iUWZKcnF0LzFPU2JzQUEwOXBXRVdMTmp2byBpQW93SnRsUlJoT2twRGRDV1ZLcEk5azhvOGRqbSs5aVZKZ0xqSE9qcDVsaURCV2w5ejRsUmNFdHk3cjNHSG1CVlhwMStWeGxZczdLIGpwUUxqQzQvWmdjMDhwNG0xckpVUDBJMlp1WEZveVd4TE5FSnRoM1VwVlBvQkFiR1dOaXNhL2oyMVd3RmN3OEM5eW5JVWozbTZSMkYgMDRDS3JvN3VSUjd0NGZKSk45UkVId09lRkozQXdIL3NMUXBhMjZZcmM1N2NWWG9MSmtmWDk0N0NhVUJGVjl4dTNFWndHRTlzKzUwaiBwbXk3Nmk1ZGlmSEZPS293ak9KdU90MWVMR2k2dmZmM1F1eC9IWnVCUHNqMFpsdzlicGlRTWNxck9kNTRsUllVa0J1eWVIQ043Sjc2IEl3QkdUZitDeVJ2MEF6SHdHT1d4RnhncVBVWVBqaG8xRVljS1crL0d2dk5IQzN0UzV5bElBK2JBeCt1M3NHbG90S2FNRTB5RysxSzQgWFZkVzU5NUxyREZCZ2FXejZ1d2NxcGtFeGxZRGNGR1llcEFXUkQ2aU4zYVZqRTdEUVIzRS9RYXZvTUYvQ0lPN1lzY0wwQUs0NmRjSSBDNFBscGlkMDVKeDhHaW9lUCt6eDlUWEd4MEpuanpFeGVVMHI1c2lQYjFuUzBXUFFzdmVOK2RGOFdSRWdiMStYR2NaRmNwK1BjWHF3IFY1djd0VGxVbytOcTcrdy9tblZqbU5ONWhCZ1c1SHFPeEJBT1ZjcjlGYnFJanRRT3ZpMlhXdHQrdVhqcHhDSVdWZ1ZES1lVVm5IU2sgOXp4anlHWk5ieDZxOVA0UG9vRWl5SS9qOU0xTGNLN0VURHdKdVpiNnlubG9sTzhHS1lTLzhwQ1hQcWpuUVovUG5JWVVQbWIza0xVSyAzd2pGZXRQdU9hWDloRmhZNVEybGNHTWZNRlNVclZMSnJEYWV4dnF4d3BEbzRIczQ2dXdWcGhTT1pFREJsTGxSYU0vek9FM3F6bkQ1IEZBdlZRd1VZMXZVWW5VZDBWdGhRU3FHUzJYaDRrS1hLR2dyVE9JZ2hrVTJrOGpKcHg3RFBIdkk2aWFESHNPdkRtMHBXNmpGb0s2bEEgS2xhOVFiWjJHTmNGMHVJYkJzTXlXVkw1SHBUTlV6NmVoNFZxZklXemxTaStRdVdsa0k2cHNwZFlkUTJENTgrcFVqMCtrRzBpRloyMSBjWUxBR3VwUFRMREhhTFJHNUd4QlZmd2YwWDJtQ3RIT1N0VmszWFBpcGlKRXduRlZkRWIzb25aUkkyZWxMRnh4Z3RUMDRTcExLbTgvIEwwOU1qdzYvS25ORXNvd00vYzZNNW9XRC9tOXBiK1M1QkIyQ3hUWjA4TlYxZUlaWkxTNGUwc2N0aDVhY0Z1V3doVmJIM0E5UHY3Y2UgaFp6OThrUG52YWpvTEU1WG9IbUZWWDQ0bXNCb1ZFNG1qUVI0ZHJjc3FWUnlrT2VJcndyQm81S2pma1N6a1krK09VZ2wzUFgwdFZpcSBDR2JXdzBYeFpzN29jNHRySGxYWXJhaEtkS3NqU3hiMkdCeEsyV2xtcWdRTTJFcXBFb2RTRTVjSmNmeTA4Q25SZlB1MGg2UDdjNDBLIENrcFVoWjZFNWlmOXNQK203eG5oWlN3VWt2WmxzdFJoM1ZCcUdGOURXQ3Exa05vVWxLM0xzUnFITkFSSDAxUHc4dnN6ZUY3SG03MXogK0pLbFUyNktHbkl4WGtGWG9NRnlDR1FocVhoMFYzbUpwYU9xZ1FUR29IVHlWc3hWNVMya1VzbjV4QjUwUHJRSTV2a1UrOS9BK0g0TCBBSUpGUUZyWDlqazFjMlJBdm5nMlBWTjVtYlRCOHRndUdtUnZqeUc3d0ViemFYb0lpWU5vZ2FyTDcyc2M4cW1rcVFJTWdja0J1MmdnIHZ6RXM3VEdDR1plSUdyZDFLQk94bU5xRGU3TmdrcW5tRzE1S0pwVlF0RUVFaHNKMFEwSmk1c3ZHTzQ0cjN3OGxuZ1hIZVpVSTVuN08gMFlETUJFQm5Fa2M3N3l5NWFTQXc3UHdhbEI1S2NmVG9LTG9HMkZRa3liNGVvODVlWUVodnNGZW9ZTWwyVVRiUnZFTTBKVW9qK3hLVCB5RXBURkE4WU1YMkphaEt4VURLeXlwYXQzRUp5Vk5KeldkM1oxMlBVVzl4anlMWkl6RW81a3RSQXhlak82ekVrbFpSeU5ObVBRZG1lIEp1WGlHcEc5ck80c25QQmdqMkhkNmt1bWtjaCtLMGhPOHhyUk1sTVdRbm9tVUlNUlk3SkZiMlhyVXJDdFNGYmFMcmxKajNldFcyenEgVXV6MC9zRmVkVm1TclN2Wi9OVGp0ZGpiWTBnUHBSd3dwTnFON0RES3k4ejFHRkk2bDRva08yNmxEWk9qNkJwUTBadWxQWVpWTzlXUCAxYWprVzRoVGgzU242U2lhQmxRMkc5a0hqUDBjU2pWRjA1QWhvVlZzZDFSMi8rMWJKOFN1M3hpaWhBaGk3RjRKcy9nMUVTTGtCRlhaIGJNUzlJWFpSTTRIUmJKZk12clFxcHVNcWI3K2Rqd3V4NFN0Qy9QRUs3TjU3eTN6VjBYdmdtd3ZCaTRUWStaaTh2Q3A3S21wNnl1ZWIgVHN4bUdnNVoybU1vTE5pcjlCakJLdTZlM3dueEt2WmdETHBJaUZGWDQ1dzZiRVl5aWVqS2MrczljQXozcTJPYnAyU25XMWt1RldEbyAyRnFickc2YkNBdzdld3lWclphNmZLblMzU1liSGgwMTk1OE5Cd2xYWWh2cFdjbFdZVzV1ZTE4U1l0c0RtZUdlck52KzNEVDVQMzNsIHlwSktYY25tcVJiUDZ6RzJxYVdSVW15Vm9aU0tzN1o4Zm0vWkFQbmRRYWJQcVNHWFpIYjA5VHd4R2VWd3h5QzMxKzdBTnR0RG13dm4gU2NmUHNxU2lNL3Q2akczc01UYkw2aXJWZUNvN3lsUTg0M0hmTmh2Z2tWMzVpMCt2SE8vL1M0YjdqTU9PK3ZQUWk4d1E0cmpKK3ZaNyBjMWFOQjlUc2VSSDkvVE5DSE5pUVg1YnNwL1FrT0d4aDlwTm85eW82cTFWd3BCQk5TbDJoTnhNWW0zU2xsbWc2S3QyelNpWHoySzNKIHZ4Qmk0emZnbUJtTnN4Z2R3TWM1V2R5WjJVNUwxL3dFQ0wxMzlQS1p2cUk2WFFqbkp0WU9nNTJQMFF1Z2lnNkRlZDMzV2dZVVVXYUogR2s0VFl1eS9xKzA5cjZ3ZVk1TzlQWWFLbnlPVlEyZllkbm51eEVUTVRtMjlDMDdYOElFYlpsV1lEWmxlUk1pNXhGa2JsaWZ3YnVpZCBmYkVmNC9yRHVTR2ovVS9yZ0pGZncrUUFRS3c2WmFxaU14MSt2S0tWWERYMDV0cXFxcXE5OE5XNUd5bjFWMDB0MGZncXlwWTlNaXU3IGdHeDBvLzRCUjRqTkZlSlBOMGR6NjUrZER1OEpBQThFVGJtL3lQOS8zQlFoVHY0ZXZKU2NKcDlHZGt5Vlk0bFY2aXBiaG1UdWR4TVQgWE1jZ1liTGJNdkxjVmtyS3JIS3daVzZXZlNiZ2RKSC9GdUtVTzlDVHdIMW0yc1JqMUQ3OXo1RHA1L3BBd1RMeHJBMVpVdW5kWmZPVSBqK2RoSVFCR2ljR3lmQzZ4eFZSNUMrbm9NWElMZHNMZkNQSFpWWEMvK1Izc29rL0I4UXBubkViZkNCbFdxNStlbEZzMi9xL1NZNmc0IGhNNG5TN3pQUEN6d0c0TzBQbk94NksrS3N1bjBPQTZpYTU3aGZ5ZkUwUG1aOVkxdEQ0YWJNVktSaFROZnd5NFhZdkFYOEEwZjQreFAgcTRMTzdPb3hQQ3dFd0xDd3h6aGV2am1wVkhLWVhEbVZQT1RTRE85Ym13Rko4M0xNTU8wTUU3dDBHQTZYZUR6eTRMK0U3OXpwcGNQciBDS0h5TXFsdDBDRkJVbWxZM21Pb25QQ1Q1R2xHeDAzREZDMzRwSC9DTk91cldBUjhMalBkU2xlZVI1ckRWVFlYRlRubDJqQUpVeVIvIGp2U21ob3VuTFZSSDRYV2JNSG5RUTZNOWRLekh3RmY0THN4TWJZVHNZNjJSdnhhTlJaWTRKMC9ibnppSEh2bGthNWlDeGcwT2lFY2kgSDNvZjQzZE1Dbkk2MUpzU1JTTmtRNnJ0bTduMmJGUmJmd2p5VXJteXQxQ3hzN0lIR0J1SkJhb3FHRXJ4SHE4eWk0Q2hjb29vUzl1NiBQYlBReHZ1MHFHNDRQdFRCcGxNTGRLVkM5Z0NER1BBb21KWGlQeXN6anl6NXl6ZXE3QzQrRmxHMXNpMVJreFl4VzdmSko4TkpFdGx0IHlQSzV5c2JzeEVBMk1JZ1c5T08yVUZWbXVDRXJiZ3VHTVk3Q2FVQkZWeXJISUllVFRsY290djN1UFFiR1ZoaElXalp0cTJJdGV1ZzkgWFFvdC8zUlVkS1ZTUjhscWRyMlBBUy9YN0I2RER6cTdrbVJsa3N5dGg4SkMybjV2OGtFeTR3cUxwcUtyTkJZNzVhcW5TOXZQQlVabiBWeUtYZHNLeE9KOHZTelRiRG1QOEo1dCt1Y1RqN0YwWXMvWkM1ZTJoVUVlRjBvem5lVkZnd0tiQm91TnZQSk50U1MwZC9VUUlPZ2h3IFZGd0RUYi9HMUhacjhUREZmbFdwbzJMcDZ2MnREY210ems2eVM0K0JNUlltMDhXNjdBQkczOWNwR3UxdGY4VG80aGtoM0E1RkhhblcgVVRKS1dPZTMvYzdjdWdERGYvcHM1NittMzZncWZmZHZzVC9pOTZhWE1qMzVkcTJBZnY1UExYODdlb3h1YlQ0Zk1KYXFhU0xCMk54TiBwMHJ2TGNhM2h2Tk8yRTJOOUtTeTZYdmRIa2QrVUQ4c2NwUVVJblJyODkyQWdTNWxBd1JibTRKdzBiUFVvZlFEc0lSNTk4Ym9lWmQ3IGpMZXZ3M1phT0ZsUUpSN3BiRGF0OWR0OEZ5bTdBY1AvOWNFdW9VejloejJHeXVwM1VLNmQyR2owd1ErQy85eVZQUVdkTEtnU3QrclMgUXNGc3l0dldDd0dEWDF6bWp5OW9hcUJqT01XSzIzSVhlbzdySzN0WXhYM3BHNzh1eEVjUFVDUHExSE9rZWhyeHBzQTJubmQySVM4dyAwTFhBTllWNE9sNlpOS1hlWjd5bWhKRE1qc2ZoWGZEQ3l2d2czN01hWmY4TCtLZkM5S3d1NmoxT1YwcHhwZk8wMzlhN3BaOFhHSDZvIEI3dUZOdkVCOXlqb0pQcDZYZiszR1grdnpYZzNsUE1pSVAxVE5UMEpQN3dMd0F0aEFyOVpweWF4YjBSejNlaVZqcWtWYk9QWlp1ZTUgMlVKallnOFltd01NcHJpVXZ4dHZVSEpONzJPYmhIcWRCRlAxVVpuOUVUUVhyNjQzV0RGWm9uSDF1Z1VXc2pRR3BFTTQrcldsbWNlQiBQMkk1RjcvRlJicGZXbnJsWk50bUc4OUxCWUdCTHFZRm01ZVdJZFpYOHNZMDVTRzNkdklqVDhXM2FyR3l0QjBVWXU4Zk1wd2JqcDVLIE9FOVA1aTY3Mm9HNHdnc1JkeGZXNERjNmJLRFpOYTkwRU1jdHJ4N3pQaUtvT0gzYXlXak1iTkQwd2N0TlYzUWd4NVY4Ym5paWgwUXkgblJkd0t5MGR0dkczcEluR2d3MlRrODQxU243TDJNWUxSU2dJREQvQy9iaWFEWXhxdk5FSFhZRHZnMGNMbFRHKzUxNWpSS003K0s1YyBIanhReGVOcXhQZnZtWkszV3c1V0N0NGhON3lDYmFNVHZtajZQZ3kyN1lMRUdpbElRTlRMK0hGMXdRQ20vREQwVWxNa2lTWUhHenp0IGtEeUhhd2Y4dHo2QTVua2laQStCMzJ3RUJiVkF4OWJtMG1xL2JSZVVzQ2d3L0ZoTENzWTI1UWZ1bys0M3d4UnBuQngwWk4zcjB5YnIgNGZ1bGhNTTJ1TktFYncwTXNnVUc4d2JUSVF4blh2azgzckJIRFJheUFrU2pIOTdQTE1jRXhRaFRDN3NHdmNYcHBZUUwwMk13RGZONyBEYjZoaGk4c1ZWNzNlOXdhR1BIM0pvT0NwUS9WbHNQMkdBejNHbmdpVXphV2FBejR4cGV3UUxmR1dCSExXckQrNXdneDRUNFVNZXo3IE5uRnRyRWVPazlGamRKVEtPVlFKL0lSdUxaVlk2ci9UMWYzNEgyZE9OVXBkbUFvVG9QY3BtVE00ekFVRksrVFdNS0Jnd0ZBOUJnUGkgTzRNZ2Vnc01EUmhPaHpkajVmcXFqRE16dzBVdEMvRjZqeEhpVk14K21tMUordzUwUFE3QWFBK2o4MUE5QmhQeUU3d3RUS0twaCtuWiBDRGY0djBqT3IydnFCVTVSZ0g1blE5ZXdNVE1iRkZUUWJXRkJ3Y0NoZXd3R1JxK0JzWXIzclRHZS94dFB0QVg2NElld0ZzVzR0eDNmIEg0NzBhWUFyOXlQeG9UM3FHcVNKeFVtemFRUEU0N2RGNkVZUUNSZ3NPOEF4Q3hlN3ZBalFMOUo3aTJINTlUc1d3WkdxQmdiTWhwUHEgV3pEN05FbzFwYVRpbnd0UVBCY2xzOGpBWU9JQXgxSmM1a2ZKeUlpd2RBUER6ZjA4bXpzTit5RWpsQ0FwQkczQUJzUE1ZK2hscGkvZSA1UmJ3WVlCaVFlN0RVdi9MQW1Nb0V0NElocVdjaGVRZEI0eVp1K0FFMUlNb0NxMU80N1EwdFVsTk5NcmtlZVU4bElhR2dMUmc3bk1xIEJ0NGNTVnRGdEo0Y0MyQnNqeXExRkRDWUNYcU5iK0p5WjlRTWpRNVBkL2N0SDJaTXRPa04zV05hcUpMeEczOC9DbXRsR3ZmWlNEUlkgOUt4L1lmbEtSMmgwV09kWkIrTTlWdyttS1gzUEViQUlIbUJqNmZMSmZDMUE4YU44UDVSNnBnSU1mbkd0QmNOUXFaSUlvQWpPc2lCSSBQTE52bUgvVEJKeDhCQytwZHQ3RExMd0RWczAwRUF5dU5Cdm5mWHNiRkFZT3JHY0YwdlNNQlFQQVliS1FqWmhyQW9FRkx1K3I4WXhtIDYxWDQ4S1VadTNmRmZSV2VlV2J0RFdqdzZNUzlvNUZ4enl2TjN1bUd2MGRmL0ErT050OWljOFcrQ3VHbkFSaFVkbVNTQmdaelFxOXggSmk0dmdKWFNZVnFPbkFZMGFvQXIyMmNCRkMvSnBvblhrRHo1R2Y5RVBnVVgwMmtnRmczOFJBVVVsRWo1VFk5ZUF3Tlc4VG9ZQTFSSCBUZ09wYStBalNEQUp3R2hXa1VTcHgyREd2Z0NjdXBVYXk2a0k3K0k2RGVSb2dHMXd2aW9vbUtZeU1KZ0lCRm1GeTJMZU8zSWFTRkVEIGkvMjJxQ3lDOGxBcWtBQkRLb0xzYWZDYzRKbTdPZzBrcUlIbHlHc2VnQkZNN1NsbHJRMFlsQUxnZ0xzTXdXbXlZZnpma2ROQVFoclkgaG55bUFCUlljTkpEV29aU2dTaStZRngrMTRMYUlGMTNkUm9vb2dHMnRRVTZRY0c4dEFLRENVSkFHbXQ5bC9lT25BWVMwTUIzL1RhbiBOU3V0UTZsQU12OTc0MW44UHp0NDVxNU9BekZvWUFYU25BdGdhQitoeEFJTUtzQmYzM2dldDNiczNhRFFqbXpTQVBkWW5BMVFLSzFYIEZDcHdiTUJnaGdESEtGeGVCSS9rLzQ2Y0JqUnBZQ3ZTbVFGUWJOR1VYcmRrdEg5alpPZmdDMzRlbnUzT2Z1N3VuUVlVTkxBTGNjK0wgRXhTVUxWWmdNQU1VNEUxY0xnREQzTlNSMDRDU0J0aUdMdlRibEZKQ3BTTEhEZ3dLZ0lKd09IVXgyTGtKcEVJY3lXaUFiZWRpdnkzSiB4SThVSnhGZ1VDSVU2Q2xjRmtXU3pnVjJHamltZ1VWK0d6cjJKTWE3eElEQk1xQmdQOFhsaGhqTDQ1SXVUdzNjNExlZHhFb1g2NnhVIG9WSmd0dXA2L0haN29kL2RjNmVCTEEwUUZIZGsvWi9JYlNyQVlNa0FqaXR4dVJkY3kvOGRPUTNrYUlEZkZCdytjWlNST0tVR0RKWVUgNERnZmw4ZkEyTURzeUdtZ1V3T2NmZUtITnI5TFU2RlVnY0VTQXh3emNQa2ZNQndYT1hJYUVGeW40SlFzWnpKVG85U0J3WklESEJOdyBlUVk4a3Y4N3FsZ05jRVdiaTNkYyswcVZqQUFHTlFCdzBIeUU0SEMyVlZSSTVkRUdGRG4yRmUyd2FrMTB1cmFZVUhoTDBPN2xiREF0IEpoMVZsZ1pZNXpRSWpNMzJLYW82alFFR0JZZGlhQ2s1Rjd3WXJOMlVHR2s2TWtzRHJPUEZZSnFPeDJJbEsxdGNZNFpTdVFYQTBHb1cgbmkwRnUyMnl1Y29wai8rNUhaVTc3eUo1SVUrcTZFYjFHTm1GOWhVMkJjKzR5ZDFSZVdtQWRjbzkya2FDZ3FvMkZoZ1VEb3JqNXZaNSA0SnZCYldCSGRtdUFkY2k2cERjUGJZNEw0bENKc1VPcDNNSmlhSFVPbmowTWRoNFBjNVZqeC84ZlFVdzZRMXRsZzdoRzl4alpDdlFWIE9nblA3Z04zWlAvbTdvM1dBT3VLZFVhM21WYUFndHEwcHNlZ3NBR2g5emdUOS9lQStRM2l5RndOME1mWTFRQ0V0TmZ4dElwbVRZK1IgclNCZjBkUHc3Rm93RHFSd1pKZ0dXQ2VzRzU1UFlSMG9xRXNyZXd3S0hoQjZEeHdGSlA0VlRNZlNqdExYQUw4RHZ3VkE0RWdxZThsNiBZQVNxOTljOTdzYi96cVFrVUVxeVY1cDBYQU5BR0RzRkcwVWRWZzZsOGhYUXI1REorTzNMNEhmeWhYSFBZdEVBZFUyZDh4enRzZ0FGIHRWUTJQUVlMRXhCNkR3TCtFdkNONEluQmMzZlZxZ0VjZXl0dUJTOERJTXJPZktjc2dSRlVQd0RDOGwwRXZnazhQWGp1cmtvYVdJUFkgUzhCUEFCQmxPMjFlMXNESXJuNkFaQzcrSjBCbVpqOTM5NkUxc0JvaGx3QU16NGFPWVhIQWlnRkdVRWNBeUJtNHZ3ck1vVmEvNExtNyA1dFhBSGp4ZEJyNGZnSGc1YjRneWZWaHh3QWpxRVFDcHgvMkY0Q3ZBdE1mcUFYYUVrOHFoQko2TTlTRDRTUUNpcFJLVlVySEF5SzVzIGdHUXcvcjhNVEpCdzRiQVNhUzBLVFRBOEFqQjhYSWtLeUM2ekEwYTJObkFQa0hBZFpBR1kzeVJUd1RYZ2NpUmF1cTREODV0aEtjREEgZFFoSHZnWWNNSW8wQllDa0wzNCtCM3d1ZUJhWVU3KzI2b3d6U0p4aTVWckRTdkFxZ0dFdnJvN3lhTURXU3M1VGxQZ2ZBU2lEa0FzQiBRcUNReDRCTnByY2hIRUZBZmc1QWFESlpXSk5rYzhCUXFBMEFaUUNpc3hlaE9UeVo5d1JMMGo2eWRpTlBnb0E5d3VzK3J3Y1FkdUhlIGtZUUdIREFrbEZZcWlqOEVhMFM0MFdCZXVXOTlJSmc5VG5CdHdIMmR6NXdoNHoycEZjeVpJRjdKKzhGODB6ZG5YYmZoZmpONEU2OXUgU0FRdGFLYi9CM2g5QUFYeEY2ejlBQUFBQUVsRlRrU3VRbUNDIiB0cmFuc2Zvcm09InNjYWxlKC41MjAyKSIgb3ZlcmZsb3c9InZpc2libGUiLz48L3N2Zz4=)
}

#onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded {
    transform: none!important;
    -webkit-transform: none!important;
    -moz-transform: rotate(-90deg)
}

#onetrust-consent-sdk img.cookiePopupLogo {
    height: 9.9rem;
    position: relative;
    top: 0
}

div#onetrust-banner-sdk .ot-sdk-row {
    display: flex;
    flex-direction: column;
    margin-left: 3rem;
    position: relative;
    background-color: #fff;
    border-radius: 1rem;
    padding: .5rem 2rem 1rem;
    width: calc(100% - 13.8rem);
    box-sizing: border-box;
    opacity: 0;
    -webkit-animation: slideIn .5s ease-in-out .5s forwards;
    animation: slideIn .5s ease-in-out .5s forwards
}

div#onetrust-banner-sdk .ot-sdk-row:after {
    display: block;
    left: -2.2rem;
    content: "";
    width: 0;
    height: 0;
    border-left: 1.6rem solid transparent;
    border-right: 1.6rem solid transparent;
    border-bottom: 1.6rem solid #fff;
    position: absolute;
    top: 4.3rem;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: drop-shadow(.2rem .2rem 6.4rem rgba(30,37,74,.18))
}

div#onetrust-banner-sdk #onetrust-policy {
    margin-top: 0
}

div#onetrust-banner-sdk .ot-sdk-columns {
    float: none;
    display: block
}

div#onetrust-banner-sdk .banner-actions-container {
    float: none;
    width: auto
}

div#onetrust-banner-sdk #onetrust-button-group-parent {
    padding: 0;
    margin-top: 1rem
}

div#onetrust-banner-sdk #onetrust-button-group {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start
}

div#onetrust-banner-sdk #onetrust-policy-title {
    font-size: 3rem;
    padding: 2rem 0 1rem;
    width: auto;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #291d18
}

div#onetrust-banner-sdk #onetrust-policy-text,div#onetrust-banner-sdk #onetrust-policy-text a,div#onetrust-consent-sdk #onetrust-banner-sdk a[href] {
    margin: 0;
    font-size: 1.6rem;
    float: none;
    padding-top: 0;
    color: #291d18
}

div#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    padding: 1.2rem;
    text-decoration: underline;
    background: transparent;
    color: #291d18;
    margin: 0 1.6rem 0 0;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem
}

div#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link:focus {
    opacity: 1
}

div#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link:focus,div#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link:hover {
    opacity: 1;
    text-decoration: none
}

div#onetrust-button-group-parent:nth-of-type(2) {
    align-self: flex-end
}

@media only screen and (max-width: 63.75em) {
    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
        display:block;
        margin-left: 0;
        width: auto;
        margin-top: 2rem;
        padding: 1.6rem 1rem 2rem
    }

    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row:after {
        left: calc(50% - 2.2rem);
        border-left: 1.6rem solid transparent;
        border-right: 1.6rem solid #fff;
        border-bottom: 1.6rem solid transparent;
        position: absolute;
        top: -.2rem;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-90deg)
    }

    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
        width: 93vw;
        margin: 1.5rem auto 3rem
    }

    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container:before {
        width: 7.3rem;
        height: 7.3rem;
        margin: auto
    }

    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-title {
        float: none;
        padding: 0 0 .6rem;
        font-size: 2rem
    }

    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
        max-width: none;
        margin-top: 1.6rem
    }

    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent:not(.has-reject-all-button) #onetrust-button-group {
        text-align: center!important
    }

    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler {
        width: 100%
    }

    #onetrust-consent-sdk #onetrust-banner-sdk .banner-actions-container {
        width: auto;
        display: block;
        padding: 0
    }

    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
        flex-direction: column;
        margin-top: 0
    }

    #onetrust-consent-sdk #onetrust-banner-sdk {
        border-radius: 0 0 50% 50%;
        width: 200vw;
        left: -50vw
    }

    #onetrust-consent-sdk img.cookiePopupLogo {
        height: 5.4rem;
        top: 0;
        left: calc(50% - 2.7rem)
    }

    div#onetrust-banner-sdk #onetrust-accept-btn-handler,div#onetrust-banner-sdk #onetrust-policy-text,div#onetrust-banner-sdk #onetrust-policy-text a {
        font-size: 1.4rem
    }

    div#onetrust-banner-sdk #onetrust-policy-text,div#onetrust-banner-sdk #onetrust-policy-title {
        text-align: center;
        margin: 0;
        width: auto
    }

    div#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
        max-width: none;
        font-size: 1.6rem;
        margin: 0 auto;
        padding: 1.2rem 1.2rem 0;
        width: auto!important;
        text-align: center
    }
}

@media only screen and (max-width: 40.625em) {
    #onetrust-consent-sdk img.cookiePopupLogo,div#onetrust-banner-sdk .ot-sdk-row:after {
        display:none
    }

    #onetrust-consent-sdk #onetrust-banner-sdk {
        bottom: 0;
        top: auto;
        -webkit-animation: bannerJumpMobile .3s ease-in-out .5s forwards;
        animation: bannerJumpMobile .3s ease-in-out .5s forwards;
        opacity: 0;
        border-radius: 50% 50% 0 0
    }

    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container:before {
        display: none
    }

    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
        padding: 1rem 1rem 1.5rem
    }
}

@keyframes bannerJump {
    0% {
        opacity: 0;
        top: -50vh
    }

    to {
        opacity: 1;
        top: 0
    }
}

@-webkit-keyframes bannerJumpMobile {
    0% {
        opacity: 0;
        bottom: -25vh
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

@keyframes bannerJumpMobile {
    0% {
        opacity: 0;
        bottom: -25vh
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

@-webkit-keyframes bannerJump {
    0% {
        opacity: 0;
        top: -50vh
    }

    to {
        opacity: 1;
        top: 0
    }
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes slideIn {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.customer-journey__success__particles {
    position: absolute;
    bottom: 0;
    height: 100vh;
    width: 100%;
    z-index: 1011
}

.customer-journey__success__particles>.after,.customer-journey__success__particles>.before {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    box-shadow: 0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff;
    -webkit-animation: bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards;
    animation: bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards
}

.particles>.after {
    -webkit-animation-delay: 1.25s,1.25s,1.25s;
    animation-delay: 1.25s,1.25s,1.25s;
    -webkit-animation-duration: 1.25s,1.25s,6.25s;
    animation-duration: 1.25s,1.25s,6.25s
}

@-webkit-keyframes bang {
    to {
        box-shadow: 226px -27.66667px #f2f2f2,-48px 65.33333px #f2f2f2,89px -1.66667px #f2f2f2,159px -36.66667px #f2f2f2,243px -63.66667px #f2f2f2,165px -405.66667px #f2f2f2,-52px -291.66667px #f2f2f2,-190px -196.66667px #f2f2f2,244px -390.66667px #239a98,131px 44.33333px #239a98,-6px -215.66667px #239a98,-96px -358.66667px #239a98,26px -129.66667px #239a98,-215px -299.66667px #239a98,-168px -396.66667px #239a98,-164px -292.66667px #239a98,9px -71.66667px #f2f2f2,-228px -4.66667px #f2f2f2,-211px -175.66667px #f2f2f2,114px -353.66667px #f2f2f2,127px -189.66667px #f2f2f2,-3px -224.66667px #f2f2f2,-181px -410.66667px #f2f2f2,-158px -4.66667px #f2f2f2
    }
}

@keyframes bang {
    to {
        box-shadow: 226px -27.66667px #f2f2f2,-48px 65.33333px #f2f2f2,89px -1.66667px #f2f2f2,159px -36.66667px #f2f2f2,243px -63.66667px #f2f2f2,165px -405.66667px #f2f2f2,-52px -291.66667px #f2f2f2,-190px -196.66667px #f2f2f2,244px -390.66667px #239a98,131px 44.33333px #239a98,-6px -215.66667px #239a98,-96px -358.66667px #239a98,26px -129.66667px #239a98,-215px -299.66667px #239a98,-168px -396.66667px #239a98,-164px -292.66667px #239a98,9px -71.66667px #f2f2f2,-228px -4.66667px #f2f2f2,-211px -175.66667px #f2f2f2,114px -353.66667px #f2f2f2,127px -189.66667px #f2f2f2,-3px -224.66667px #f2f2f2,-181px -410.66667px #f2f2f2,-158px -4.66667px #f2f2f2
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(20rem);
        opacity: 0
    }
}

@keyframes gravity {
    to {
        transform: translateY(20rem);
        opacity: 0
    }
}

@-webkit-keyframes position {
    0%,19.9% {
        margin-top: 10%;
        margin-left: 40%
    }

    20%,39.9% {
        margin-top: 40%;
        margin-left: 30%
    }

    40%,59.9% {
        margin-top: 20%;
        margin-left: 70%
    }

    60%,79.9% {
        margin-top: 30%;
        margin-left: 20%
    }

    80%,99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

@keyframes position {
    0%,19.9% {
        margin-top: 10%;
        margin-left: 40%
    }

    20%,39.9% {
        margin-top: 40%;
        margin-left: 30%
    }

    40%,59.9% {
        margin-top: 20%;
        margin-left: 70%
    }

    60%,79.9% {
        margin-top: 30%;
        margin-left: 20%
    }

    80%,99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

.customer-journey {
    position: relative;
    width: 100%
}

.customer-journey__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 0;
    height: auto;
    width: 100%;
    text-align: center;
    background: #fff;
    z-index: 4
}

.customer-journey__header__greeting {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 900;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .customer-journey__header__greeting {
        font-size:1.8rem
    }
}

.customer-journey__header__product {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 900;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #bab6b5
}

.customer-journey__header__details {
    padding-top: .4rem;
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 900;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    color: #291d18
}

.customer-journey__header__tabs {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 1.6rem
}

.customer-journey__header__tabs__left {
    width: calc(50% - 3.2rem);
    margin-right: 2.4rem;
    text-align: right;
    font-size: 1.4rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .customer-journey__header__tabs__left {
        margin-right:5rem;
        font-size: 1.8rem;
        width: 46%
    }
}

.customer-journey__header__tabs__left span {
    padding: 0 0 .2rem;
    border-bottom: .2rem solid #e5e3e3
}

@media only screen and (min-width: 36em) {
    .customer-journey__header__tabs__left span {
        padding:0 2.4rem .2rem
    }
}

.customer-journey__header__tabs__left span.active {
    border-bottom: .2rem solid #ffc421
}

.customer-journey__header__tabs__right {
    width: calc(50% - 3.2rem);
    margin-left: 2.4rem;
    text-align: left;
    font-size: 1.4rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .customer-journey__header__tabs__right {
        margin-left:5rem;
        font-size: 1.8rem;
        width: 46%
    }
}

.customer-journey__header__tabs__right span {
    padding: 0 0 .2rem;
    border-bottom: .2rem solid #e5e3e3
}

@media only screen and (min-width: 36em) {
    .customer-journey__header__tabs__right span {
        padding:0 2.4rem .2rem
    }
}

.customer-journey__header__tabs__right span.active {
    border-bottom: .2rem solid #ffc421
}

.customer-journey__shadow {
    display: block;
    height: 5rem;
    width: 100%;
    position: fixed;
    top: 19rem;
    z-index: 3;
    background: linear-gradient(180deg,#fff,hsla(0,0%,100%,0) 100%,#fff 0)
}

@media only screen and (min-width: 36em) {
    .customer-journey__shadow {
        top:21rem
    }
}

.customer-journey__footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5rem 0;
    opacity: .4
}

.customer-journey__footer--completed {
    opacity: 1
}

.customer-journey__footer p {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 900;
    color: #bab6b5
}

.customer-journey__footer img {
    height: 5rem;
    max-width: 14rem
}

@media only screen and (min-width: 36em) {
    .customer-journey__footer img {
        height:auto;
        max-width: 100%
    }
}

.customer-journey__success {
    display: none
}

.customer-journey__success.show {
    display: block;
    position: absolute;
    top: 10%;
    height: 100vh;
    width: 100vw;
    z-index: 6
}

.customer-journey .vertical-step-tracker-centered {
    max-width: 100%;
    z-index: 2;
    padding: 7.2rem 1.6rem 0
}

@media only screen and (min-width: 36em) {
    .customer-journey .vertical-step-tracker-centered {
        padding:4.8rem 1.6rem 0;
        max-width: 113.2rem;
        margin-top: 8rem
    }
}

.postpaid-registration {
    padding: 0 0 2rem
}

@media only screen and (min-width: 36em) {
    .postpaid-registration {
        padding:0 13rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .postpaid-registration.postpaid-registration__itsme {
        padding:0 2rem
    }
}

.postpaid-registration.postpaid-registration__itsme .sim-home-activation .form-group .form-helper,.postpaid-registration.postpaid-registration__itsme .sim-home-activation .form-group label,.postpaid-registration.postpaid-registration__itsme .sim-management-form .section-title h3 {
    color: #655c58
}

.postpaid-registration .sim-home-activation__header-group {
    text-align: center;
    margin-bottom: 4rem
}

@media only screen and (min-width: 36em) {
    .postpaid-registration .sim-home-activation__header-group {
        text-align:center
    }
}

.postpaid-registration .sim-home-activation__header-group .sim-home-activation__header {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #fff
}

.postpaid-registration .sim-home-activation {
    padding: 4rem 2rem;
    margin: -2rem -4rem 0;
    border-radius: 0
}

@media only screen and (min-width: 48.0625em) {
    .postpaid-registration .sim-home-activation {
        padding:4rem 8.7rem;
        margin: 0 -3rem;
        border-radius: 1rem
    }

    .postpaid-registration .sim-home-activation .address-container {
        padding: 0
    }

    .postpaid-registration .sim-home-activation .address-container__title {
        color: #655c58;
        font-size: 1.8rem;
        font-weight: 900;
        line-height: 2.4rem
    }
}

.postpaid-registration .sim-home-activation.business {
    padding: 2rem
}

@media only screen and (min-width: 36em) {
    .postpaid-registration .sim-home-activation.business {
        padding:4rem
    }
}

.postpaid-registration .sim-home-activation .FormGroup__label {
    text-transform: uppercase
}

.postpaid-registration .horizontal-tab {
    max-width: 100%;
    overflow: inherit
}

.postpaid-registration .tab-bar__li {
    width: 50%;
    border-bottom: none;
    font-size: 1.6rem;
    text-transform: uppercase
}

.postpaid-registration .tab-bar__li:hover a {
    color: #766f6b
}

.postpaid-registration .tab-bar__li.active {
    border-bottom: .3rem solid #ffc421
}

.postpaid-registration .tab-bar__li.active a {
    color: #766f6b
}

.postpaid-registration .tab-bar-content {
    padding: 0 2rem
}

@media only screen and (min-width: 36em) {
    .postpaid-registration .tab-bar-content {
        padding:0
    }
}

.postpaid-registration .tab-bar-content .form-group {
    display: block
}

.postpaid-registration .tab-bar-content .form-group .form-helper,.postpaid-registration .tab-bar-content .form-group label {
    font-size: 1.4rem
}

.postpaid-registration .tab-bar-content .disclaimer-text,.postpaid-registration .tab-bar-content .disclaimer-title {
    font-size: 1.2rem
}

.postpaid-registration .tab-bar-content .select,.postpaid-registration .tab-bar-content .select_expand,.postpaid-registration .tab-bar-content .select_expand:checked+.select_closeLabel+.select_options .select_label,.postpaid-registration .tab-bar-content .select_expandLabel,.postpaid-registration .tab-bar-content .select_label-placeholder {
    height: 4.8rem
}

.postpaid-registration .tab-bar-content .select_label {
    line-height: 4.8rem
}

.postpaid-registration .tab-bar-content .select,.postpaid-registration .tab-bar-content .select_label {
    background: #fac7ba
}

.postpaid-registration .tab-bar-content .select_items {
    padding-top: 4.6rem;
    border: 1px solid #fac7ba;
    color: #766f6b
}

.postpaid-registration .tab-bar-content .select_expandLabel:after {
    top: 52%
}

.postpaid-registration .tab-bar-content .select_closeLabel-arrow:after {
    top: 48%
}

.postpaid-registration .tab-bar-content .select_input:checked+.select_label {
    height: 4.8rem;
    margin-top: -4.6rem
}

.postpaid-registration .tab-bar-content .select-dropdown .select_expand:checked+.select_closeLabel+.select_options {
    height: 15rem;
    overflow-y: scroll;
    scroll-behavior: smooth
}

.postpaid-registration .tab-bar-content .dob-field__content {
    align-items: baseline
}

.postpaid-registration .tab-bar-content .dob-field__content .select2-results .select2-result-label {
    padding: 0
}

.postpaid-registration .tab-bar-content .dob-field__content .date-field-day {
    margin-right: 1rem
}

@media only screen and (min-width: 36em) {
    .postpaid-registration .tab-bar-content .dob-field__content .date-field-day {
        margin-right:2rem
    }
}

.postpaid-registration .tab-bar-content .dob-field__content .dob-picker__month {
    margin-right: 1rem
}

@media only screen and (min-width: 36em) {
    .postpaid-registration .tab-bar-content .dob-field__content .dob-picker__month {
        margin-right:2rem
    }
}

.postpaid-registration .tab-bar-content .dob-field__content .dob-picker__month .select2-results {
    width: 13rem;
    margin: auto
}

.postpaid-registration .tab-bar-content .dob-field__content .dob-picker__dropdowns {
    width: 12rem;
    padding: 1.2rem 1rem
}

.postpaid-registration .tab-bar-content .dob-field__content .dob-picker__dropdowns .select-dropdown-section .select-dropdown {
    padding: 1.2rem 1rem;
    min-width: 10rem;
    text-overflow: ellipsis
}

.postpaid-registration .tab-bar-content .dob-field__content .dob-picker__dropdowns .arrow--down:after {
    top: .3rem;
    left: 2.4rem
}

.postpaid-registration .tab-bar-content .dob-field__content .select2-results,.postpaid-registration .tab-bar-content .dob-field__content li.ui-select-choices-group {
    width: 12rem
}

.postpaid-registration .address-container {
    padding: 0
}

@media only screen and (min-width: 36em) {
    .postpaid-registration .address-container {
        padding:0
    }
}

.postpaid-registration .address-container .address-community .col-md-6,.postpaid-registration .address-container .address-street .col-md-2,.postpaid-registration .address-container .address-street .col-md-6 {
    flex-basis: 100%;
    max-width: 100%
}

@media only screen and (min-width: 36em) {
    .postpaid-registration .address-container .address-street .col-md-2 {
        flex-basis:33.33%;
        max-width: 33.33%
    }
}

.postpaid-registration .address-container .FormGroup__label {
    text-transform: uppercase
}

.postpaid-registration .installation-address {
    display: flex;
    padding: 0;
    color: #999391;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500;
    margin-bottom: 1rem
}

@media only screen and (min-width: 36em) {
    .postpaid-registration .installation-address {
        font-size:1.6rem;
        line-height: 2rem;
        padding: 0;
        margin-bottom: 3rem
    }
}

.postpaid-registration .address-identity-section {
    padding: 0 2rem
}

@media only screen and (min-width: 36em) {
    .postpaid-registration .address-identity-section {
        padding:0
    }
}

.postpaid-registration .address-identity-section .address-container {
    padding: 0
}

.sim-management-form .sim-activation-update .select_expandLabel:after {
    top: .6rem
}

.sim-management-form .overlay__mask {
    opacity: 1
}

.sim-management-form .overlay__section__content {
    padding: 4rem 1rem
}

.Footer {
    color: #291d18
}

.Footer .Footer-container {
    max-width: 113.2rem;
    margin: 0 auto;
    padding: 0 1.6rem;
    box-sizing: border-box;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .Footer .Footer-container {
        padding:0 1.6rem
    }
}

.Footer__sales {
    background: #f7f6f6;
    padding: 3rem 0
}

@media only screen and (min-width: 36em) {
    .Footer__sales {
        padding:4rem 0
    }
}

.Footer__sales .disclaimer--footer {
    display: inline;
    opacity: .3;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    color: #291d18
}

.Footer__sales .logo--footer {
    font-size: 3rem;
    vertical-align: middle;
    float: right;
    opacity: .3
}

@media only screen and (min-width: 36em) {
    .Footer__sales .logo--footer {
        font-size:4rem
    }
}

.Footer__care {
    background-color: #fff8e2;
    padding: 2rem 0;
    outline: none;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

@media only screen and (min-width: 48.0625em) {
    .Footer__care {
        padding:2rem 0 4rem
    }
}

@media (min-width: 74.5em) {
    .Footer__care {
        background-image:linear-gradient(270deg,hsla(0,0%,88.2%,0),hsla(0,0%,88.2%,0) calc(50% - 72rem),#fff8e2 calc(50% - 72rem),#fff8e2 calc(50% + 72rem),hsla(0,0%,88.2%,0) calc(50% - 71.9rem));
        background-color: hsla(0,0%,88.2%,0)
    }
}

.Footer__care .cmp.cmp-title h1 {
    color: #291d18;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    margin: 1.6rem 0;
    text-transform: none
}

@media only screen and (min-width: 36em) {
    .Footer__care .cmp.cmp-title h1 {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.Footer__care .cmp-text a,.Footer__care .footer-item .footer-item-desc .cmp-text a.ot-sdk-show-settings {
    text-decoration: none;
    color: #291d18;
    cursor: pointer;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400
}

.Footer__care .cmp-text a:hover,.Footer__care .footer-item .footer-item-desc .cmp-text a.ot-sdk-show-settings:hover {
    color: #291d18;
    text-decoration: underline
}

.Footer__care p {
    margin: 0
}

.Footer__care .footer__campaign {
    font-size: 1.6rem;
    color: #291d18;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: .1rem solid #766f6b;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

@media only screen and (min-width: 48.0625em) {
    .Footer__care .footer__campaign {
        padding-bottom:.8rem
    }
}

.Footer__care .social-media__container {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.Header {
    background: #fff;
    color: #291d18;
    margin-bottom: 0
}

.Header--minimal {
    height: 6rem
}

@media only screen and (min-width: 36em) {
    .Header--minimal {
        height:10rem
    }
}

.Header--minimal .logo img {
    height: 3.6rem
}

.Header .Header-container {
    max-width: 113.2rem;
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: 100%;
    display: table;
    box-sizing: border-box;
    position: relative
}

@media only screen and (min-width: 48.0625em) {
    .Header .Header-container {
        padding:0;
        height: auto
    }
}

.header-base--minimal {
    min-height: 7rem
}

@media only screen and (min-width: 36em) {
    .header-base--minimal {
        min-height:10rem
    }
}

.header-base--sales .header-container {
    height: 7rem;
    max-width: 100%;
    padding-right: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .header-base--sales .header-container {
        height:11rem;
        max-width: 128rem;
        margin: auto;
        padding-right: auto
    }
}

.header-base--sales .user-action {
    height: 3.8rem;
    margin: auto 0
}

.header-base--sales .user-action .login-base {
    padding: 0 1rem 0 0
}

.header-base--sales .user-action .login-base__user .user-icon {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .header-base--sales .user-action .login-base__user .user-icon {
        display:flex
    }
}

.header-base--sales .user-action .separator {
    height: 100%;
    width: .2rem;
    margin-right: 1rem;
    background-color: #bab6b5
}

.header-base--sticky {
    position: fixed;
    top: 0;
    z-index: 1010
}

@media only screen and (min-width: 48.0625em) {
    .header-base--sticky {
        position:inherit
    }
}

.header-base--sticky .sub-nav-section {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .header-base--sticky .sub-nav-section {
        display:flex
    }
}

.header-base .icon-search {
    color: #291d18;
    background: #fff
}

.header-base .cmp-logo {
    height: 4rem;
    margin-left: 1.5rem
}

@media only screen and (min-width: 48.0625em) {
    .header-base .cmp-logo {
        margin-right:2rem;
        height: 10rem;
        width: 10.5rem
    }
}

.header-base .cmp-shopping-cart-icon {
    min-height: 4rem
}

@media only screen and (min-width: 48.0625em) {
    .header-base .cmp-shopping-cart-icon {
        min-height:7rem;
        margin-right: 2rem
    }

    .header-base .cmp-shopping-cart-icon .cart-icon__label {
        display: none
    }
}

.header-base__desktop {
    height: 11rem;
    max-width: 128rem;
    margin: auto;
    width: 100%;
    padding: 0 2rem
}

.header-base__desktop .top-nav {
    height: 3.9rem;
    border-bottom: .1rem solid #bab6b5
}

.header-base__desktop .top-nav .site-navigation-desktop a {
    padding: 1rem 1rem 1rem 0
}

.header-base__desktop .top-nav .site-navigation-desktop a.selected,.header-base__desktop .top-nav .site-navigation-desktop a:hover {
    color: #ffc421;
    border: 0
}

.header-base__mobile {
    max-width: 100%;
    height: 7rem;
    box-shadow: 0 .1rem .5rem 0 rgba(22,40,55,.15),.2rem .2rem 1rem 0 rgba(22,34,92,.05)
}

.header-base__mobile .icon-md:before,.header-base__mobile .icon-search:before {
    font-size: 2.4rem
}

.header-base__mobile .cart-icon {
    width: 4rem;
    height: 7rem
}

.header-base__mobile .cart-icon__label {
    margin-top: .9rem;
    font-size: 1.2rem
}

.header-base__mobile .menu-icon {
    right: 0;
    top: 0;
    width: 6rem;
    height: 7rem;
    padding-top: .8rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 48.0625em) {
    .header-base__mobile .menu-icon {
        display:none
    }
}

.header-base__mobile .menu-icon .nav-icon {
    height: .3rem;
    width: 2.4rem;
    background: #291d18
}

.header-base__mobile .menu-icon .nav-icon:after,.header-base__mobile .menu-icon .nav-icon:before {
    width: 100%;
    height: 100%;
    content: "";
    background: #291d18;
    transition: all .2s ease-out
}

.header-base__mobile .menu-icon .nav-icon:before {
    top: .8rem
}

.header-base__mobile .menu-icon .nav-icon:after {
    top: -.8rem
}

.header-base__mobile .menu-icon .nav-text {
    padding-top: 1.8rem;
    color: #291d18;
    font-family: Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.2rem;
    line-height: 2rem
}

.header-base__mobile .menu-nav {
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    transition: width 1.5s ease-out;
    visibility: hidden;
    z-index: 1005
}

.header-base__mobile .menu-nav__mask {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: .7;
    z-index: 1006;
    transition: all .3s ease
}

.header-base__mobile .menu-nav__content {
    top: 0;
    right: 0;
    left: 3rem;
    height: 100%;
    width: calc(100% - 3rem);
    padding: 1.6rem 0 0 2rem;
    z-index: 1007;
    background: #fff;
    box-shadow: 0 0 1.5rem .2rem rgba(0,0,0,.2)
}

@media only screen and (min-width: 36em) {
    .header-base__mobile .menu-nav__content {
        width:60%;
        left: 40%
    }
}

.header-base__mobile .menu-nav__content .site-navigation {
    border-bottom: .1rem solid #bab6b5;
    margin-top: 1rem;
    margin-left: -2rem;
    padding-left: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .header-base__mobile .menu-nav__content .site-navigation {
        border-bottom:0;
        margin-top: auto;
        margin-left: auto;
        padding-left: auto
    }
}

.header-base__mobile .menu-nav__content .site-navigation .top-nav-links {
    width: 100%!important
}

.header-base__mobile .menu-nav__content__bottom {
    bottom: 0;
    right: 0;
    width: 0;
    min-height: 20rem;
    transition: width 1.5s ease-out
}

.header-base__mobile .top-section {
    width: 100%
}

.header-base__mobile .top-section__action {
    margin-right: 6rem
}

.header-base__mobile .top-section .top-up-link {
    min-width: 6rem;
    height: 7rem;
    margin: 0 .5rem 0 0;
    padding: 0;
    background: transparent
}

.header-base__mobile .top-section .top-up-link__icon {
    margin-right: 0;
    text-align: center;
    font-size: 2.4rem;
    color: #291d18
}

.header-base__mobile .top-section .top-up-link__text {
    margin-top: .7rem;
    color: #291d18;
    font-family: Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.2rem;
    line-height: 2rem
}

.header-base .sub-nav-section {
    padding: 0
}

@media only screen and (min-width: 48.0625em) {
    .header-base .sub-nav-section {
        padding:0 1rem
    }
}

.header-base .menu-toggle {
    display: none
}

.header-base .menu-toggle:checked~.header-base__mobile .menu-icon {
    z-index: 1010;
    padding-top: .5rem
}

.header-base .menu-toggle:checked~.header-base__mobile .menu-nav {
    width: 100%;
    visibility: visible
}

.header-base .menu-toggle:checked~.header-base__mobile .menu-nav__content__bottom {
    width: calc(100% - 3rem)
}

@media only screen and (min-width: 36em) {
    .header-base .menu-toggle:checked~.header-base__mobile .menu-nav__content__bottom {
        width:60%
    }
}

@media only screen and (min-width: 48.0625em) {
    .header-base .menu-toggle:checked~.header-base__mobile .menu-nav__content__bottom {
        width:60%
    }
}

.header-base .menu-toggle:checked~.header-base__mobile .menu-icon {
    height: 6rem;
    padding-top: 1rem
}

.header-base .menu-toggle:checked~.header-base__mobile .menu-icon .nav-icon {
    background: transparent
}

.header-base .menu-toggle:checked~.header-base__mobile .menu-icon .nav-icon:before {
    transform: rotate(-45deg)
}

.header-base .menu-toggle:checked~.header-base__mobile .menu-icon .nav-icon:after {
    transform: rotate(45deg)
}

.header-base .menu-toggle:checked~.header-base__mobile .menu-icon .nav-icon:after,.header-base .menu-toggle:checked~.header-base__mobile .menu-icon .nav-icon:before {
    top: 0
}

.header-site {
    display: flex;
    padding: 1rem 0;
    position: relative
}

@media only screen and (min-width: 36em) {
    .header-site {
        padding:1rem 2.5% 1.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .header-site {
        padding:1rem 0 1.8rem
    }
}

.header-site .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 5rem;
    margin-left: 1.6rem
}

@media only screen and (min-width: 36em) {
    .header-site .logo {
        max-height:10rem;
        margin-left: 0;
        margin-top: 1rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .header-site .logo {
        margin-right:2.4rem
    }
}

.header-site .logo .icon-logo-base,.header-site .logo img {
    height: 4rem;
    width: 4.2rem;
    font-size: 3rem
}

@media only screen and (min-width: 36em) {
    .header-site .logo .icon-logo-base,.header-site .logo img {
        height:8rem;
        width: 8rem
    }
}

.header-site .header-action-bar {
    position: absolute;
    top: 2rem;
    right: 0;
    margin-right: 6rem;
    height: 3rem;
    display: flex;
    flex-direction: row
}

@media only screen and (min-width: 36em) {
    .header-site .header-action-bar {
        margin-right:0;
        position: absolute;
        top: 7.3rem;
        right: 2.5%
    }
}

@media only screen and (min-width: 74.5em) {
    .header-site .header-action-bar {
        margin-right:0;
        position: absolute;
        top: 7.3rem;
        right: 0;
        justify-content: flex-end
    }
}

.header-site .header-action-bar .Block__login,.header-site .header-action-bar .header-login {
    display: block;
    margin-left: 1.6rem
}

@media only screen and (min-width: 36em) {
    .header-site .header-action-bar .Block__login,.header-site .header-action-bar .header-login {
        display:none
    }
}

.header-site .header-action-bar .Block__login .button--login-header,.header-site .header-action-bar .Block__login .hidden-mobile-button,.header-site .header-action-bar .Block__login .login-btn,.header-site .header-action-bar .header-login .button--login-header,.header-site .header-action-bar .header-login .login-btn {
    display: none
}

.header-site .header-action-bar .header-mail {
    margin-left: 1.6rem
}

@media only screen and (min-width: 36em) {
    .header-site .header-action-bar .header-mail {
        margin-left:2rem
    }
}

.header-site .openOnMobile {
    display: none
}

@media only screen and (min-width: 36em) {
    .header-site .openOnMobile {
        display:inline-flex
    }
}

.header-site .nav-section {
    display: flex;
    flex-direction: column;
    clear: both;
    max-height: 0;
    margin-right: 0;
    transition: max-height 1s ease-out;
    visibility: hidden
}

@media only screen and (min-width: 36em) {
    .header-site .nav-section {
        visibility:visible;
        max-height: none;
        margin-right: -4rem;
        width: calc(100% - 11.4rem);
        position: relative
    }
}

.header-site .nav-section__site-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-bottom: .1rem solid #dddbda;
    width: 100%
}

.header-site .nav-section__site-nav .site-navigation-desktop {
    flex-grow: 0;
    padding-bottom: 0
}

@media only screen and (min-width: 36em) {
    .header-site .nav-section__site-nav .site-navigation-desktop {
        flex-grow:1
    }
}

.header-site .nav-section__site-nav .site-navigation-desktop a:not(:first-child) {
    margin-left: 1.6rem
}

@media only screen and (min-width: 36em) {
    .header-site .nav-section__site-nav .site-navigation-desktop a:not(:first-child) {
        margin-left:2.4rem
    }
}

.header-site .nav-section__primary {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .header-site .nav-section__primary {
        flex-direction:row;
        width: 80%
    }
}

.header-site .nav-section__action-bar {
    position: relative;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    width: 100%;
    padding: 1.4rem 0 0;
    box-sizing: border-box;
    pointer-events: none
}

@media only screen and (min-width: 36em) {
    .header-site .nav-section__action-bar {
        position:absolute;
        top: .5rem;
        left: 40%;
        width: 60%;
        flex-direction: row;
        padding: 0
    }
}

@media only screen and (min-width: 74.5em) {
    .header-site .nav-section__action-bar {
        left:50%;
        width: 50%
    }
}

.header-site .nav-section__action-bar .cmp-inheritance-component {
    pointer-events: auto
}

.header-site .nav-section__action-bar .header-telephone {
    padding: 1rem 1.6rem 0
}

@media only screen and (min-width: 36em) {
    .header-site .nav-section__action-bar .header-telephone {
        padding:0
    }
}

.header-site .nav-section__action-bar .Block__login--mobile {
    padding: 1rem 1.6rem
}

@media only screen and (min-width: 36em) {
    .header-site .nav-section__action-bar .Block__login--mobile {
        padding:0
    }
}

.header-site .nav-section__action-bar .header-login {
    padding: 1rem 1.6rem 2.4rem
}

@media only screen and (min-width: 36em) {
    .header-site .nav-section__action-bar .header-login {
        padding:0
    }
}

.header-site .nav-section__action-bar .header-login .login-profile {
    display: none
}

@media only screen and (min-width: 36em) {
    .header-site .nav-section__action-bar .header-login .login-profile {
        display:block
    }
}

.header-site .nav-section__action-bar .header-login .login-menu.open {
    display: none
}

@media only screen and (min-width: 36em) {
    .header-site .nav-section__action-bar .header-login .login-menu.open {
        display:block;
        right: 5.2rem
    }
}

.header-site nav .top-navigation {
    border-bottom: .1rem solid #f7f6f6
}

.header-site .menu-icon {
    position: absolute;
    right: 1rem;
    top: 2rem;
    cursor: pointer;
    display: inline-flex;
    padding: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 36em) {
    .header-site .menu-icon {
        display:none
    }
}

.header-site .menu-icon .nav-icon {
    background: #291d18;
    display: block;
    height: .2rem;
    position: relative;
    transition: background .2s ease-out;
    width: 2.4rem
}

.header-site .menu-icon .nav-icon:after,.header-site .menu-icon .nav-icon:before {
    background: #291d18;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%
}

.header-site .menu-icon .nav-icon:before {
    top: .6rem
}

.header-site .menu-icon .nav-icon:after {
    top: -.6rem
}

.header-site.minimal {
    display: flex;
    align-items: center;
    margin-bottom: 3.2rem
}

@media only screen and (min-width: 36em) {
    .header-site.minimal {
        margin-bottom:12.8rem
    }
}

.header-site.minimal .logo {
    margin-left: 0;
    margin-top: 0
}

.header-site.minimal .nav-section__action-bar {
    position: relative;
    left: auto;
    width: auto
}

.header-site.header-site--conversational {
    position: relative;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    background: #fff
}

.header-site.header-site--conversational .header-site--conversational__loading-text {
    position: fixed;
    top: 0;
    height: 0;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    margin: 0 auto
}

.header-site.header-site--conversational .header-site--conversational__loading-text.show-text {
    top: 38rem;
    height: auto;
    width: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-animation: hide-content 0s ease-out 3s forwards;
    animation: hide-content 0s ease-out 3s forwards
}

@media only screen and (min-width: 36em) {
    .header-site.header-site--conversational .header-site--conversational__loading-text.show-text {
        top:40rem
    }
}

.header-site.header-site--conversational .header-site--conversational__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: 113.2rem;
    margin: 0 auto;
    padding: 2.4rem 1.6rem 0
}

@media only screen and (min-width: 36em) {
    .header-site.header-site--conversational .header-site--conversational__container {
        padding:3.2rem 1.6rem 0
    }
}

.overlay-page .cmp-intent-finder .header-site.header-site--conversational .header-site--conversational__container {
    padding: 2.4rem 2% 0
}

@media only screen and (min-width: 36em) {
    .overlay-page .cmp-intent-finder .header-site.header-site--conversational .header-site--conversational__container {
        padding:3.2rem 1.6rem 0
    }
}

.header-site.header-site--conversational .header-site--conversational__container__back,.header-site.header-site--conversational .header-site--conversational__container__close {
    color: #291d18
}

.header-site.header-site--conversational .header-site--conversational__container__back .text-flow--label,.header-site.header-site--conversational .header-site--conversational__container__close .text-flow--label {
    display: none
}

@media only screen and (min-width: 36em) {
    .header-site.header-site--conversational .header-site--conversational__container__back .text-flow--label,.header-site.header-site--conversational .header-site--conversational__container__close .text-flow--label {
        display:flex
    }
}

.header-site.header-site--conversational .header-site--conversational__container__back .icon-md:before,.header-site.header-site--conversational .header-site--conversational__container__close .icon-md:before {
    height: 2.4rem
}

.header-site.header-site--conversational .header-site--conversational__container__back:focus,.header-site.header-site--conversational .header-site--conversational__container__close:focus {
    text-decoration: underline
}

.header-site.header-site--conversational .header-site--conversational__container__close .text-flow--label {
    padding-right: .8rem
}

.header-site.header-site--conversational .header-site--conversational__container__back .text-flow--label {
    padding-left: .8rem
}

.overlay-page .cmp-intent-finder .header-site.header-site--conversational .header-site--conversational__container__back {
    margin-left: -.4rem
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .overlay-page .cmp-intent-finder .header-site.header-site--conversational .header-site--conversational__container__back {
        margin-left:calc(2vw - .4rem)
    }
}

@media (min-width: 48.0625em) {
    .overlay-page .cmp-intent-finder .header-site.header-site--conversational .header-site--conversational__container__back {
        margin-left:-.4rem
    }
}

.header-site.header-site--conversational .logo {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 0 2.4rem
}

@media only screen and (min-width: 36em) {
    .header-site.header-site--conversational .logo {
        margin:0 0 4rem
    }
}

.header-site.header-site--conversational .logo img {
    height: 4.5rem;
    width: 4.5rem
}

@media only screen and (min-width: 36em) {
    .header-site.header-site--conversational .logo img {
        height:6rem;
        width: 6rem
    }
}

.menu-toggle:checked~.header-site {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 200;
    background: #fff
}

.menu-toggle:checked~.header-site .nav-icon {
    background: transparent
}

.menu-toggle:checked~.header-site .nav-icon:before {
    transform: rotate(-45deg)
}

.menu-toggle:checked~.header-site .nav-icon:after {
    transform: rotate(45deg)
}

.menu-toggle:checked~.header-site .nav-section {
    visibility: visible;
    position: fixed;
    left: 0;
    top: 5.9rem;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    background: #fff;
    box-sizing: border-box;
    z-index: 1000;
    overflow: auto;
    padding-bottom: 5.9rem
}

.menu-toggle:checked~.header-site .nav-section .nav-section__site-nav {
    display: block
}

.menu-toggle:checked~.header-site .nav-section .site-navigation {
    padding: 0 1.6rem
}

.menu-toggle:checked~.header-site .nav-section .site-navigation .site-navigation-desktop .cmp-inheritance-component.openOnMobile {
    display: inline-flex
}

.menu-toggle:checked~.header-site .nav-section .header-login {
    box-sizing: border-box;
    width: auto
}

.menu-toggle:checked~.header-site .nav-section .header-login .button.button--primary {
    margin: 2.4rem 1.6rem
}

.menu-toggle:checked~.header-site .nav-section .login-btn {
    padding: 1rem;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.menu-toggle:checked~.header-site .nav-section .login-profile .hidden-desktop {
    display: none
}

.menu-toggle:checked~.header-site .nav-section .nav-section__primary {
    display: block
}

.menu-toggle:checked~.header-site .nav-section .nav-section__primary ul li {
    padding: 1.6rem;
    list-style: none
}

.menu-toggle:checked~.header-site .nav-section .nav-section__primary ul li:not(:last-child) {
    border-bottom: .1rem solid #f7f6f6
}

.menu-toggle:checked~.header-site .nav-section .nav-section__action-bar {
    padding: 0;
    display: block
}

.menu-toggle:checked~.header-site .nav-section .dropdown-menu--top-nav .dropdown-menu__selector-indicator {
    display: none
}

.menu-toggle:checked~.header-site .nav-section .dropdown-menu--top-nav .dropdown-menu__selector-menu {
    display: none;
    background: #fff
}

.menu-toggle:checked~.header-site .nav-section .dropdown-menu--top-nav .dropdown-menu__selector-menu.open {
    box-shadow: none;
    border-radius: 0;
    left: 0;
    top: 9.2rem;
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    box-sizing: border-box;
    z-index: 1002;
    overflow: auto;
    background: #fff;
    padding-bottom: 9.2rem
}

.menu-toggle:checked~.header-site .nav-section .dropdown-menu--top-nav .dropdown-menu__selector-menu ul li {
    padding: 1.6rem;
    list-style: none
}

.menu-toggle:checked~.header-site .nav-section .dropdown-menu--top-nav .dropdown-menu__selector-menu ul li:not(:last-child) {
    border-bottom: .1rem solid #f7f6f6
}

.menu-toggle:checked~.header-site .cmp-header-login .Block__login .login-menu.open {
    box-shadow: none;
    border-radius: 0;
    left: 0;
    right: 0;
    top: 9.6rem;
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    box-sizing: border-box;
    z-index: 1001;
    overflow: auto;
    background: #fff;
    padding-bottom: 9.6rem;
    margin-top: 0
}

.menu-toggle:checked~.header-site .cmp-header-login .Block__login .login-menu ul li {
    padding: 1.6rem;
    list-style: none;
    border-top: .1rem solid #f7f6f6;
    border-bottom: none
}

.menu-toggle:checked~.header-site .cmp-header-login .Block__login .login-menu ul li:last-child {
    border-top: none
}

.menu-toggle:checked~.header-site .cmp-header-login .Block__login .login-menu ul li .login-menu__links {
    margin-bottom: 0
}

.menu-toggle:checked~.header-site .cmp-header-login .Block__login .login-menu ul li .login-menu__links a {
    padding: 0;
    border: none
}

.menu-toggle:checked~.header-site .cmp-header-login .Block__login .login-menu ul li .link.link--logout {
    font-size: 18px;
    font-weight: 400;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.menu-toggle:checked~.header-site .menu-icon .nav-icon {
    background: transparent
}

.menu-toggle:checked~.header-site .menu-icon .nav-icon:before {
    transform: rotate(-45deg)
}

.menu-toggle:checked~.header-site .menu-icon .nav-icon:after {
    transform: rotate(45deg)
}

.menu-toggle:checked~.header-site .nav-icon:after,.menu-toggle:checked~.header-site .nav-icon:before {
    top: 0
}

@media only screen and (-ms-high-contrast:active) and (min-width: 36em),only screen and (-ms-high-contrast:none) and (min-width:36em) {
    .header-site .nav-section__site-nav {
        height:3.5rem
    }
}

.telenet-header {
    display: flex;
    position: relative;
    padding: 1.3rem 0;
    min-height: 6rem
}

@media only screen and (min-width: 36em) {
    .telenet-header {
        padding:1rem 2.5% 1.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .telenet-header {
        padding:1rem 0 1.8rem
    }
}

.telenet-header .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 5rem;
    margin-left: 1.6rem
}

@media only screen and (min-width: 36em) {
    .telenet-header .logo {
        max-height:10rem;
        margin-left: 0;
        margin-top: 1rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .telenet-header .logo {
        margin-right:2.4rem
    }
}

.telenet-header .cmp-shopping-cart-icon .cart-icon__label {
    display: none
}

.telenet-header .header-action-bar {
    position: absolute;
    display: flex;
    flex-direction: row;
    height: 3rem;
    margin-right: 5.6rem;
    top: 2.4rem;
    bottom: 1.5rem;
    right: 0
}

@media only screen and (min-width: 74.5em) {
    .telenet-header .header-action-bar {
        margin-right:0;
        position: absolute;
        top: unset;
        right: 0;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 36em) {
    .telenet-header .header-action-bar {
        margin-right:0;
        position: absolute;
        top: unset;
        bottom: 1.8rem;
        right: 2.5%
    }
}

.telenet-header .header-action-bar .Block__login,.telenet-header .header-action-bar .header-login {
    display: block;
    margin-left: 1.6rem
}

@media only screen and (min-width: 36em) {
    .telenet-header .header-action-bar .Block__login,.telenet-header .header-action-bar .header-login {
        display:none
    }
}

.telenet-header .header-action-bar .Block__login .button--login-header,.telenet-header .header-action-bar .Block__login .hidden-mobile-button,.telenet-header .header-action-bar .Block__login .login-btn,.telenet-header .header-action-bar .header-login .button--login-header,.telenet-header .header-action-bar .header-login .login-btn,.telenet-header .openOnMobile {
    display: none
}

@media only screen and (min-width: 36em) {
    .telenet-header .openOnMobile {
        display:inline-flex
    }
}

.telenet-header .nav-section {
    display: flex;
    flex-direction: column;
    clear: both;
    max-height: 0;
    margin-right: 0;
    transition: max-height .3s ease-in-out;
    visibility: hidden
}

@media only screen and (min-width: 36em) {
    .telenet-header .nav-section {
        visibility:visible;
        max-height: none;
        margin-right: -4rem;
        width: calc(100% - 10.4rem);
        position: relative
    }
}

.telenet-header .nav-section__site-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-bottom: .1rem solid #f7f6f6;
    width: 100%
}

.telenet-header .nav-section__site-nav .site-navigation-desktop {
    flex-grow: 0;
    padding-bottom: 0
}

@media only screen and (min-width: 36em) {
    .telenet-header .nav-section__site-nav .site-navigation-desktop {
        flex-grow:1
    }
}

.telenet-header .nav-section__site-nav .site-navigation-desktop a:not(:first-child) {
    margin-left: 1.6rem
}

@media only screen and (min-width: 36em) {
    .telenet-header .nav-section__site-nav .site-navigation-desktop a:not(:first-child) {
        margin-left:2.4rem
    }
}

.telenet-header .nav-section__primary {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .telenet-header .nav-section__primary {
        flex-direction:row;
        width: 80%
    }
}

.telenet-header .nav-section__action-bar {
    position: relative;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    width: 100%;
    padding: 1.4rem 0 0;
    box-sizing: border-box;
    pointer-events: none
}

@media only screen and (min-width: 36em) {
    .telenet-header .nav-section__action-bar {
        position:absolute;
        top: .5rem;
        left: 40%;
        width: 60%;
        flex-direction: row;
        padding: 0
    }
}

@media only screen and (min-width: 74.5em) {
    .telenet-header .nav-section__action-bar {
        left:50%;
        width: 50%
    }
}

.telenet-header .nav-section__action-bar .cmp-inheritance-component {
    pointer-events: auto
}

.telenet-header .nav-section__action-bar .header-telephone {
    padding: 1rem 1.6rem 0
}

@media only screen and (min-width: 36em) {
    .telenet-header .nav-section__action-bar .header-telephone {
        padding:0
    }
}

.telenet-header .nav-section__action-bar .Block__login--mobile {
    padding: 1rem 1.6rem
}

@media only screen and (min-width: 36em) {
    .telenet-header .nav-section__action-bar .Block__login--mobile {
        padding:0
    }
}

.telenet-header .nav-section__action-bar .header-login {
    padding: 1rem 1.6rem 2.4rem
}

@media only screen and (min-width: 36em) {
    .telenet-header .nav-section__action-bar .header-login {
        padding:0
    }
}

.telenet-header .nav-section__action-bar .header-login .login-profile {
    display: none
}

@media only screen and (min-width: 36em) {
    .telenet-header .nav-section__action-bar .header-login .login-profile {
        display:block
    }
}

.telenet-header .nav-section__action-bar .header-login .login-menu.open {
    display: none
}

@media only screen and (min-width: 36em) {
    .telenet-header .nav-section__action-bar .header-login .login-menu.open {
        display:block;
        right: 5.2rem
    }
}

.telenet-header nav .top-navigation {
    border-bottom: .1rem solid #f7f6f6
}

.telenet-header .menu-icon {
    position: absolute;
    right: .8rem;
    top: 2.6rem;
    cursor: pointer;
    display: inline-flex;
    padding: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 36em) {
    .telenet-header .menu-icon {
        display:none
    }
}

.telenet-header .menu-icon .nav-icon {
    background: #291d18;
    display: block;
    height: .2rem;
    position: relative;
    transition: background .2s ease-out;
    width: 2rem
}

.telenet-header .menu-icon .nav-icon:after,.telenet-header .menu-icon .nav-icon:before {
    background: #291d18;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 50%;
    right: 0
}

.telenet-header .menu-icon .nav-icon:before {
    top: .6rem
}

.telenet-header .menu-icon .nav-icon:after {
    top: -.6rem
}

.telenet-header.minimal {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .telenet-header.minimal {
        margin-bottom:0
    }
}

.telenet-header.minimal .logo {
    margin-left: 0;
    margin-top: 0
}

.telenet-header.minimal .nav-section__action-bar {
    position: relative;
    left: auto;
    width: auto
}

.menu-toggle {
    display: none
}

.menu-toggle:checked~.telenet-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 200;
    background: #fff
}

.menu-toggle:checked~.telenet-header .nav-icon {
    background: transparent
}

.menu-toggle:checked~.telenet-header .nav-icon:before {
    transform: rotate(-45deg);
    width: 100%
}

.menu-toggle:checked~.telenet-header .nav-icon:after {
    transform: rotate(45deg);
    width: 100%
}

.menu-toggle:checked~.telenet-header .nav-section {
    visibility: visible;
    position: fixed;
    left: 0;
    top: 5.9rem;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    background: #fff;
    box-sizing: border-box;
    z-index: 1000;
    overflow: auto;
    padding: 0 1.6rem 5.9rem
}

.menu-toggle:checked~.telenet-header .nav-section .language-selector {
    height: unset;
    padding: 0
}

.menu-toggle:checked~.telenet-header .nav-section .language-selector .language-selector__selected {
    flex: 1;
    padding: 0
}

@media only screen and (max-width: 48.0525em) {
    .menu-toggle:checked~.telenet-header .nav-section .language-selector .language-selector__selected .lang-selected {
        display:none
    }
}

.menu-toggle:checked~.telenet-header .nav-section .language-selector .language-selector__selected .language-menu {
    position: static;
    visibility: visible;
    height: auto;
    width: auto;
    flex: 1;
    margin: unset;
    box-shadow: unset
}

.menu-toggle:checked~.telenet-header .nav-section .language-selector .language-selector__selected .language-menu ul {
    display: inline-flex;
    padding: 0
}

.menu-toggle:checked~.telenet-header .nav-section .language-selector .language-selector__selected .language-menu ul span:not(:first-child):before {
    content: "-";
    position: absolute;
    top: 50%;
    left: -.3rem;
    transform: translateY(-50%)
}

.menu-toggle:checked~.telenet-header .nav-section .language-selector .language-selector__selected .language-menu ul span li {
    margin: 0
}

.menu-toggle:checked~.telenet-header .nav-section .language-selector .language-selector__selected .language-menu ul span li.active,.menu-toggle:checked~.telenet-header .nav-section .language-selector .language-selector__selected .language-menu ul span li:hover {
    background-color: inherit;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.menu-toggle:checked~.telenet-header .nav-section .nav-section__site-nav {
    display: block
}

.menu-toggle:checked~.telenet-header .nav-section .site-navigation .site-navigation-desktop .cmp-inheritance-component.openOnMobile {
    display: inline-flex
}

.menu-toggle:checked~.telenet-header .nav-section .header-login {
    box-sizing: border-box;
    width: auto
}

.menu-toggle:checked~.telenet-header .nav-section .header-login .button.button--primary {
    margin: 2.4rem 1.6rem
}

.menu-toggle:checked~.telenet-header .nav-section .login-btn {
    padding: 1.6rem;
    font-size: 1.5rem;
    line-height: 1.8rem
}

.menu-toggle:checked~.telenet-header .nav-section .login-profile .hidden-desktop {
    display: none
}

.menu-toggle:checked~.telenet-header .nav-section .nav-section__primary {
    display: block
}

.menu-toggle:checked~.telenet-header .nav-section .nav-section__primary ul li {
    padding: 0;
    list-style: none
}

.menu-toggle:checked~.telenet-header .nav-section .nav-section__primary ul li:not(:last-child) {
    border-bottom: .1rem solid #eeeded
}

.menu-toggle:checked~.telenet-header .nav-section .nav-section__primary ul li.nav-item--parent,.menu-toggle:checked~.telenet-header .nav-section .nav-section__primary ul li a {
    padding: 1.6rem 0;
    text-transform: unset
}

.menu-toggle:checked~.telenet-header .nav-section .nav-section__action-bar {
    padding: 0;
    display: block
}

.menu-toggle:checked~.telenet-header .nav-section .dropdown-menu--top-nav .dropdown-menu__selector-indicator {
    display: none
}

.menu-toggle:checked~.telenet-header .nav-section .dropdown-menu--top-nav .dropdown-menu__selector-menu {
    display: none;
    background: #fff
}

.menu-toggle:checked~.telenet-header .nav-section .dropdown-menu--top-nav .dropdown-menu__selector-menu.open {
    box-shadow: none;
    border-radius: 0;
    left: 0;
    top: 9.2rem;
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    box-sizing: border-box;
    z-index: 1002;
    overflow: auto;
    background: #fff;
    padding-bottom: 9.2rem
}

.menu-toggle:checked~.telenet-header .nav-section .dropdown-menu--top-nav .dropdown-menu__selector-menu ul li {
    padding: 1.6rem;
    list-style: none
}

.menu-toggle:checked~.telenet-header .nav-section .dropdown-menu--top-nav .dropdown-menu__selector-menu ul li:not(:last-child) {
    border-bottom: .1rem solid #f7f6f6
}

.menu-toggle:checked~.telenet-header .cmp-header-login .Block__login .login-menu.open {
    box-shadow: none;
    border-radius: 0;
    left: 0;
    right: 0;
    top: 9.6rem;
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    box-sizing: border-box;
    z-index: 1001;
    overflow: auto;
    background: #fff;
    padding-bottom: 9.6rem;
    margin-top: 0
}

.menu-toggle:checked~.telenet-header .cmp-header-login .Block__login .login-menu ul li {
    padding: 1.6rem;
    list-style: none;
    border-top: .1rem solid #f7f6f6;
    border-bottom: none
}

.menu-toggle:checked~.telenet-header .cmp-header-login .Block__login .login-menu ul li:last-child {
    border-top: none
}

.menu-toggle:checked~.telenet-header .cmp-header-login .Block__login .login-menu ul li .login-menu__links {
    margin-bottom: 0
}

.menu-toggle:checked~.telenet-header .cmp-header-login .Block__login .login-menu ul li .login-menu__links a {
    padding: 0;
    border: none
}

.menu-toggle:checked~.telenet-header .cmp-header-login .Block__login .login-menu ul li .link.link--logout {
    font-size: 18px;
    font-weight: 400;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.menu-toggle:checked~.telenet-header .menu-icon .nav-icon {
    background: transparent
}

.menu-toggle:checked~.telenet-header .menu-icon .nav-icon:before {
    transform: rotate(-45deg)
}

.menu-toggle:checked~.telenet-header .menu-icon .nav-icon:after {
    transform: rotate(45deg)
}

.menu-toggle:checked~.telenet-header .nav-icon:after,.menu-toggle:checked~.telenet-header .nav-icon:before {
    top: 0
}

@media only screen and (-ms-high-contrast:active) and (min-width: 36em),only screen and (-ms-high-contrast:none) and (min-width:36em) {
    .telenet-header .nav-section__site-nav {
        height:3.5rem
    }
}

.image-title-text-block--horizontal-align .cmp.cmp-title * {
    margin-top: 0
}

@media only screen and (min-width: 48.0625em) {
    .image-title-text-block--horizontal-align .cmp.cmp-title * {
        margin-top:0
    }
}

@media only screen and (min-width: 74.5em) {
    .image-title-text-block--horizontal-align .cmp.cmp-title * {
        margin-top:0
    }
}

.image-title-text-block--horizontal-align>div:first-child {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.image-title-text-block:not(.cur-pointer) .cmp-text a {
    text-decoration: underline
}

.image-title-text-block:not(.cur-pointer) .cmp-text a:hover {
    text-decoration: underline
}

.navigation-content {
    display: flex;
    flex-direction: column;
    padding: 3.2rem 1rem;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .navigation-content {
        margin-left:0;
        margin-right: 0;
        padding: 3.2rem
    }
}

.navigation-content-box {
    display: none;
    box-shadow: none;
    border-radius: 0;
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .navigation-content-box {
        display:block;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        margin-left: 1.6rem
    }
}

.navigation-content-box.visibility-show {
    display: block
}

.navigation-content-box .card-content {
    margin: 1rem
}

@media only screen and (min-width: 36em) {
    .navigation-content-box .card-content {
        margin:1rem
    }
}

.navigation-content .form-helper,.navigation-content label {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 900
}

.navigation-content .default.form-helper,.navigation-content label.default {
    cursor: default
}

.navigation-content p {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2rem
}

.navigation-content .link {
    font-size: 1.5rem;
    line-height: 1.6rem
}

.navigation-content .button {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: .8rem
}

@media only screen and (min-width: 36em) {
    .navigation-content .button {
        min-width:21rem
    }
}

.navigation-content .button.button--tertiary.button__icon--position-right.icon-chevron-right {
    padding-right: 4rem
}

.navigation-content .select-dropdown .select_input:checked+.select_label {
    margin-top: -2rem
}

.navigation-content .select-dropdown .select_label {
    font-size: 1.8rem;
    font-weight: 400;
    color: #291d18
}

.navigation-content__header {
    border-bottom: .1rem solid #f7f6f6;
    padding-bottom: 2.2rem;
    margin-bottom: 3.2rem
}

.navigation-content__header.mobile-barring {
    padding-top: 3.2rem
}

@media only screen and (min-width: 36em) {
    .navigation-content__header.mobile-barring {
        padding-top:0
    }
}

.navigation-content__header--title,.navigation-content__header .title {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 1.2rem
}

.navigation-content__header--title h2,.navigation-content__header .title h2 {
    font-weight: 800;
    margin: 0;
    font-size: 2.4rem
}

.navigation-content__header .category-title {
    display: flex;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 2.4rem
}

.navigation-content__header .header-icon {
    font-size: 2.4rem;
    display: flex;
    align-items: center;
    padding-right: 2rem
}

.navigation-content__details .footer-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 2.4rem
}

@media only screen and (min-width: 36em) {
    .navigation-content__details .footer-btn {
        flex-direction:row
    }
}

.navigation-content__details .footer-btn .link-actions {
    margin-bottom: 2.4rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: left
}

@media only screen and (min-width: 48.0625em) {
    .navigation-content__details .footer-btn .link-actions {
        margin-bottom:0;
        flex-direction: row;
        width: 50%
    }

    .navigation-content__details .footer-btn .link-actions .button:not(:last-child) {
        margin-right: 2.4rem
    }

    .navigation-content__details .footer-btn .link-actions .button--tertiary--chevron:before {
        position: absolute;
        top: 0;
        right: .5rem
    }
}

.navigation-content__details .footer-btn .link-actions .button--tertiary--chevron:before {
    top: 0
}

.navigation-content__details .details-section {
    display: flex;
    flex-wrap: wrap
}

.navigation-content__details .details-section__item {
    flex-basis: 100%;
    margin-bottom: 1.2rem
}

@media only screen and (min-width: 36em) {
    .navigation-content__details .details-section__item {
        flex-basis:50%;
        margin-bottom: 2.4rem
    }

    .navigation-content__details .details-section__item:nth-child(3),.navigation-content__details .details-section__item:nth-child(4) {
        margin-bottom: 0
    }
}

.navigation-content__details .details-section__item:last-child {
    margin-bottom: 0
}

.navigation-content__details.products .details-section__item {
    flex-basis: 100%;
    padding-bottom: 3.2rem;
    margin: 0;
    border-bottom: 0
}

@media only screen and (min-width: 36em) {
    .navigation-content__details.products .details-section__item {
        padding-bottom:3.2rem;
        padding-top: 3.2rem;
        border-bottom: .1rem solid #f7f6f6
    }
}

.navigation-content__details.products .details-section__item:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.navigation-content__details.products .details-section__item:first-child {
    padding-top: 0
}

.navigation-content__details.products .details-section__item .details {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .navigation-content__details.products .details-section__item .details {
        flex-direction:row
    }
}

.navigation-content__details.products .details-section__item .details p {
    margin-bottom: .8rem
}

.navigation-content__details.products .details-section__item .details .description-text {
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500
}

.navigation-content__details .barring-title {
    font-size: 2rem;
    line-height: 2.3rem;
    color: #291d18;
    font-weight: 900;
    margin-bottom: 2.4rem
}

.navigation-content__details .details-section-manage-barring {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.navigation-content__details .details-section-manage-barring.bar-all {
    margin: 1.6rem 0
}

@media only screen and (min-width: 36em) {
    .navigation-content__details .details-section-manage-barring.bar-all {
        margin-top:1.2rem;
        margin-bottom: 1.2rem
    }
}

.navigation-content__details .details-section-manage-barring.general {
    margin: 1.6rem 0
}

@media only screen and (min-width: 36em) {
    .navigation-content__details .details-section-manage-barring.general {
        margin-bottom:2.5rem
    }
}

.navigation-content__details .details-section-manage-barring.roaming {
    margin: 1.6rem 0
}

@media only screen and (min-width: 36em) {
    .navigation-content__details .details-section-manage-barring.roaming {
        margin-bottom:1.6rem
    }
}

.navigation-content__details .subscipt-text {
    opacity: .7
}

.navigation-content__details .sim-link {
    margin: 1.2rem 0 3.2rem;
    color: #ffc421
}

.navigation-content__details .button-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 3.2rem
}

.navigation-content__details.identification .info-section,.navigation-content__details.identification .sim-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 3.2rem
}

@media only screen and (min-width: 36em) {
    .navigation-content__details.identification .info-section,.navigation-content__details.identification .sim-info {
        flex-direction:row;
        margin-bottom: 0
    }
}

.navigation-content__details.identification .info-section>div:not(:last-child),.navigation-content__details.identification .sim-info>div:not(:last-child) {
    margin-right: 10%
}

.navigation-content__details.identification .info-section p,.navigation-content__details.identification .sim-info p {
    margin-bottom: 0
}

.navigation-content__details.identification .identification-details-not-found {
    border-bottom: .1rem solid #f7f6f6;
    margin: 3rem 0;
    padding-bottom: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (min-width: 36em) {
    .navigation-content__details.identification .identification-details-not-found {
        flex-direction:row;
        align-items: center;
        padding-bottom: 7rem
    }
}

.navigation-content__details.identification .identification-details-not-found--heading {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1.2
}

.navigation-content__details.identification .identification-details-not-found--description {
    margin-bottom: 3.2rem;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .navigation-content__details.identification .identification-details-not-found--description {
        margin-bottom:0
    }
}

.navigation-content__details.identification .form-helper,.navigation-content__details.identification .FormGroup__label,.navigation-content__details.identification label {
    margin-bottom: 0
}

.navigation-content__details .pbm-limit .input-section .input {
    margin-left: 6rem;
    text-align: center;
    font-weight: 900;
    background-color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .navigation-content__details .pbm-limit .input-section .input {
        margin-left:0
    }
}

.navigation-content__details.apn .footer-btn,.navigation-content__details.more .footer-btn {
    width: 100%;
    flex-direction: column;
    margin-top: 0
}

@media only screen and (min-width: 36em) {
    .navigation-content__details.apn .footer-btn,.navigation-content__details.more .footer-btn {
        width:30%;
        min-width: 20.5rem
    }
}

.navigation-content__details.apn .footer-btn .button:not(:last-child),.navigation-content__details.more .footer-btn .button:not(:last-child) {
    margin-bottom: 1.6rem
}

.navigation-content__details.apn .details {
    margin-bottom: 1.8rem
}

.navigation-content__details.apn .details .form-helper,.navigation-content__details.apn .details label {
    font-weight: 500;
    line-height: 1.6rem;
    color: #655c58
}

.navigation-content .details-section__item .details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline
}

.navigation-content .details-section__item .options-link {
    display: flex;
    flex-direction: column;
    margin-left: 0;
    align-items: baseline
}

@media only screen and (min-width: 36em) {
    .navigation-content .details-section__item .options-link {
        flex-direction:row;
        margin-left: .8rem
    }
}

.navigation-content .details-section__item .options-link .link {
    padding-bottom: 1.2rem;
    text-align: right;
    white-space: nowrap
}

@media only screen and (min-width: 36em) {
    .navigation-content .details-section__item .options-link .link {
        text-align:left;
        padding-bottom: 0;
        padding-right: 2.4rem
    }
}

.navigation-content .details-section__item .options-link .link:last-child {
    padding-right: 0
}

.navigation-content .cta-button .button.button--tertiary--chevron {
    width: 100%;
    display: block
}

@media only screen and (min-width: 36em) {
    .navigation-content .cta-button .button.button--tertiary--chevron {
        width:-webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        min-width: 20.5rem
    }
}

.navigation-content .button--tertiary--chevron:after {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    top: 42%
}

.navigation-content .disabled-elements .select-dropdown {
    pointer-events: none;
    border: 0
}

.navigation-content .disabled-elements .select-dropdown .select_input:checked+.select_label {
    opacity: 1;
    color: #bab6b5
}

.navigation-content .disabled-elements input {
    border: 0
}

.navigation-content .disabled-elements .form-helper,.navigation-content .disabled-elements .FormGroup__label,.navigation-content .disabled-elements label {
    opacity: 1
}

.navigation-content .disabled-elements .select2-choice {
    border: 0
}

.navigation-content .disabled-elements .arrow,.navigation-content .disabled-elements .select2-arrow {
    display: none
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .navigation-content-box {
        box-shadow: .1rem .3rem 1.8rem 0 rgba(30,37,74,.09),.1rem .1rem 1.3rem 0 rgba(30,37,74,.18)
    }

    .navigation-content__details.products .details-section__item .details p {
        width: 75%
    }
}

.theme--light-ui.navigation-list,.theme--light-ui .navigation-list {
    --navlist--toggle: $navlist--toggle__light;
    --navlist--icon__back: $navlist--icon__back__light;
    --navlist--icon: $navlist--icon__light;
    --navlist--text: $navlist--text__light;
    --navlist--text__active: $navlist--text__active__light;
    --navlist--text__mobile: $navlist--text__mobile__light
}

.navigation--content {
    visibility: hidden;
    overflow: hidden;
    height: 0
}

@media only screen and (min-width: 48.0625em) {
    .navigation--content {
        visibility:visible;
        overflow: inherit;
        height: auto
    }
}

.navigation--content.visibility-show {
    visibility: visible;
    height: auto
}

.navigation-list.navigation-list--latest {
    display: flex;
    flex-direction: column
}

.navigation-list.navigation-list--latest .icon-toggle {
    display: inline;
    color: var(--navlist--toggle);
    font-size: 1rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .icon-toggle {
        display:none
    }
}

.navigation-list.navigation-list--latest .icon-toggle.back-arrow {
    color: var(--navlist--icon__back)
}

.navigation-list.navigation-list--latest .icon-toggle:before {
    position: relative
}

.navigation-list.navigation-list--latest .nav-header-mobile {
    box-sizing: border-box;
    font-size: 1.4rem;
    line-height: 2.6rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 700;
    padding: 0;
    border-bottom: .1rem solid #f7f6f6;
    cursor: pointer;
    visibility: hidden;
    height: 0;
    position: absolute;
    top: 9rem;
    background-color: #f7f6f6;
    width: 100%;
    color: var(--navlist--text__mobile);
    left: 0;
    right: 0
}

@media only screen and (max-width: 21rem) {
    .navigation-list.navigation-list--latest .nav-header-mobile {
        top:9rem
    }
}

.navigation-list.navigation-list--latest .nav-header-mobile.visibility-show {
    box-sizing: border-box;
    visibility: visible;
    padding: 0 1.6rem;
    height: auto;
    margin-right: 1.6rem;
    margin-left: 0;
    margin-top: -1rem
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .nav-header-mobile.visibility-show {
        visibility:hidden;
        height: 0;
        padding: 0;
        margin-right: auto;
        margin-left: auto
    }
}

.navigation-list.navigation-list--latest .nav-header-mobile.visibility-show .back-arrow:before {
    transform: translate(-50%,50%) rotate(180deg) scaleY(1);
    top: -1.6rem;
    margin-top: -2.5rem
}

.navigation-list.navigation-list--latest .nav-list {
    visibility: visible;
    height: auto;
    width: auto
}

.navigation-list.navigation-list--latest .nav-list.visibility-hide {
    visibility: hidden;
    height: 0
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .nav-list.visibility-hide {
        visibility:visible;
        height: auto;
        width: auto!important
    }
}

.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge {
    width: auto
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .nav-list.nav-list__with-badge li:first-child .link-section .list-item {
        padding-top:0
    }
}

.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge .badge {
    margin-left: 4rem
}

.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge .navigation-list__label-name {
    margin-left: 0;
    width: 25rem
}

.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge .navigation-list__label-name.ellipsis {
    overflow: visible;
    white-space: normal
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .nav-list.nav-list__with-badge li:first-child {
        margin-top:0
    }
}

.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge li.active:hover {
    cursor: default
}

.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge li.active,.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge li:active,.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge li:hover {
    color: var(--navlist--text__active)
}

.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge li .selection-bar {
    height: 9rem
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .nav-list.nav-list__with-badge li.active .selection-bar,.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge li:active .selection-bar,.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge li:hover .selection-bar {
        background:#ffc421
    }
}

.navigation-list.navigation-list--latest .nav-list.nav-list__with-badge li .navigation-list__icon:before {
    vertical-align: unset
}

.navigation-list.navigation-list--latest .nav-list:hover li.active:not(:hover) .selection-bar {
    background: transparent
}

.navigation-list.navigation-list--latest .nav-list hr {
    margin: 0
}

.navigation-list.navigation-list--latest__icon {
    font-size: 2.4rem;
    color: var(--navlist--icon)
}

.navigation-list.navigation-list--latest__icon+span {
    padding-left: 1.6rem;
    z-index: 100
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest__icon+span {
        padding-left:2.4rem
    }
}

.navigation-list.navigation-list--latest__icon:before {
    width: 2.4rem;
    vertical-align: top
}

.navigation-list.navigation-list--latest .nav-list li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--navlist--text);
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .nav-list li {
        margin-top:.4rem;
        margin-bottom: .4rem
    }
}

.navigation-list.navigation-list--latest .nav-list li .link-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
}

.navigation-list.navigation-list--latest .nav-list li .link-section .list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .1rem solid #f7f6f6;
    width: 100%;
    padding: 1.6rem 0
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .nav-list li .link-section .list-item {
        border-bottom:none
    }
}

.navigation-list.navigation-list--latest .nav-list li .link-section .list-item.last-item {
    border-bottom: none
}

.navigation-list.navigation-list--latest .nav-list li .submenu {
    margin-left: 6rem;
    padding-bottom: 1rem
}

.navigation-list.navigation-list--latest .nav-list li .selection-bar {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .nav-list li .selection-bar {
        display:inline;
        width: .4rem;
        height: 4.8rem;
        border-radius: .4rem;
        margin-right: 1.6rem;
        margin-bottom: .4rem
    }
}

.navigation-list.navigation-list--latest .nav-list li.active,.navigation-list.navigation-list--latest .nav-list li:active {
    cursor: pointer;
    color: var(--navlist--text);
    font-weight: 700
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .nav-list li.active .selection-bar,.navigation-list.navigation-list--latest .nav-list li:active .selection-bar {
        background:#ffc421
    }
}

.navigation-list.navigation-list--latest .nav-list li.active .navigation-list__icon,.navigation-list.navigation-list--latest .nav-list li:active .navigation-list__icon {
    color: var(--navlist--text)
}

.navigation-list.navigation-list--latest .nav-list li:hover {
    cursor: pointer
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .nav-list li:hover .selection-bar {
        background:#ffc421
    }
}

.navigation-list.navigation-list--latest .nav-list li a {
    color: var(--navlist--text);
    text-decoration: none
}

@media only screen and (min-width: 48.0625em) {
    .navigation-list.navigation-list--latest .nav-list li a.active,.navigation-list.navigation-list--latest .nav-list li a:active,.navigation-list.navigation-list--latest .nav-list li a:hover {
        color:var(--navlist--text__active);
        cursor: pointer
    }
}

.navigation-list.navigation-list--latest__label-name {
    width: auto;
    margin-left: -1rem
}

.navigation-list.navigation-list--latest.navigation-list--fixed .nav-header-mobile {
    position: absolute;
    top: -32rem;
    width: auto;
    padding: 1rem 1.6rem 1rem 3rem
}

.navigation-list--new .navigation-list {
    display: flex;
    flex-direction: column
}

.navigation-list--new .navigation-list .icon-toggle {
    display: inline;
    color: #655c58;
    font-size: 1rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .navigation-list--new .navigation-list .icon-toggle {
        display:none
    }
}

.navigation-list--new .navigation-list .icon-toggle.back-arrow {
    color: #655c58
}

.navigation-list--new .navigation-list .icon-toggle:before {
    position: relative
}

.navigation-list--new .navigation-list__navigation-header {
    box-sizing: border-box;
    font-size: 1.4rem;
    line-height: 2.6rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 700;
    padding: 0;
    border-bottom: .1rem solid #f7f6f6;
    cursor: pointer;
    visibility: hidden;
    height: 0;
    position: absolute;
    top: 9rem;
    background-color: #f7f6f6;
    width: 100%;
    color: #655c58
}

@media only screen and (max-width: 23rem) {
    .navigation-list--new .navigation-list__navigation-header {
        top:-23rem
    }
}

.navigation-list--new .navigation-list__navigation-header.visibility-show {
    box-sizing: border-box;
    visibility: visible;
    padding: 0 1.6rem;
    height: auto;
    margin-right: 1.6rem;
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .navigation-list--new .navigation-list__navigation-header.visibility-show {
        visibility:hidden;
        height: 0;
        padding: 0;
        margin-right: auto;
        margin-left: auto
    }
}

.navigation-list--new .navigation-list__navigation-header.visibility-show .back-arrow:before {
    transform: translate(-50%,50%) rotate(180deg) scaleY(1);
    top: -1.6rem
}

.navigation-list--new .navigation-list__navigation-section {
    visibility: visible;
    height: auto;
    width: auto
}

.navigation-list--new .navigation-list__navigation-section.visibility-hide {
    visibility: hidden;
    height: 0
}

@media only screen and (min-width: 36em) {
    .navigation-list--new .navigation-list__navigation-section.visibility-hide {
        visibility:visible;
        height: auto
    }
}

.navigation-list--new .navigation-list__navigation-section:hover li.active:not(:hover) .navigation-item__selection-bar {
    background: transparent
}

.navigation-list--new .navigation-list__navigation-section hr {
    margin: 0
}

.navigation-list--new .navigation-list__navigation-section li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: #291d18;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

@media only screen and (min-width: 36em) {
    .navigation-list--new .navigation-list__navigation-section li {
        margin-top:.4rem;
        margin-bottom: .4rem
    }
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container {
    align-items: center;
    justify-content: space-between;
    border-bottom: .1rem solid #f7f6f6;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container {
        border-bottom:none
    }
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container.last-item {
    border-bottom: none
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container .available-options-container__section {
    display: flex;
    align-items: center
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container .available-options-container__section .section__content {
    margin-left: 2rem
}

@media only screen and (min-width: 36em) {
    .navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container .available-options-container__section .section__content {
        margin-left:0
    }
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container .available-options-container__section .section__content__first-section {
    display: flex;
    align-items: center
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container .available-options-container__section .section__content__first-section__icon {
    padding-right: 1.8rem;
    font-size: 2.4rem;
    color: #bab6b5;
    font-weight: 500
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container .available-options-container__section .section__content__first-section__label-name {
    width: 25rem
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container .available-options-container__section .section__content__first-section__label-name.ellipsis {
    overflow: visible;
    white-space: normal
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__available-options-container .available-options-container__section .section__content__second-section {
    padding-left: 4rem
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__selection-bar {
    display: none
}

@media only screen and (min-width: 36em) {
    .navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__selection-bar {
        display:inline;
        width: .4rem;
        height: 4.8rem;
        border-radius: .4rem;
        margin-right: 1.6rem;
        margin-bottom: .4rem
    }
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-item .navigation-item__selection-bar.navigation-list--with-badge {
    height: 9rem
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-sub-item {
    padding-left: 6rem
}

.navigation-list--new .navigation-list__navigation-section li .navigation-section__navigation-sub-item li {
    padding-bottom: 1rem
}

.navigation-list--new .navigation-list__navigation-section li.active,.navigation-list--new .navigation-list__navigation-section li:active {
    cursor: pointer;
    color: #655c58;
    font-weight: 700
}

@media only screen and (min-width: 36em) {
    .navigation-list--new .navigation-list__navigation-section li.active .navigation-item__selection-bar,.navigation-list--new .navigation-list__navigation-section li:active .navigation-item__selection-bar {
        background:#ffc421
    }
}

.navigation-list--new .navigation-list__navigation-section li.active .section__icon,.navigation-list--new .navigation-list__navigation-section li:active .section__icon {
    color: #291d18
}

.navigation-list--new .navigation-list__navigation-section li:hover {
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .navigation-list--new .navigation-list__navigation-section li:hover .navigation-item__selection-bar {
        background:#ffc421
    }
}

.navigation-list--new .navigation-list__navigation-section li a {
    color: #291d18;
    text-decoration: none
}

@media only screen and (min-width: 36em) {
    .navigation-list--new .navigation-list__navigation-section li a.active,.navigation-list--new .navigation-list__navigation-section li a:active,.navigation-list--new .navigation-list__navigation-section li a:hover {
        color:#ffc421;
        cursor: pointer
    }
}

.navigation-list,.theme--light-ui.navigation-list,.theme--light-ui .navigation-list {
    --navlist--toggle: $navlist--toggle__light;
    --navlist--icon__back: $navlist--icon__back__light;
    --navlist--icon: $navlist--icon__light;
    --navlist--text: $navlist--text__light;
    --navlist--text__active: $navlist--text__active__light;
    --navlist--text__mobile: $navlist--text__mobile__light
}

.theme--dark-ui.navigation-list,.theme--dark-ui .navigation-list {
    --navlist--toggle: $navlist--toggle__dark;
    --navlist--icon__back: $navlist--icon__back__dark;
    --navlist--icon: $navlist--icon__dark;
    --navlist--text: $navlist--text__dark;
    --navlist--text__active: $navlist--text__active__dark;
    --navlist--text__mobile: $navlist--text__mobile__dark
}

.navigation-list {
    display: flex;
    flex-direction: column
}

.navigation-list .icon-toggle {
    display: inline;
    color: var(--navlist--toggle);
    font-size: 1rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .navigation-list .icon-toggle {
        display:none
    }
}

.navigation-list .icon-toggle.back-arrow {
    color: var(--navlist--icon__back)
}

.navigation-list .icon-toggle:before {
    position: relative
}

.navigation-list .nav-header-mobile {
    box-sizing: border-box;
    font-size: 1.4rem;
    line-height: 2.6rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 700;
    padding: 0;
    border-bottom: .1rem solid #f7f6f6;
    cursor: pointer;
    visibility: hidden;
    height: 0;
    position: absolute;
    top: 9rem;
    background-color: #f7f6f6;
    width: 100%;
    color: var(--navlist--text__mobile);
    left: 0;
    right: 0
}

@media only screen and (max-width: 21rem) {
    .navigation-list .nav-header-mobile {
        top:9rem
    }
}

.navigation-list .nav-header-mobile.visibility-show {
    box-sizing: border-box;
    visibility: visible;
    padding: 0 1.6rem;
    height: auto;
    margin-right: 1.6rem;
    margin-left: 0;
    margin-top: -1rem
}

@media only screen and (min-width: 36em) {
    .navigation-list .nav-header-mobile.visibility-show {
        visibility:hidden;
        height: 0;
        padding: 0;
        margin-right: auto;
        margin-left: auto
    }
}

.navigation-list .nav-header-mobile.visibility-show .back-arrow:before {
    transform: translate(-50%,50%) rotate(180deg) scaleY(1);
    top: -1.6rem;
    margin-top: -2.5rem
}

.navigation-list .nav-list {
    visibility: visible;
    height: auto;
    width: auto
}

.navigation-list .nav-list.visibility-hide {
    visibility: hidden;
    height: 0
}

@media only screen and (min-width: 36em) {
    .navigation-list .nav-list.visibility-hide {
        visibility:visible;
        height: auto;
        width: auto!important
    }
}

.navigation-list .nav-list.nav-list__with-badge {
    width: auto
}

@media only screen and (min-width: 36em) {
    .navigation-list .nav-list.nav-list__with-badge li:first-child .link-section .list-item {
        padding-top:0
    }
}

.navigation-list .nav-list.nav-list__with-badge .badge {
    margin-left: 4rem
}

.navigation-list .nav-list.nav-list__with-badge .navigation-list__label-name {
    margin-left: 0;
    width: 25rem
}

.navigation-list .nav-list.nav-list__with-badge .navigation-list__label-name.ellipsis {
    overflow: visible;
    white-space: normal
}

@media only screen and (min-width: 36em) {
    .navigation-list .nav-list.nav-list__with-badge li:first-child {
        margin-top:0
    }
}

.navigation-list .nav-list.nav-list__with-badge li.active:hover {
    cursor: default
}

.navigation-list .nav-list.nav-list__with-badge li.active,.navigation-list .nav-list.nav-list__with-badge li:active,.navigation-list .nav-list.nav-list__with-badge li:hover {
    color: var(--navlist--text__active)
}

.navigation-list .nav-list.nav-list__with-badge li .selection-bar {
    height: 9rem
}

@media only screen and (min-width: 36em) {
    .navigation-list .nav-list.nav-list__with-badge li.active .selection-bar,.navigation-list .nav-list.nav-list__with-badge li:active .selection-bar,.navigation-list .nav-list.nav-list__with-badge li:hover .selection-bar {
        background:#ffc421
    }
}

.navigation-list .nav-list.nav-list__with-badge li .navigation-list__icon:before {
    vertical-align: unset
}

.navigation-list .nav-list:hover li.active:not(:hover) .selection-bar {
    background: transparent
}

.navigation-list .nav-list hr {
    margin: 0
}

.navigation-list__icon {
    font-size: 2.4rem;
    color: var(--navlist--icon)
}

.navigation-list__icon+span {
    padding-left: 1.6rem;
    z-index: 100
}

@media only screen and (min-width: 36em) {
    .navigation-list__icon+span {
        padding-left:2.4rem
    }
}

.navigation-list__icon:before {
    width: 3.2rem;
    vertical-align: top
}

.navigation-list .nav-list li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--navlist--text);
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

@media only screen and (min-width: 36em) {
    .navigation-list .nav-list li {
        margin-top:.4rem;
        margin-bottom: .4rem
    }
}

.navigation-list .nav-list li .link-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
}

.navigation-list .nav-list li .link-section .list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .1rem solid #f7f6f6;
    width: 100%;
    padding: 1.6rem 0
}

@media only screen and (min-width: 36em) {
    .navigation-list .nav-list li .link-section .list-item {
        border-bottom:0 !important;
        cursor: default
    }
}

.navigation-list .nav-list li .link-section .list-item.last-item {
    border-bottom: none
}

.navigation-list .nav-list li .submenu {
    margin-left: 6rem;
    padding-bottom: 1rem
}

.navigation-list .nav-list li .selection-bar {
    display: none
}

@media only screen and (min-width: 36em) {
    .navigation-list .nav-list li .selection-bar {
        display:inline;
        width: .4rem;
        height: 4.8rem;
        border-radius: .4rem;
        margin-right: 1.6rem;
        margin-bottom: .4rem
    }
}

.navigation-list .nav-list li.active,.navigation-list .nav-list li:active {
    cursor: pointer;
    color: var(--navlist--text);
    font-weight: 700
}

@media only screen and (min-width: 36em) {
    .navigation-list .nav-list li.active .selection-bar,.navigation-list .nav-list li:active .selection-bar {
        background:#ffc421
    }
}

.navigation-list .nav-list li.active .navigation-list__icon,.navigation-list .nav-list li:active .navigation-list__icon {
    color: var(--navlist--text)
}

.navigation-list .nav-list li:hover {
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .navigation-list .nav-list li:hover .selection-bar {
        background:#ffc421
    }
}

.navigation-list .nav-list li a {
    color: var(--navlist--text);
    text-decoration: none
}

@media only screen and (min-width: 36em) {
    .navigation-list .nav-list li a.active,.navigation-list .nav-list li a:active,.navigation-list .nav-list li a:hover {
        color:var(--navlist--text__active);
        cursor: pointer
    }
}

.navigation-list__label-name {
    width: auto;
}

.navigation-list.navigation-list--fixed .nav-header-mobile {
    position: absolute;
    top: -32rem;
    width: auto;
    padding: 1rem 1.6rem 1rem 3rem
}

.off-grid-image {
    position: relative;
    width: 100%
}

.off-grid-image__height--medium {
    height: 40rem
}

.off-grid-image__image {
    position: absolute;
    background-size: cover;
    background-position: 50%
}

.off-grid-image__image.off-grid-image__image--left {
    right: 0
}

.off-grid-image__image.off-grid-image__image--right {
    left: 0
}

.off-grid-image .off-grid-image__image {
    width: calc(15.4rem + 100%)
}

@media (min-width: 74.5em) and (max-width:90em) {
    .off-grid-image .off-grid-image__image {
        width:calc((100vw - 113.2rem)/2 + 100%)
    }
}

@media (min-width: 70.75em) and (max-width:74.5em) {
    .off-grid-image .off-grid-image__image {
        width:calc((100vw - 113.2rem)/2 + 100% + 3rem)
    }
}

@media (min-width: 48.0625em) and (max-width:70.75em) {
    .off-grid-image .off-grid-image__image {
        width:calc(100% + 3rem)
    }
}

@media (max-width: 48.0625em) {
    .off-grid-image .off-grid-image__image {
        width:calc(100% + 2rem)
    }
}

.cmp-responsivegrid--gutter .off-grid-image .off-grid-image__image {
    width: calc(16.4rem + 100%)
}

@media (min-width: 74.5em) and (max-width:90em) {
    .cmp-responsivegrid--gutter .off-grid-image .off-grid-image__image {
        width:calc((100vw - 113.2rem)/2 + 100% + 1rem)
    }
}

@media (min-width: 70.75em) and (max-width:74.5em) {
    .cmp-responsivegrid--gutter .off-grid-image .off-grid-image__image {
        width:calc((100vw - 113.2rem)/2 + 100% + 4rem)
    }
}

@media (min-width: 48.0625em) and (max-width:70.75em) {
    .cmp-responsivegrid--gutter .off-grid-image .off-grid-image__image {
        width:calc(100% + 4rem)
    }
}

@media (max-width: 48.0625em) {
    .cmp-responsivegrid--gutter .off-grid-image .off-grid-image__image {
        width:calc(100% + 3rem)
    }
}

.online-payment {
    width: 100%;
    margin: 0 auto
}

.online-payment .form-helper,.online-payment label {
    cursor: default
}

.online-payment .payment-alias-label,.online-payment .payment-default-label {
    margin-top: 2.4rem;
    margin-bottom: 0;
    margin-left: 2rem;
    color: #291d18;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 2rem
}

@media only screen and (min-width: 36em) {
    .online-payment .payment-alias-label,.online-payment .payment-default-label {
        margin-top:3.2rem;
        margin-left: unset;
        font-size: 2rem;
        line-height: 2.4rem
    }
}

.online-payment__outstanding-amt {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    padding-bottom: 3.2rem;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 36em) {
    .online-payment__outstanding-amt {
        flex-direction:row;
        align-items: flex-start
    }
}

.online-payment__outstanding-amt .lbl {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: uppercase
}

@media only screen and (min-width: 36em) {
    .online-payment__outstanding-amt .lbl {
        font-size:1.5rem;
        align-items: flex-start
    }
}

.online-payment__outstanding-amt .amt-content {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 36em) {
    .online-payment__outstanding-amt .amt-content {
        margin-top:0;
        align-items: flex-end
    }
}

.online-payment__outstanding-amt .amt-content .vat-text {
    font-size: 1.5rem;
    line-height: 1.6rem;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .online-payment__outstanding-amt .amt-content .vat-text {
        line-height:1.6rem
    }
}

.online-payment__outstanding-amt .amt-content .amt {
    font-size: 4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 3.6rem
}

@media only screen and (min-width: 36em) {
    .online-payment__outstanding-amt .amt-content .amt {
        font-size:5.6rem;
        line-height: 5rem
    }
}

.online-payment__inv-details-heading {
    font-size: 2.4rem;
    margin-bottom: 2.4rem;
    line-height: 1.4
}

@media only screen and (min-width: 36em) {
    .online-payment__inv-details-heading {
        margin-bottom:3.2rem;
        font-size: 3.2rem;
        line-height: 1.4
    }
}

.pay-cards-container {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width: 36em) {
    .pay-cards-container .payment-cards--saved-card,.pay-cards-container .payment-cards--visa-card {
        max-width:42%
    }
}

.pay-cards-container .payment-cards--saved-card,.pay-cards-container .payment-cards--visa-card {
    min-height: 6.2rem;
    margin-left: 1.6rem;
    margin-top: 1.6rem;
    margin-right: 1.6rem;
    flex-basis: 100%
}

@media only screen and (min-width: 36em) {
    .pay-cards-container .payment-cards--saved-card,.pay-cards-container .payment-cards--visa-card {
        width:27%;
        flex-shrink: 1;
        margin-top: 2rem;
        margin-left: unset;
        flex-basis: auto
    }
}

.product-filter {
    position: relative;
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .product-filter {
        top:-3.5rem
    }
}

.product-filter__container {
    padding: 2rem 0
}

@media only screen and (min-width: 36em) {
    .product-filter__container {
        padding:1rem 1rem 4rem
    }
}

.product-filter__scroll-effect {
    opacity: .95;
    z-index: 1;
    position: sticky;
    top: 0
}

@media only screen and (min-width: 36em) {
    .product-filter__scroll-effect {
        margin-left:-2rem;
        margin-right: -2rem;
        position: sticky
    }

    .product-filter__scroll-effect .product-filter__content h3 {
        justify-content: center;
        opacity: 1;
        margin-top: 0
    }
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .product-filter__scroll-effect {
        position: fixed;
        left: 14%;
        right: 14%
    }
}

.product-filter__scroll-effect .Container--dark {
    border-radius: 0 0 .5rem .5rem
}

.generic-selector {
    position: relative
}

.generic-selector.dropdown {
    width: 100%;
    top: 0;
    z-index: 10;
    height: 8.6rem;
    margin-top: 1rem;
    max-width: 48rem
}

@media only screen and (min-width: 36em) {
    .generic-selector.dropdown {
        width:40rem
    }
}

.generic-selector.billing {
    margin-bottom: 1.6rem
}

.generic-selector.billing .arrow.arrow--down:after {
    border-width: .75rem .75rem 0;
    margin-top: -.2rem
}

.generic-selector.billing .arrow.arrow--up:after {
    border-width: .75rem .75rem 0;
    margin-top: -.2rem
}

.generic-selector .arrow.arrow--down:after,.generic-selector .arrow.arrow--up:after {
    top: 0
}

.generic-selector .arrow.arrow--up:after {
    left: 1.8rem
}

.generic-selector .account-selector__listing {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    background: transparent;
    height: 8.6rem
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing {
        background:transparent
    }
}

.generic-selector .account-selector__listing.multi-line {
    border: .1rem solid #291d18;
    border-radius: .8rem;
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing.multi-line {
        justify-content:center;
        border: 0;
        overflow: visible;
        height: auto;
        padding-right: 0;
        border-bottom: .1rem solid #eeeded;
        border-radius: 0;
        background: transparent
    }
}

.generic-selector .account-selector__listing.multi-line.is-open {
    margin-bottom: 0;
    background: #fff;
    overflow: inherit;
    height: auto;
    position: absolute;
    width: 100%;
    z-index: 5;
    border: none
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing.multi-line.is-open {
        position:relative;
        border: 0;
        margin-bottom: 2rem;
        background: transparent;
        border-bottom: .1rem solid #eeeded
    }
}

.generic-selector .account-selector__listing.multi-line.is-open .icon-down-rectangle-green:before {
    transform: translate(-50%,-50%) rotate(270deg) scaleX(1.2) scaleY(2);
    right: 3rem
}

.generic-selector .account-selector__listing.dropdown {
    border: .1rem solid #291d18;
    border-radius: .8rem;
    height: 8.6rem;
    background: #fff
}

.generic-selector .account-selector__listing.dropdown.is-open {
    overflow: visible;
    height: auto;
    position: absolute;
    width: 100%;
    margin-bottom: 0;
    z-index: 5;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing.dropdown.is-open {
        margin-bottom:2rem
    }
}

.generic-selector .account-selector__listing.dropdown.is-open .icon-down-rectangle-green:before {
    transform: translate(-50%,-50%) rotate(270deg) scaleX(1.2) scaleY(2);
    right: 3rem
}

.generic-selector .account-selector__listing.dropdown.is-open li:not(:last-child) {
    border-radius: 0
}

.generic-selector .account-selector__listing.dropdown.is-open li:last-child {
    border: 0
}

.generic-selector .account-selector__listing.fixed.dropdown.is-open {
    border-radius: .8rem .8rem 0 0
}

.generic-selector .account-selector__listing.fixed.dropdown.is-open+ul {
    display: flex;
    max-height: 20rem;
    overflow: auto;
    margin-top: 8.6rem;
    border-top: .1rem solid #f7f6f6;
    border-radius: 0 0 .8rem .8rem
}

.generic-selector .account-selector__listing.fixed.dropdown {
    min-height: 8.7rem
}

.generic-selector .account-selector__listing.fixed.dropdown+ul {
    display: none
}

.generic-selector .account-selector__listing>li.dropdown:hover {
    background: #ffc421
}

.generic-selector .account-selector__listing>li.dropdown:hover .account__city,.generic-selector .account-selector__listing>li.dropdown:hover .account__id,.generic-selector .account-selector__listing>li.dropdown:hover .account__street,.generic-selector .account-selector__listing>li.dropdown:hover .incl-value,.generic-selector .account-selector__listing>li.dropdown:hover .outstanding-amount,.generic-selector .account-selector__listing>li.dropdown:hover .outstanding-value {
    color: #fff;
    font-weight: 400
}

.generic-selector .account-selector__listing>li.dropdown:hover .avatar.dropdown-with-icon .icon-circle {
    background: #fff
}

.generic-selector .account-selector__listing>li.dropdown:hover .avatar.dropdown-with-icon .icon-circle:before {
    color: #ffc421
}

.generic-selector .account-selector__item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex: 1 0 100%;
    border-bottom: .1rem solid #291d18;
    margin-right: 0;
    min-height: 8.6rem;
    width: 90%;
    border-radius: 0 0 .8rem .8rem
}

.generic-selector .account-selector__item.active .account__info h2 {
    font-weight: 400
}

.generic-selector .account-selector__item.active .account__info p,.generic-selector .account-selector__item.active .account__info span {
    font-weight: 400;
    font-size: 1.5rem
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__item.multi-line {
        flex:0 0 20%;
        margin-right: 0;
        padding: 1rem 1rem 1rem 0;
        border-radius: 0
    }
}

.generic-selector .account-selector__item.multi-line .icon-circle.icon-avatar-role:before {
    padding: 2.5rem .1rem 0 0
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__item.multi-line .icon-circle.icon-avatar-role:before {
        padding:2.3rem 0 0 .1rem
    }
}

.generic-selector .account-selector__item.multi-line.active {
    order: -1
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__item.multi-line.active {
        border-bottom:.2rem solid #ffc421;
        order: 0
    }
}

.generic-selector .account-selector__item.multi-line.active .icon-circle {
    border: none;
    box-shadow: 0 .2rem .4rem 0 rgba(0,0,0,.5)
}

.generic-selector .account-selector__item.multi-line.active .icon-circle.icon-smart-phone {
    box-shadow: none
}

.generic-selector .account-selector__item.multi-line.active .account__info h2 {
    font-weight: 400
}

.generic-selector .account-selector__item.multi-line.active .account__info p,.generic-selector .account-selector__item.multi-line.active .account__info span {
    font-weight: 400;
    font-size: 1.5rem
}

.generic-selector .account-selector__item.dropdown .account__outstanding {
    display: flex;
    justify-content: space-between;
    margin-top: .8rem
}

.generic-selector .account-selector__item.dropdown .account__outstanding .outstanding-amount {
    font-size: 1.5rem;
    color: #655c58
}

.generic-selector .account-selector__item.dropdown .account__outstanding .outstanding-value {
    font-size: 1.8rem;
    color: #291d18;
    font-weight: 400
}

.generic-selector .account-selector__item.dropdown .account__outstanding .incl-value {
    color: #bab6b5;
    font-size: 1.5rem
}

.generic-selector .account-selector__item.dropdown.active {
    order: -1
}

.generic-selector .account-selector__item.dropdown.active:hover {
    background: #fff;
    border-radius: .8rem .8rem 0 0
}

.generic-selector .account-selector__item.dropdown.active:hover .account__city,.generic-selector .account-selector__item.dropdown.active:hover .account__id,.generic-selector .account-selector__item.dropdown.active:hover .account__street,.generic-selector .account-selector__item.dropdown.active:hover .incl-value,.generic-selector .account-selector__item.dropdown.active:hover .outstanding-amount,.generic-selector .account-selector__item.dropdown.active:hover .outstanding-value {
    color: #291d18;
    font-weight: 400
}

.generic-selector .account-selector__item.dropdown.active .account__info h2,.generic-selector .account-selector__item.dropdown.active .account__info p,.generic-selector .account-selector__item.dropdown.active .account__info span {
    font-weight: 400
}

.generic-selector .account-selector__item.dropdown.active .account__city,.generic-selector .account-selector__item.dropdown.active .account__id,.generic-selector .account-selector__item.dropdown.active .account__street,.generic-selector .account-selector__item.dropdown.active .incl-value,.generic-selector .account-selector__item.dropdown.active .outstanding-amount,.generic-selector .account-selector__item.dropdown.active .outstanding-value {
    color: #291d18;
    font-weight: 400
}

.generic-selector .account-selector__item.single-line {
    pointer-events: none
}

.generic-selector .account-selector__item.single-line:hover {
    background: none
}

.generic-selector .account-selector__item:hover {
    cursor: pointer;
    color: #fff
}

.generic-selector .account-selector__item .avatar {
    width: 4rem;
    height: 4rem;
    display: none;
    margin-left: 0;
    box-shadow: 0 0 0 .3rem #ffc421
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__item .avatar {
        display:none;
        float: none
    }
}

.generic-selector .account-selector__item .avatar .invoices img {
    padding: 1.2rem 1.1rem 1.2rem 1.5rem
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__item .avatar.dropdown {
        margin-left:2rem
    }
}

.generic-selector .account-selector__item .avatar.multi-line-with-icon {
    display: inline-block;
    box-shadow: none;
    width: 5rem;
    height: 5rem
}

.generic-selector .account-selector__item .avatar.multi-line-with-icon .icon-circle {
    background: #ffc421;
    width: 5rem;
    height: 5rem
}

.generic-selector .account-selector__item .avatar.multi-line-with-icon .icon-circle:before {
    color: #fff;
    margin: .2rem;
    font-size: 3rem
}

.generic-selector .account-selector__item .avatar.multi-line-with-icon .icon-mobile:before {
    padding-top: 1.8rem
}

.generic-selector .account-selector__item.active .avatar,.generic-selector .account-selector__item:hover .avatar {
    border-radius: 50%;
    box-shadow: 0 0 0 .3rem #ffc421;
    z-index: 2
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__item.active .avatar,.generic-selector .account-selector__item:hover .avatar {
        box-shadow:0 0 0 .3rem #ffc421
    }
}

.generic-selector .account-selector__item.active .avatar:hover,.generic-selector .account-selector__item:hover .avatar:hover {
    box-shadow: 0 0 0 .3rem #ffc421
}

.generic-selector .account-selector__item.active .avatar.multi-line-with-icon,.generic-selector .account-selector__item:hover .avatar.multi-line-with-icon {
    box-shadow: none
}

.generic-selector .account-selector__item.active .avatar.multi-line-with-icon .avatar__icon:hover,.generic-selector .account-selector__item:hover .avatar.multi-line-with-icon .avatar__icon:hover {
    box-shadow: none
}

.generic-selector .account-selector__item.active .account-selector__add-account .avatar,.generic-selector .account-selector__item:hover .account-selector__add-account .avatar {
    box-shadow: none
}

.generic-selector .account-selector__item.active .account-selector__add-account .avatar .avatar--add:hover,.generic-selector .account-selector__item:hover .account-selector__add-account .avatar .avatar--add:hover {
    box-shadow: none
}

.generic-selector .account-selector__listing .account-selector__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    text-decoration: none;
    width: 100%;
    color: #291d18;
    padding: 0 1rem;
    margin: 0
}

.generic-selector .account-selector__listing .account-selector__link .account__info {
    margin-top: 0
}

.generic-selector .account-selector__listing .account-selector__link.multi-line {
    align-items: center;
    box-sizing: border-box;
    text-align: center;
    height: 8rem
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing .account-selector__link.multi-line {
        flex-direction:row;
        justify-content: flex-start;
        height: auto
    }
}

.generic-selector .account-selector__listing .account-selector__link.multi-line .avatar {
    margin-left: .5rem;
    margin-right: 1rem
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing .account-selector__link.multi-line .avatar {
        margin-left:0;
        margin-right: 2rem
    }
}

.generic-selector .account-selector__listing .account-selector__link.multi-line .avatar__icon {
    margin-left: .5rem;
    margin-right: 1rem
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing .account-selector__link.multi-line .avatar__icon {
        margin-left:0;
        margin-right: .8rem
    }
}

.generic-selector .account-selector__listing .account-selector__link.multi-line .account__info {
    width: 100%;
    display: inline-block;
    box-sizing: inherit;
    text-align: left;
    padding: 0
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing .account-selector__link.multi-line .account__info {
        width:auto;
        display: block;
        float: none;
        margin-top: 1rem;
        padding: 0;
        text-align: left
    }
}

.generic-selector .account-selector__listing .account-selector__link.multi-line .account__info * {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.8rem
}

.generic-selector .account-selector__listing .account-selector__link.multi-line .account__info .account__id {
    font-size: 1.8rem;
    font-weight: 400
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing .account-selector__link.multi-line .account__info .account__id {
        font-size:1.8rem
    }
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing .account-selector__link.multi-line .account__info .account__name {
        font-size:1.4rem
    }
}

.generic-selector .account-selector__listing .account-selector__link.multi-line .account__info .account__name span {
    font-size: 1.4rem
}

.generic-selector .account-selector__listing .account-selector__link.multi-line .account__info.multi-line-with-icon {
    margin-top: 0
}

.generic-selector .account-selector__listing .account-selector__link.dropdown {
    height: auto
}

.generic-selector .account-selector__listing .account-selector__link.dropdown .avatar {
    display: none
}

.generic-selector .account-selector__listing .account-selector__link.dropdown .avatar.dropdown-with-icon {
    display: inline-block;
    box-shadow: none
}

.generic-selector .account-selector__listing .account-selector__link.dropdown .avatar.dropdown-with-icon .icon-circle {
    background: #ffc421
}

.generic-selector .account-selector__listing .account-selector__link.dropdown .avatar.dropdown-with-icon .icon-circle:before {
    color: #fff;
    margin: .2rem;
    font-size: 3rem
}

.generic-selector .account-selector__listing .account-selector__link.dropdown .account__info {
    width: 100%;
    display: inline-block;
    box-sizing: inherit;
    text-align: left;
    padding: 0
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing .account-selector__link.dropdown .account__info {
        display:block;
        float: none;
        margin: 0 1rem;
        text-align: left;
        padding: 0
    }
}

.generic-selector .account-selector__listing .account-selector__link.dropdown .account__info * {
    line-height: 1.8rem
}

.generic-selector .account-selector__listing .account-selector__link.dropdown .account__info .account__id {
    font-size: 1.8rem;
    font-weight: 400;
    margin: .5rem 0 0
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__listing .account-selector__link.dropdown .account__info .account__name {
        font-size:1.4rem;
        color: #bab6b5
    }
}

.generic-selector .account-selector__listing .account-selector__link.dropdown .account__info .account__name span {
    font-size: 1.4rem
}

.generic-selector .account-selector__trigger {
    position: absolute;
    right: 2.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    height: 4rem;
    width: 4rem;
    z-index: 10;
    pointer-events: none
}

@media only screen and (min-width: 36em) {
    .generic-selector .account-selector__trigger.multi-line {
        display:none
    }
}

.generic-selector .icon-circle .question-mark {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.5rem;
    font-weight: 500
}

.generic-selector .account__city,.generic-selector .account__street {
    display: block;
    margin-right: 4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.5rem;
    color: #bab6b5
}

.generic-selector__billing-accounts {
    background: #fff;
    padding: 0;
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 36em) {
    .generic-selector__billing-accounts {
        padding:0
    }
}

.generic-selector__billing-accounts .generic-selector.billing {
    margin: 0 0 1.6rem
}

@media only screen and (-ms-high-contrast:active) and (min-width: 36em),only screen and (-ms-high-contrast:none) and (min-width:36em) {
    .generic-selector .account-selector__listing .account-selector__link.multi-line .avatar__icon {
        margin-right:.8rem
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .generic-selector .account-selector__listing .account-selector__link {
        padding: 0 1rem
    }
}

@media only screen and (-ms-high-contrast:active) and (min-width: 36em),only screen and (-ms-high-contrast:none) and (min-width:36em) {
    .generic-selector .account-selector__listing .account-selector__link {
        padding:0 1rem
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .generic-selector .account-selector__listing .account-selector__link.dropdown {
        padding: 0 1rem
    }

    .generic-selector__billing-accounts .generic-selector.billing {
        margin: 0
    }
}

.account-line-selector {
    margin-bottom: 1rem;
    padding: 3.2rem;
    background: #fff;
    border-radius: .8rem
}

@media only screen and (min-width: 36em) {
    .account-line-selector {
        padding:3.2rem
    }
}

.account-line-selector .account-selector {
    width: 100%;
    min-height: 7rem;
    cursor: pointer;
    background: #fff;
    border-radius: .8rem
}

@media only screen and (min-width: 36em) {
    .account-line-selector .account-selector {
        width:39.2rem
    }
}

.account-line-selector .account-selector__action {
    position: absolute;
    right: 3.2rem;
    top: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    z-index: 10;
    pointer-events: none
}

.account-line-selector .account-selector__action .arrow.arrow--down:after,.account-line-selector .account-selector__action .arrow.arrow--up:after {
    border-width: .75rem .75rem 0;
    margin-top: -.2rem
}

.account-line-selector .account-selector__action .arrow--up:after {
    left: 2rem
}

.account-line-selector .account-selector__action .arrow--down:after {
    left: 1.4rem
}

.account-line-selector .account-selector__list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.6rem;
    border-radius: 0;
    border: .1rem solid #eeeded;
    list-style-type: none
}

.account-line-selector .account-selector__list__icon {
    padding-right: 1rem
}

.account-line-selector .account-selector__list__icon .icon-circle {
    background: #ffc421;
    width: 3.6rem;
    height: 3.6rem
}

.account-line-selector .account-selector__list__icon [class^=icon] {
    color: #291d18
}

.account-line-selector .account-selector__list__icon [class^=icon]:before {
    position: relative;
    top: -.9rem;
    height: 0;
    font-size: 2rem
}

.account-line-selector .account-selector__list__icon .icon-wifi:before {
    top: -.5rem;
    right: -.2rem
}

.account-line-selector .account-selector__list__image {
    overflow: hidden
}

.account-line-selector .account-selector__list__account-info {
    width: 100%
}

.account-line-selector .account-selector__list__account-info__account-details {
    margin-top: .5rem;
    width: 95%
}

.account-line-selector .account-selector__list__account-info__account-details p {
    display: block
}

.account-line-selector .account-selector__list__account-info__outstanding-balance {
    display: flex;
    justify-content: space-between
}

.account-line-selector .account-selector__list__account-info__outstanding-balance .inclusive-text {
    color: #bab6b5
}

.account-line-selector .account-selector__list__first-item--opened {
    position: absolute;
    padding: 1.6rem;
    height: auto;
    width: 100%;
    overflow: visible;
    z-index: 5;
    background: #fff;
    border-bottom: 0
}

.account-line-selector .account-selector__list__first-item--opened+ul {
    display: flex;
    position: absolute;
    margin-top: 7rem;
    margin-bottom: 0;
    padding: 0;
    height: auto;
    width: 100%;
    max-height: 20rem;
    overflow: auto;
    border-top: .1rem solid #f7f6f6;
    z-index: 5;
    background: #fff
}

.account-line-selector .account-selector__list__first-item--closed+ul {
    display: none
}

.account-line-selector .account-selector__list__options__item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex: 1 0 100%;
    margin-right: 0;
    width: 90%;
    border-bottom: .1rem solid #f7f6f6
}

.account-line-selector .account-selector__list__options__item--active {
    order: -1
}

.account-line-selector .account-selector__list__options__item:hover {
    background: #ffc421
}

.account-line-selector .account-selector__list__options__item:hover .account-selector__list__account-info,.account-line-selector .account-selector__list__options__item:hover .account-selector__list__account-info__account-details,.account-line-selector .account-selector__list__options__item:hover .inclusive-text {
    color: #fff
}

.account-line-selector .account-selector__list__options__item:hover .icon-circle {
    background: #fff
}

.account-line-selector .account-selector__list__options__item:hover [class^=icon] {
    color: #ffc421
}

.account-line-selector .account-selector__list__options__item__link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.6rem;
    text-decoration: none;
    width: 100%;
    color: #291d18
}

.account-line-selector .account-selector__list--opened-with-icon .account-selector__list__account-info,.account-line-selector .account-selector__list--with-icon .account-selector__list__account-info {
    width: 79%
}

.account-line-selector .account-selector--with-mobile-lines {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .account-line-selector .account-selector--with-mobile-lines {
        width:35rem
    }
}

.activate-popup .overlay__mask {
    background: none
}

.activate-popup .overlay__section__content {
    padding: 0;
    border-radius: 0
}

.activate-popup .overlay__section__content__close {
    position: static
}

.activate-popup .overlay__section__content__description {
    margin: 0
}

.activate-popup .overlay__section__content__description .activate-popup--card {
    padding: 3.2rem
}

.activate-popup .overlay__section__content__description .activate-popup--card .cards--body {
    text-align: left
}

.activate-popup .overlay__section__content__description .activate-popup--card .cards--body__inner-heading {
    color: #bab6b5;
    text-transform: uppercase
}

.activate-popup .overlay__section__content__description .activate-popup--card .cards--body__inner-label {
    color: #bab6b5;
    margin: 2rem 0;
    line-height: normal
}

.activate-popup .overlay__section__content__description .activate-popup--card .cards--body .price .heading--2,.activate-popup .overlay__section__content__description .activate-popup--card .cards--body .price .heading--4 {
    color: #999391
}

.activate-popup .overlay__section__content__description .activate-popup--card .cards--body .form-group {
    margin: 2rem 0
}

.activate-popup .overlay__section__content__description .activate-popup--card .cards--body .form-group .form-helper,.activate-popup .overlay__section__content__description .activate-popup--card .cards--body .form-group label {
    text-transform: uppercase
}

.activate-popup .overlay__section__content__description .activate-popup--card .cards--body .label--large {
    display: inline
}

.activate-popup .overlay__section__content__description .activate-popup--card .cards--body button {
    float: right;
    margin-top: 2rem
}

.bipt {
    width: 100%
}

.bipt__description {
    color: #291d18;
    line-height: 2.8rem;
    font-size: 2rem;
    font-weight: 500
}

@media only screen and (min-width: 36em) {
    .bipt__description {
        padding:0 5rem
    }
}

.bipt__cards {
    list-style: none
}

.bipt__cards li {
    padding-bottom: 1rem
}

.bipt__cards__content {
    width: 100%
}

.bipt__cards__content .Container.cur-pointer {
    cursor: auto
}

@media only screen and (min-width: 36em) {
    .bipt__cards__content {
        width:100%
    }
}

.bipt .notification {
    margin-bottom: 0;
    border-radius: 0
}

.contact-details .panel-title {
    margin-bottom: 2rem
}

.contact-details.contact-details--secondary {
    margin: 0 auto
}

@media only screen and (min-width: 36em) {
    .contact-details.contact-details--secondary {
        margin:0 auto
    }
}

.contact-details.contact-details--secondary form {
    border-radius: 0;
    background: #fff;
    padding: 2.4rem 2rem
}

@media only screen and (min-width: 36em) {
    .contact-details.contact-details--secondary form {
        border-radius:.8rem;
        padding: 3.2rem;
        background: #fff
    }
}

.contact-details.contact-details--secondary .form-group .form-helper,.contact-details.contact-details--secondary .form-group label {
    text-transform: uppercase;
    color: #999391
}

.contact-details.contact-details--secondary .section__title {
    padding-left: 2rem;
    font-size: 1.8rem
}

@media only screen and (min-width: 36em) {
    .contact-details.contact-details--secondary .section__title {
        font-size:2rem;
        color: #999391;
        padding-left: 0
    }
}

.contact-details .checkbox-section {
    padding-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .contact-details .checkbox-section {
        padding-bottom:3rem
    }
}

.contact-details .checkbox-section .checkbox {
    height: 2.4rem
}

.contact-details .checkbox-section .form-helper,.contact-details .checkbox-section label {
    line-height: 1.5
}

.contact-details .description p {
    line-height: 1.5;
    margin-bottom: 2rem
}

.contact-details .described-action__description {
    margin-top: 0
}

.contact-details .described-action__description p {
    display: inline-flex;
    margin-bottom: 1rem;
    margin-right: 2rem
}

.contact-details .described-action__description a {
    display: flex;
    margin-bottom: 1rem
}

@media only screen and (min-width: 36em) {
    .contact-details .described-action__description a {
        display:inline-flex
    }
}

.contact-details .address-bar {
    display: flex;
    flex-flow: wrap
}

.contact-details .address-bar .item:first-of-type {
    order: 3;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .contact-details .address-bar .item:first-of-type {
        order:1;
        width: 50%;
        margin-right: 5%
    }
}

.contact-details .address-bar .item:nth-of-type(2) {
    order: 1;
    width: 45%;
    margin-right: 10%
}

@media only screen and (min-width: 36em) {
    .contact-details .address-bar .item:nth-of-type(2) {
        order:2;
        width: 20%;
        margin-right: 5%
    }
}

.contact-details .address-bar .item:nth-of-type(3) {
    order: 2;
    width: 45%
}

@media only screen and (min-width: 36em) {
    .contact-details .address-bar .item:nth-of-type(3) {
        order:3;
        width: 20%
    }
}

.contact-details .invoice-details .item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media only screen and (min-width: 36em) {
    .contact-details .invoice-details .item {
        display:inline-flex;
        margin-right: 2rem
    }
}

.create-user {
    margin: -11rem auto 3.2rem;
    padding: 3.2rem 2.4rem;
    box-sizing: inherit
}

@media only screen and (min-width: 36em) {
    .create-user {
        margin:auto
    }
}

.create-user .title {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 1.6rem;
    box-sizing: inherit;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .create-user .title {
        font-size:3.2rem;
        line-height: 3.7rem
    }
}

.create-user ::-moz-placeholder {
    color: #eeeded;
    padding-right: 2rem
}

.create-user ::placeholder {
    color: #eeeded;
    padding-right: 2rem
}

.create-user :-ms-input-placeholder {
    color: #eeeded;
    padding-right: 2rem
}

.create-user__container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 4.5rem auto auto
}

@media only screen and (min-width: 36em) {
    .create-user__container {
        width:45rem
    }
}

.create-user .select-date {
    display: flex;
    flex-direction: row;
    margin-right: -1.5rem
}

.create-user .select-datediv {
    margin-right: -1.5rem
}

.create-user .datepicker-position {
    position: relative;
    right: 2rem;
    top: 1rem
}

.create-user .date-content {
    display: flex;
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .create-user .date-content {
        display:inherit
    }
}

.create-user .submit-details-button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto
}

.create-user .submit-details-button-container--button {
    width: 100%;
    padding: 1.4rem
}

@media only screen and (min-width: 36em) {
    .create-user .submit-details-button-container--button {
        width:auto
    }
}

.create-user .salutation-toggle {
    content: " ";
    box-sizing: border-box;
    width: 1.3rem;
    height: 1.3rem;
    border: solid #291d18;
    border-width: 0 .05rem .05rem 0;
    position: relative;
    right: 3rem;
    top: 1rem;
    color: #291d18;
    font-size: 2.2rem;
    cursor: pointer;
    margin-right: 1rem;
    opacity: .6;
    transform: rotate(45deg)
}

.create-user__email {
    margin-top: 2rem
}

.create-user .create-user__dropdowns select {
    background-color: inherit;
    color: #eeeded;
    border: 0;
    border-bottom: .1rem solid #eeeded
}

@media only screen and (min-width: 36em) {
    .create-user .create-user__dropdowns select {
        width:45rem
    }
}

.create-user .create-user__dropdowns select::-ms-expand {
    display: none
}

.create-user .create-user__dropdowns select:focus {
    outline: 0
}

.create-user .create-user__dropdowns select option {
    color: #291d18
}

.create-user .create-user__dropdowns select option:focus {
    outline: 0
}

.create-user .create-user__dropdowns select option[default] {
    display: none;
    margin-left: -2rem
}

.create-user__selectdiv {
    position: relative
}

.create-user__selectdiv:after {
    content: "\003E";
    box-sizing: border-box;
    transition: all .3s cubic-bezier(.4,.25,.3,1);
    transform: translate(-50%,-50%) rotate(90deg) scaleX(1.2) scaleY(2);
    width: 0;
    color: #eeeded;
    right: 1rem;
    top: 4rem;
    height: 3.4rem;
    padding-bottom: .8rem;
    position: absolute;
    pointer-events: none
}

.create-user__selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 4rem;
    float: right
}

.create-user__datepick input {
    width: 31rem
}

@media only screen and (min-width: 36em) {
    .create-user__datepick input {
        width:45rem
    }
}

.delete-profile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.delete-profile .title {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 2.8rem;
    margin-bottom: 2.4rem;
    max-width: 45rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .delete-profile .title {
        font-size:3.2rem;
        line-height: 3.7rem;
        margin-bottom: 3.2rem
    }
}

.delete-profile .link {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 500;
    color: #291d18;
    margin-bottom: 5.6rem
}

.delete-profile .box-content {
    min-width: 21rem;
    background: #fff;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 2.4rem;
    margin-bottom: 3.2rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .delete-profile .box-content {
        padding:3.2rem
    }
}

.delete-profile .box-content .icon-avatar-role {
    box-sizing: inherit;
    font-size: 8rem;
    margin: 0 auto 1.2rem;
    padding-top: 2rem;
    width: 10rem;
    height: 8rem;
    color: #f7f6f6
}

.delete-profile .box-content__name {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 2.4rem;
    padding-bottom: .4rem
}

.delete-profile .box-content__email,.delete-profile .box-content__number {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem
}

.delete-profile .button {
    width: 100%;
    margin-bottom: 1.2rem
}

@media only screen and (min-width: 36em) {
    .delete-profile .button {
        width:auto
    }
}

.manage-profile .title {
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 1.6rem 2rem;
    text-align: center
}

.manage-profile .select-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 1.6rem 2rem
}

@media only screen and (min-width: 36em) {
    .manage-profile .select-header {
        margin:0 3rem 2rem 0
    }
}

.manage-profile .select-header .select-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    order: 2;
    padding-left: 2.4rem
}

@media only screen and (min-width: 36em) {
    .manage-profile .select-header .select-all {
        order:1
    }
}

.manage-profile .select-header .select-all .select-icon {
    order: 2;
    margin-right: 0;
    margin-left: 0 1.6rem 2rem
}

@media only screen and (min-width: 36em) {
    .manage-profile .select-header .select-all .select-icon {
        order:1;
        margin-right: 0 1.6rem 2rem;
        margin-left: 0
    }
}

.manage-profile .select-header .select-all .select-icon:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid #bab6b5;
    border-radius: 50%;
    cursor: pointer
}

.manage-profile .select-header .select-all .select-icon.selected:before {
    border: 1px solid #ffc421
}

.manage-profile .select-header .select-all .select-icon.selected:after {
    content: " ";
    display: block;
    box-sizing: inherit;
    width: .6rem;
    height: 1.3rem;
    border: solid #ffc421;
    border-width: 0 .05rem .05rem 0;
    position: relative;
    top: -2rem;
    left: 1rem;
    transform: rotate(45deg)
}

.manage-profile .select-header .select-all .select-icon.icon-tick:before {
    color: #ffc421;
    font-size: 1.2rem;
    line-height: 2rem;
    padding-top: .5rem;
    padding-left: .4rem
}

.manage-profile .select-header .select-all .text {
    order: 1;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    margin: 0 1rem 0 0
}

@media only screen and (min-width: 36em) {
    .manage-profile .select-header .select-all .text {
        order:2;
        margin: 0 0 0 1rem
    }
}

.manage-profile .extract-files {
    order: 1
}

@media only screen and (min-width: 36em) {
    .manage-profile .extract-files {
        order:2
    }
}

.manage-profile .extract-files .form-helper,.manage-profile .extract-files label {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500
}

.manage-profile .extract-files .icon-download {
    position: relative;
    vertical-align: sub;
    padding-right: 3rem;
    text-decoration: none;
    font-size: 1.4rem;
    color: #291d18
}

.manage-profile .extract-files .icon-download:before {
    position: absolute;
    bottom: -.4rem;
    right: 0
}

.manage-profile .profiles-list li {
    list-style: none
}

.manage-profile .ng-scope:first-child {
    overflow: hidden
}

@media only screen and (min-width: 36em) {
    .manage-profile .ng-scope:first-child {
        overflow:inherit
    }
}

.resend-invitation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.resend-invitation .title {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 2.8rem;
    margin-bottom: 2.4rem;
    max-width: 40rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .resend-invitation .title {
        font-size:3.2rem;
        line-height: 3.7rem;
        margin-bottom: 3.2rem
    }
}

.resend-invitation .email-block {
    margin-bottom: 3.3rem
}

.resend-invitation .email-block__email--icon {
    padding-right: 1rem;
    font-size: 2.3rem;
    opacity: .7
}

.resend-invitation .email-block__email--text {
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 2rem
}

@media only screen and (min-width: 36em) {
    .resend-invitation .email-block__email--text {
        font-size:2.4rem
    }
}

.resend-invitation .button {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 1.2rem
}

@media only screen and (min-width: 36em) {
    .resend-invitation .button {
        width:auto
    }
}

.role-management {
    padding: 0;
    text-align: center;
    background: transparent
}

@media only screen and (min-width: 36em) {
    .role-management {
        padding:0
    }
}

.role-management__label-role {
    margin-bottom: 3.2rem;
    font-size: 1.6rem;
    font-weight: 900
}

.role-management__text {
    display: block;
    margin-bottom: 2.4rem;
    font-size: 3.2rem;
    font-weight: 900
}

.dashboard-navigation-list {
    margin-top: -4rem;
    background: #fff;
    border-top: .1rem solid #f7f6f6;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 48.0625em) {
    .dashboard-navigation-list {
        margin-top:0;
        background: transparent;
        border: none
    }
}

.dashboard-navigation-list .navigation-list {
    margin: 0 auto 2.4rem;
    padding: 2.4rem 0 0;
    width: 95%
}

@media only screen and (min-width: 48.0625em) {
    .dashboard-navigation-list .navigation-list {
        margin:0;
        padding: 1rem 0;
        width: 100%
    }
}

.dashboard-navigation-list .navigation-list .nav-list {
    margin: 0;
    padding-left: 0
}

@media only screen and (min-width: 48.0625em) {
    .dashboard-navigation-list .navigation-list .nav-list {
        margin:0 0 2.4rem;
        padding-left: 0
    }
}

.dashboard-navigation-list .navigation-list .selector {
    display: flex;
    justify-content: center;
    min-height: 6.8rem
}

.dashboard-navigation-list .navigation-list .selector__list__first-item,.dashboard-navigation-list .navigation-list .selector__list__first-item--opened {
    width: 95%
}

.dashboard-navigation-list .navigation-list .selector__list__first-item--opened+ul {
    width: 95%
}

.discount-overview__contract-details.overlay-page {
    min-width: 100%;
    min-height: 102%
}

@media only screen and (max-width: 48.0525em) {
    .discount-overview__contract-details__data {
        margin:0
    }
}

@media only screen and (min-width: 36em) {
    .discount-overview__contract-details__data {
        margin:2.4rem 1.6rem 0
    }
}

@media only screen and (min-width: 74.5em) {
    .discount-overview__contract-details__data {
        margin:4rem 0 0
    }
}

.easy-switch__title {
    margin-bottom: 1.6rem;
    margin-left: 1.6rem;
    font-size: 2rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .easy-switch__title {
        margin-bottom:2.4rem;
        margin-left: 0;
        font-size: 2.4rem;
        line-height: 2.4rem
    }
}

.easy-switch__details-id span {
    color: #ffc421;
    word-break: break-all
}

.easy-switch__products {
    margin-bottom: .8rem;
    border-radius: .8rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.easy-switch__products:last-child {
    margin-bottom: 0
}

.easy-switch__products-name {
    display: flex;
    align-items: center
}

.easy-switch__parent__title {
    font-size: 1.8rem;
    line-height: 2.8rem
}

@media only screen and (min-width: 48.0625em) {
    .easy-switch__parent__title {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .easy-switch__parent__title {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.easy-switch__parent__sub-title {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .easy-switch__parent__sub-title {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .easy-switch__parent__sub-title {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.easy-switch__desc {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .easy-switch__desc {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .easy-switch__desc {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.easy-switch__desc .cmp-text p {
    line-height: 2rem!important
}

@media only screen and (min-width: 36em) {
    .easy-switch__desc .cmp-text p {
        line-height:2.4rem!important
    }
}

.gdpr-request textarea.form-control,textarea.form-control.request-help-textarea {
    max-width: 100%;
    resize: both;
    overflow: auto
}

.request-help .formErrorInput,.request-help .FormGroup__label,.request-help .select2-container,.request-help input.form-control {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .request-help .formErrorInput,.request-help .FormGroup__label,.request-help .select2-container,.request-help input.form-control {
        width:100%
    }
}

.request-help--option .select-dropdown {
    width: 100%;
    justify-content: center
}

.file-upload--link {
    color: #ffc421;
    cursor: pointer;
    text-decoration: underline
}

.file-upload--link:hover {
    text-decoration: none
}

.file-upload--input {
    display: none
}

.file-upload--progress {
    width: 24rem;
    background-color: #fac7ba;
    border-radius: .5rem
}

.file-upload--progress-bar {
    width: 1%;
    height: .6rem;
    background-color: #ffc421;
    border-radius: .5rem
}

.file-upload--close {
    cursor: pointer;
    color: #ffc421
}

.help-request .select-dropdown .select_expand:checked+.select_closeLabel+.select_options {
    height: 25rem;
    overflow-y: scroll;
    scroll-behavior: smooth
}

.help-request .fixed-label {
    position: relative;
    cursor: default;
    top: 3.2rem;
    font-size: 1.6rem;
    font-weight: 400
}

@media only screen and (min-width: 48.0625em) {
    .help-request .fixed-label {
        top:3.4rem
    }
}

.help-request .input-fixed-text {
    margin-left: 0;
    margin-top: -1.5rem
}

.help-request .input-fixed-text input {
    padding-left: 4rem
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .help-request .fixed-label {
        top: 3.4rem
    }
}

@media only screen and (-ms-high-contrast:active) and (min-width: 48.0625em),only screen and (-ms-high-contrast:none) and (min-width:48.0625em) {
    .help-request .fixed-label {
        top:3.5rem
    }
}

.internet-usage-notifications .content-section__details .icon-text-position {
    padding-top: .3rem;
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .internet-usage-notifications .content-section__details .icon-text-position {
        padding-top:.7rem
    }
}

@media only screen and (min-width: 36em) {
    .internet-usage-notifications .content-section__details .icon-text-block__icon:before {
        margin-top:.4rem
    }
}

.internet-usage .content-section__details .wave-section__wave {
    padding-top: .8rem
}

@media only screen and (min-width: 36em) {
    .internet-usage .content-section__details .wave-section__wave {
        padding-top:3rem
    }
}

.internet-usage .content-section__details .wave-section__wave .circle-wave {
    margin: 2.4rem auto
}

.internet-usage .content-section__details .wave-section__wave .circle-wave__info__used {
    padding-top: .8rem
}

.internet-usage .content-section__details .wave-section__wave .circle-wave__info__data span {
    margin-top: 2px
}

.internet-usage .content-section__details .circle-wave--unlimited .circle-wave {
    overflow: unset
}

.internet-usage .content-section__details .peak-circle {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%
}

.internet-usage .content-section__details .bar-chart-section {
    margin-bottom: -2rem;
    overflow-x: auto;
    overflow-y: hidden
}

@media only screen and (min-width: 36em) {
    .internet-usage .content-section__details .bar-chart-section {
        overflow-x:hidden
    }
}

.usage-settings:last-child {
    margin-bottom: -1rem
}

.usage-settings__header {
    font-size: 2rem;
    line-height: 2rem;
    color: #291d18;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 800;
    margin-bottom: -1rem
}

.usage-settings__bar-general {
    border-top: 0;
    padding: 1.6rem 3.2rem;
    margin: 0;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .usage-settings__bar-general {
        padding:2.4rem 3.2rem;
        margin: 0
    }
}

.usage-settings__bar-general.sim-manage-link {
    margin-bottom: 0;
    padding-bottom: 3rem;
    border-top: 0;
    display: block
}

.usage-settings__bar-general.sim-manage-link .barring-option {
    display: block;
    padding-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .usage-settings__bar-general.sim-manage-link .barring-option {
        display:flex;
        padding-bottom: 0
    }
}

.usage-settings__bar-general .barring-option {
    padding-bottom: 0
}

.usage-settings .barring-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem 0;
    border-bottom: .1rem solid #f7f6f6
}

.usage-settings .barring-option:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.usage-settings .barring-option:first-child {
    padding-top: 0
}

.usage-settings .settings-checkbox,.usage-settings .settings-label {
    display: flex;
    flex-direction: column;
    color: #291d18;
    flex: 0 0 78%
}

@media only screen and (min-width: 20em) {
    .usage-settings .settings-checkbox,.usage-settings .settings-label {
        flex:none
    }
}

.usage-settings .settings-checkbox p:last-child,.usage-settings .settings-label p:last-child {
    margin-bottom: 0
}

.usage-settings .settings-checkbox a,.usage-settings .settings-label a {
    color: #ffc421
}

.usage-settings .settings-checkbox.sim-manage-link,.usage-settings .settings-label.sim-manage-link {
    display: block
}

.usage-settings .settings-label .form-helper,.usage-settings .settings-label label {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: #291d18;
    margin-bottom: 0
}

.usage-settings .settings-label.disabled .form-helper,.usage-settings .settings-label.disabled label {
    cursor: default
}

.usage-settings .form-helper,.usage-settings label {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: #291d18
}

.usage-settings .button.save-btn {
    display: block;
    width: 100%;
    float: right
}

@media only screen and (min-width: 36em) {
    .usage-settings .button.save-btn {
        min-width:14rem;
        width: auto
    }
}

.usage-settings .icon-file {
    font-size: 2.4rem;
    overflow: inherit;
    pointer-events: none
}

.usage-settings .notification.notification--warning {
    display: flex;
    text-align: left
}

.mobile-barrings--fixed-barrings__button-section {
    float: none
}

@media only screen and (min-width: 36em) {
    .mobile-barrings--fixed-barrings__button-section {
        float:right
    }
}

.mobile-barrings--fixed-barrings .content-section__details .label--large {
    color: #655c58
}

.mobile-barrings--fixed-barrings .content-section__details--disabled {
    opacity: .5
}

.mobile-barrings--fixed-barrings .content-section__details--disabled .label--large {
    color: #bab6b5
}

.mobile-barrings--fixed-barrings .content-section__details--disabled .label--large--disabled {
    font-weight: 500;
    color: #766f6b
}

.usage-details .label--sort {
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .usage-details .label--sort {
        margin-bottom:0
    }
}

.usage-details .panel__bar {
    margin-bottom: 0
}

.usage-details .panel__bar p {
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .usage-details .panel__bar p {
        margin-bottom:0
    }
}

.usage-details .panel__bar .panel__bar-action {
    padding-left: 1rem;
    padding-right: 1rem
}

.usage-details__load-more {
    width: -webkit-fill-available;
    display: flex;
    justify-content: center;
    margin: 2rem -1rem
}

.usage-details .vat-text {
    padding-top: 0;
    font-size: 1.2rem
}

@media only screen and (min-width: 36em) {
    .usage-details .vat-text {
        padding-top:0
    }
}

.usage-details .pagination {
    justify-content: flex-end
}

.usage-details__filter-drop-down {
    margin: 0 0 3.2rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .usage-details__filter-drop-down {
        margin:0 0 .1rem auto;
        width: 26.8rem
    }
}

.usage-details__filter-drop-down .select-dropdown-section .select-dropdown {
    border: 0;
    border-bottom: .1rem solid #bab6b5
}

.usage-details__filter-drop-down .select-dropdown-section .arrow--down:after,.usage-details__filter-drop-down .select-dropdown-section .arrow--up:after {
    color: #291d18
}

.usage-details__filter-drop-down .select2-container .select2-choice {
    background: #fff;
    border-color: #bab6b5
}

.usage-details__filter-drop-down .ui-select-choices-row {
    background: #fff;
    border-bottom: 0
}

.usage-details__filter-drop-down .select2-container .select2-choice .select2-arrow,.usage-details__filter-drop-down .select2-dropdown-open .select2-choice .select2-arrow {
    top: 2.4rem;
    border-color: #655c58
}

.usage-details__filter-drop-down .select2-drop-active {
    border: 0
}

.mobile-usage-limits__section {
    padding: .8rem 2.4rem 2.4rem
}

@media only screen and (min-width: 36em) {
    .mobile-usage-limits__section {
        padding:.8rem 3.2rem 3.2rem
    }
}

@media only screen and (min-width: 36em) {
    .mobile-usage-limits__section h6 {
        font-size:2.4rem
    }
}

.mobile-usage-limits__premium-section {
    padding: 2.4rem 0 0 2.4rem
}

@media only screen and (min-width: 36em) {
    .mobile-usage-limits__premium-section {
        padding:3.2rem 0 3.2rem 3.2rem
    }
}

.mobile-usage-limits__premium-input {
    padding: 1rem 2.4rem 2.4rem
}

@media only screen and (min-width: 36em) {
    .mobile-usage-limits__premium-input {
        padding:2rem 3.2rem 3.2rem
    }
}

@media only screen and (min-width: 36em) {
    .mobile-usage-limits__premium-edit {
        padding-top:1.2rem
    }
}

.mobile-usage-limits .mobile-usage-limits__premium-link .link {
    padding: 0 2.4rem 2.4rem
}

@media only screen and (min-width: 36em) {
    .mobile-usage-limits .mobile-usage-limits__premium-link .link {
        padding:0 2.4rem 2.4rem 3.2rem
    }
}

@media only screen and (min-width: 36em) {
    .mobile-usage-limits .mobile-usage-limits__input-text {
        font-size:1.4rem
    }
}

.mobile-usage-notifications .content-section__details__title {
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .mobile-usage-notifications .content-section__details__title {
        font-size:2rem
    }
}

@media only screen and (min-width: 36em) {
    .mobile-usage-notifications .content-section__details .tooltip .tooltip__info-section {
        width:43rem
    }
}

.mobile-usage .Panel-grey {
    padding: 2rem;
    background-color: #eeeded
}

.mobile-usage .usage__desc .headerText {
    font-size: 1.9rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 36em) {
    .mobile-usage .usage__desc .headerText {
        font-size:2.8rem
    }
}

.mobile-usage .usage__desc p {
    line-height: 1.5
}

@media only screen and (min-width: 36em) {
    .mobile-usage .usage__desc p {
        line-height:1
    }
}

.mobile-usage .usage__desc .usage__inclusion {
    display: inline;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1
}

@media only screen and (min-width: 36em) {
    .mobile-usage .usage__desc .usage__inclusion {
        font-size:1.6rem
    }
}

.mobile-usage .usage__grid-header {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.9rem;
    line-height: 2.4rem
}

.mobile-usage .usage__grid-description {
    color: #ffc421;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.mobile-usage .graphDiv_standard {
    text-align: center
}

.mobile-usage .graphDiv_standard .donut-chart {
    display: flex;
    justify-content: center
}

.mobile-usage .graphDiv_standard .donut-text-center {
    width: 100%;
    align-content: center;
    position: relative
}

.mobile-usage .graphDiv_standard .donut-text-center .donut-text-container {
    width: 100%;
    box-sizing: border-box;
    font-size: 2rem;
    display: table;
    height: 15rem;
    color: #291d18;
    position: absolute;
    top: 11rem;
    padding: 0 7rem
}

.mobile-usage .graphDiv_standard .donut-text-center .donut-text-container .donut-text {
    display: table-cell;
    vertical-align: middle
}

.mobile-usage .graphDiv_standard .donut-text-center .donut-text-container .donut-text .text-bold {
    font-size: 5.2rem;
    color: #291d18;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 700;
    line-height: 6rem
}

.mobile-usage .graphDiv_standard .donut-text-center .donut-text-container .donut-text .text-bold .text {
    font-size: 1.6rem;
    line-height: 1
}

.mobile-usage .graphDiv_standard .donut-text-center .donut-text-container .donut-text .text-bold .text--number {
    font-size: 5.2rem;
    line-height: 1;
    margin-left: -.5rem
}

.mobile-usage .graphDiv_standard .donut-text-center .donut-text-container .donut-text .note-text {
    font-size: 1.2rem
}

.mobile-usage .graphDiv_standard svg.nvd3-svg {
    display: inline-block
}

.mobile-usage .graphDiv_standard .nv-legendWrap {
    display: none!important
}

.mobile-usage .graphDiv_small {
    text-align: center
}

.mobile-usage .graphDiv_small .donut-chart {
    display: inline-block
}

.mobile-usage .graphDiv_small .donut-chart .donut-text-center {
    width: 100%;
    align-content: center;
    position: relative
}

.mobile-usage .graphDiv_small .donut-chart .donut-text-center .donut-text-container {
    width: 100%;
    font-size: 1.6rem;
    display: table;
    padding: 0 4rem;
    height: 8rem;
    box-sizing: inherit;
    color: #766f6b;
    position: absolute;
    top: 7.5rem
}

.mobile-usage .graphDiv_small .donut-chart .donut-text-center .donut-text-container .donut-text {
    display: table-cell;
    vertical-align: middle
}

.mobile-usage .graphDiv_small .donut-chart .donut-text-center .donut-text-container .donut-text .text-bold {
    font-size: 3.4rem;
    color: #291d18;
    font-weight: 700;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    line-height: 3rem
}

.mobile-usage .graphDiv_small .donut-chart .donut-text-center .donut-text-container .donut-text .text-bold .text {
    font-size: 1.6rem;
    line-height: 1
}

.mobile-usage .graphDiv_small .donut-chart .donut-text-center .donut-text-container .donut-text .text-bold .text--number {
    font-size: 3.4rem;
    line-height: 1;
    margin-left: -.5rem
}

.mobile-usage .graphDiv_small.option .donut-chart {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem
}

.mobile-usage .graphDiv_small.option .donut-chart .donut-text-center .donut-text-container {
    top: 5rem;
    padding: 0
}

.mobile-usage .graphDiv_small.option .donut-chart .donut-text-center .donut-text-container .donut-text {
    padding: 0 3.5rem
}

.mobile-usage .graphDiv_small.option .donut-chart .donut-text-center .donut-text-container .donut-text .text-bold {
    font-size: 2.4rem
}

.mobile-usage .graphDiv_small.option .donut-chart .donut-text-center .donut-text-container .donut-text .text {
    font-size: 1.2rem;
    line-height: 1
}

.mobile-usage .graphDiv_small.option .donut-chart .donut-text-center .donut-text-container .donut-text .text--number {
    font-size: 2.4rem;
    line-height: 1;
    margin-left: -.5rem
}

.mobile-usage .chartContent {
    width: 100%;
    margin: 0;
    text-align: center
}

.mobile-usage .chartContent h2 {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.mobile-usage .textContent {
    height: 100%;
    box-sizing: inherit;
    margin-top: auto;
    margin-bottom: auto;
    padding: 2rem 0 3rem
}

.used-bundle .text-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 0;
    margin-top: 5rem
}

.used-bundle .top-up-alert-text {
    font-size: 1.2rem;
    color: #eeeded;
    margin-top: 2rem
}

.used-bundle .last-update {
    position: inherit;
    top: 9rem
}

.used-bundle .credit-left-text {
    font-size: 1.2rem;
    font-weight: 900
}

.used-bundle .form-helper,.used-bundle label {
    font-size: 1.8rem;
    line-height: 1.2;
    cursor: default;
    margin-top: 2rem
}

.used-bundle .button-section {
    display: flex;
    flex-direction: column;
    margin-top: 3rem
}

@media only screen and (min-width: 36em) {
    .used-bundle .button-section {
        flex-direction:row
    }
}

.used-bundle .button-section .button:first-child {
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .used-bundle .button-section .button:first-child {
        margin-right:4rem
    }
}

.used-bundle .discover-option {
    display: flex;
    justify-content: center
}

.mobile-usage .amountText {
    font-size: 5.2rem;
    font-weight: 700;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    color: #291d18;
    margin-top: 2rem
}

.mobile-usage .amountText.amount__positive {
    color: #ffc421
}

.mobile-usage .amountText.amount__negative {
    color: #eeeded
}

.usage__container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem
}

@media only screen and (min-width: 36em) {
    .usage__container {
        margin-top:1rem
    }
}

.usage__container .usage__item {
    width: 100%;
    margin-bottom: 1rem
}

@media only screen and (min-width: 36em) {
    .usage__container .usage__item {
        width:45.5%;
        margin-top: 2rem;
        flex-shrink: 1
    }

    .usage__container .usage__item:nth-child(odd) {
        margin-bottom: 2rem
    }
}

@media only screen and (min-width: 36em) and (min-width:36em) {
    .usage__container .usage__item:nth-child(odd) {
        margin-right:2rem
    }
}

@media only screen and (min-width: 36em) {
    .usage__container .usage__item:nth-child(2n) {
        margin-bottom:2rem
    }
}

@media only screen and (min-width: 36em) and (min-width:36em) {
    .usage__container .usage__item:nth-child(2n) {
        margin-left:2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .usage__container .usage__item {
        width:47%;
        margin-top: 2rem;
        flex-shrink: 1
    }

    .usage__container .usage__item:nth-child(odd) {
        margin-bottom: 2rem
    }
}

@media only screen and (min-width: 48.0625em) and (min-width:36em) {
    .usage__container .usage__item:nth-child(odd) {
        margin-right:2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .usage__container .usage__item:nth-child(2n) {
        margin-bottom:2rem
    }
}

@media only screen and (min-width: 48.0625em) and (min-width:36em) {
    .usage__container .usage__item:nth-child(2n) {
        margin-left:2rem
    }
}

.usage__container .usage__item .Panel-grey:first-child {
    margin-bottom: 1rem
}

@media only screen and (min-width: 36em) {
    .usage__container .usage__item .Panel-grey:first-child {
        margin-bottom:4rem
    }
}

.usage__container.unlimited,.usage__container.unlimited .usage__item.Panel-grey {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .usage__container.unlimited .usage__item.Panel-grey {
        width:48%
    }
}

.usage__container.unlimited .usage__item.Panel-grey:nth-child(2n) {
    margin-left: 0
}

.usage__container.optional-doughnut {
    justify-content: center
}

@media only screen and (min-width: 48.0625em) {
    .usage__container.optional-doughnut .usage__item {
        width:30%
    }
}

.usage__container.optional-doughnut .usage__item:nth-child(2n) {
    margin-left: 0
}

.usage__container .grid-title {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.9rem;
    line-height: 2.4rem
}

.usage__container .text--green {
    color: #ffc421
}

.chart-legends {
    display: block;
    flex-direction: column;
    margin: auto;
    font-size: 1.4rem
}

.chart-legends .icon-data-jump {
    color: #ffc421;
    margin-right: 1rem;
    font-size: 2rem
}

.chart-legends__legend {
    display: inline-block;
    height: 1.6rem;
    width: 1.6rem;
    border-radius: 50%;
    margin-right: 1rem;
    vertical-align: middle
}

.mobile-usage .carryover-done-current-done .nvd3.nv-pie .nv-slice path,.mobile-usage .carryover-done-current-full .nvd3.nv-pie .nv-slice:first-child path,.mobile-usage .carryover-done-current-semi .nvd3.nv-pie .nv-slice:not(:last-child) path,.mobile-usage .carryover-semi-current-full .nvd3.nv-pie .nv-slice:first-child path,.mobile-usage .nocarryover .nvd3.nv-pie .nv-slice:first-child path,.usage-donuts .carryover-done-current-done .nvd3.nv-pie .nv-slice path,.usage-donuts .carryover-done-current-full .nvd3.nv-pie .nv-slice:first-child path,.usage-donuts .carryover-done-current-semi .nvd3.nv-pie .nv-slice:not(:last-child) path,.usage-donuts .carryover-semi-current-full .nvd3.nv-pie .nv-slice:first-child path,.usage-donuts .nocarryover .nvd3.nv-pie .nv-slice:first-child path {
    stroke: inherit;
    stroke-width: .1rem;
    stroke-opacity: 1;
    fill: transparent
}

.mobile-usage--overview {
    background: #fff
}

.mobile-usage-reminders {
    padding-top: 2rem
}

.mobile-usage-reminders.disabled {
    padding-top: 3rem
}

.mobile-usage-reminders .state-indicator-container {
    display: block
}

.mobile-usage-reminders .notification-container__header {
    padding-bottom: 2.4rem;
    display: flex;
    align-items: center
}

.mobile-usage-reminders .notification-container__header .header-icon {
    padding-right: 1.6rem;
    font-size: 2.2rem
}

.mobile-usage-reminders .notification-container__header .header-text {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.4rem;
    color: #291d18;
    font-weight: 800;
    line-height: 1
}

.mobile-usage-reminders .notification-container-usage {
    margin-top: 5.6rem
}

.mobile-usage-reminders .save-button {
    width: auto
}

.tab-bar-content {
    display: block;
    background-color: #fff
}

.tab-bar-content__online {
    display: inline-flex;
    align-items: center
}

.tab-bar-content__online__amount {
    min-width: 10rem;
    font-size: 6rem;
    line-height: 5rem;
    font-weight: 700
}

.tab-bar-content__online__top-up {
    height: 4rem;
    min-width: 6rem;
    margin-right: .1rem
}

.tab-bar-content .form-group {
    display: flex;
    justify-content: center;
    margin: 0
}

.top-up__container {
    padding: 2.4rem;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .top-up__container {
        padding:3.2rem
    }
}

.cmp-product-table .cmp-responsivegrid {
    width: 100%
}

.pay-mobile__text-content {
    display: flex;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .pay-mobile__text-content {
        display:inline
    }
}

.pay-mobile__load-more {
    display: flex;
    margin: auto
}

@media only screen and (min-width: 48.0625em) {
    .pay-mobile__load-more {
        display:none
    }
}

.pay-mobile__support-link {
    font-size: 1.2rem
}

.pay-mobile__vat-txt {
    line-height: 2.4rem
}

.pay-mobile .hidden-desktop {
    display: block;
    font-weight: 900;
    text-transform: uppercase
}

@media only screen and (min-width: 48.0625em) {
    .pay-mobile .hidden-desktop {
        display:none
    }
}

.pay-mobile .hidden-mobile {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .pay-mobile .hidden-mobile {
        display:block
    }
}

.pay-by-mobile__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2rem 1rem
}

@media only screen and (min-width: 36em) {
    .pay-by-mobile__header {
        padding:0;
        flex-direction: column
    }
}

.pay-by-mobile__header .header__info-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start
}

@media only screen and (min-width: 36em) {
    .pay-by-mobile__header .header__info-section {
        flex-direction:row;
        justify-content: space-between;
        width: 95%;
        align-items: center;
        margin-bottom: 2.4rem
    }
}

.pay-by-mobile__header .header__info-section .pbm-title {
    color: #291d18;
    font-weight: 900;
    font-size: 1.8rem
}

.pay-by-mobile__header .header__action-section {
    margin-top: 1rem;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .pay-by-mobile__header .header__action-section {
        margin-top:0;
        margin-bottom: 2.4rem
    }
}

.pay-by-mobile__details {
    padding: 0 1rem
}

@media only screen and (min-width: 36em) {
    .pay-by-mobile__details {
        padding:0
    }
}

.pay-by-mobile .access-notify {
    display: none
}

.pay-by-mobile .access-notify-reverse {
    display: flex
}

.pay-by-mobile .state-indicator-section {
    justify-content: space-between;
    padding: 2.4rem;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .pay-by-mobile .state-indicator-section {
        padding:3.2rem;
        flex-direction: row
    }
}

.pay-by-mobile .state-indicator-section--title {
    color: #655c58;
    font-size: 1.8rem;
    font-weight: 900
}

@media only screen and (min-width: 36em) {
    .pay-by-mobile .state-indicator-section--title {
        margin-right:2.4rem
    }
}

.pay-by-mobile .state-indicator-section--monthly-limit {
    font-size: 1.2rem;
    font-weight: 500;
    color: #bab6b5
}

.pay-by-mobile .state-indicator-section .state-indicator-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-top: .8rem;
    margin-left: auto;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .pay-by-mobile .state-indicator-section .state-indicator-content {
        width:auto;
        margin-top: 0
    }
}

.pay-by-mobile .state-indicator-section .state-indicator-content .label-state {
    position: absolute;
    right: 3rem;
    margin-top: -3rem;
    margin-left: 2.4rem
}

@media only screen and (min-width: 36em) {
    .pay-by-mobile .state-indicator-section .state-indicator-content .label-state {
        position:relative;
        right: 0;
        margin-top: 0
    }
}

.pay-by-mobile .state-indicator-section .state-indicator-content .label-state .state {
    display: inline-flex;
    height: .9rem;
    width: .9rem;
    background-color: transparent;
    border: .1rem solid #eeeded;
    border-radius: 50%
}

.pay-by-mobile .state-indicator-section .state-indicator-content .label-state .state.active {
    background-color: #ffc421
}

.pay-by-mobile .state-indicator-section .state-indicator-content .label-state small {
    font-size: 1.2rem
}

.pay-by-mobile .state-indicator-section .state-indicator-content .label-state small:first-child {
    margin-right: .5rem
}

.pay-by-mobile .state-indicator-section .state-indicator-content .label-state small:first-child.active {
    color: #ffc421
}

.pay-by-mobile .state-indicator-section .state-indicator-content .label-state small.font-weight--black.active {
    color: #ffc421
}

.pay-by-mobile .pagination {
    margin-top: .8rem;
    margin-bottom: 1.6rem;
    justify-content: center
}

@media only screen and (min-width: 36em) {
    .pay-by-mobile .pagination {
        margin-top:1.2rem;
        justify-content: flex-end
    }
}

.pay-by-mobile__link-section {
    margin-top: 2.4rem;
    display: flex;
    flex-direction: column;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .pay-by-mobile__link-section {
        margin-top:3.4rem;
        flex-direction: row
    }
}

.gdpr-request {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .gdpr-request {
        width:85rem;
        margin: auto
    }
}

.gdpr-request__request-info {
    font-size: 1.2rem;
    margin-top: 2rem;
    margin-bottom: 2.4rem
}

.gdpr-request__title {
    margin-bottom: 2.8rem;
    color: #291d18;
    font-size: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900;
    line-height: 2.8rem;
    cursor: default
}

@media only screen and (min-width: 36em) {
    .gdpr-request__title {
        font-size:2.4rem
    }
}

.gdpr-request__title__detail {
    padding-bottom: 2rem;
    padding-left: 3rem;
    border-bottom: .1rem solid #f7f6f6;
    margin-right: -3rem;
    margin-bottom: 2.8rem;
    margin-left: -3rem;
    color: #291d18;
    font-size: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900;
    line-height: 2.8rem;
    cursor: default
}

@media only screen and (min-width: 36em) {
    .gdpr-request__title__detail {
        font-size:2.4rem
    }
}

.gdpr-request__personal-details {
    margin-right: 3rem;
    margin-left: 3rem;
    background-color: #f7f6f6;
    padding: 3.2rem
}

@media only screen and (min-width: 36em) {
    .gdpr-request__personal-details {
        margin-right:0;
        margin-left: 0
    }
}

.gdpr-request__submit {
    margin-top: 3.2rem;
    text-align: center
}

.gdpr-request__submit .button {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .gdpr-request__submit .button {
        width:auto
    }
}

.gdpr-request__value {
    font-weight: 400;
    text-transform: capitalize
}

.gdpr-request__first-section {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .gdpr-request__first-section {
        flex-direction:row
    }
}

.gdpr-request__first-section--account {
    text-transform: uppercase
}

.gdpr-request__first-section--account .form-helper,.gdpr-request__first-section--account label {
    font-size: 1.5rem
}

.gdpr-request__first-section--account p {
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .gdpr-request__first-section--account p {
        font-size:1.8rem
    }
}

.gdpr-request__first-section--account:first-child {
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .gdpr-request__first-section--account:first-child {
        margin-bottom:0
    }
}

.gdpr-request__role {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .gdpr-request__role {
        flex-direction:column
    }
}

.gdpr-request .icon-pencil {
    display: none
}

.gdpr-request__request-method {
    padding: 3.2rem;
    background-color: transparent
}

.gdpr-request__request-method__request-message {
    text-transform: uppercase;
    color: #291d18
}

.gdpr-request__request-method__label-name {
    margin-top: 1.4rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    cursor: default
}

@media only screen and (min-width: 36em) {
    .gdpr-request__request-method__label-name {
        font-size:1.6rem
    }
}

.gdpr-request__contact-method {
    padding: 3.2rem;
    margin-bottom: -6rem;
    background-color: transparent
}

.gdpr-request__contact-method__query {
    margin-bottom: 2.4rem;
    font-size: 2rem;
    font-weight: 500
}

.gdpr-request__contact-method__mode {
    margin-bottom: 4rem
}

.gdpr-request__contact-method__mode--role {
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem
}

@media only screen and (min-width: 36em) {
    .gdpr-request__contact-method__mode--role {
        flex-direction:column
    }
}

.gdpr-request__contact-method__mode--role--type {
    border: 0;
    width: auto;
    height: 5.6rem;
    margin-right: 0;
    padding: 1.6rem;
    font-size: 1.6rem;
    text-align: left;
    border-radius: .8rem;
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .gdpr-request__contact-method__mode--role--type {
        width:auto
    }
}

.gdpr-request__contact-method__mode--role--type:first-child {
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 36em) {
    .gdpr-request__contact-method__mode--role--type:first-child {
        margin-bottom:1.6rem
    }
}

.gdpr-request__contact-method__mode--role--type.active {
    color: #fff;
    background-color: #ffc421
}

.gdpr-request__contact-method__mode--role--type .form__radio,.gdpr-request__contact-method__mode--role--type .radio {
    display: inline-flex
}

.gdpr-request__contact-method__mode--role--type .label--radio {
    color: #291d18;
    margin-bottom: 0
}

.gdpr-request__contact-method__mode--role--type .label--radio.active {
    color: #fff
}

.gdpr-request__contact-method__mode--role--type--mode-name {
    font-size: 1.5rem;
    margin-bottom: 0
}

.gdpr-request__contact-method__description-type {
    text-transform: uppercase
}

.gdpr-request__contact-method__street {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .gdpr-request__contact-method__street {
        flex-direction:column
    }
}

@media only screen and (min-width: 36em) {
    .gdpr-request__contact-method__street .form-group {
        width:auto
    }
}

@media only screen and (min-width: 36em) {
    .gdpr-request__contact-method__street .form-group:first-child {
        margin-right:0
    }
}

.gdpr-request__details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.gdpr-request .sub-section {
    margin-bottom: 4.8rem
}

.gdpr-request .sub-section .dropdown-error {
    margin-top: -1.2rem;
    margin-bottom: 0
}

.gdpr-request .form-helper,.gdpr-request .FormGroup__label,.gdpr-request label {
    margin-bottom: 0
}

.gdpr-request .sub-section.customer-details .form-helper,.gdpr-request .sub-section.customer-details label {
    cursor: default
}

.gdpr-request .select .form-helper,.gdpr-request .select label {
    margin-bottom: 0
}

.gdpr-request .options-dropdown {
    width: 100%;
    margin-top: 0
}

@media only screen and (min-width: 36em) {
    .gdpr-request .options-dropdown {
        width:100%
    }
}

.gdpr-request .select-dropdown .select_input:checked+.select_label {
    width: 100%;
    white-space: nowrap
}

.gdpr-request .form-group {
    margin-bottom: 2rem
}

.gdpr-request .mail-address-section {
    display: none
}

.gdpr-request .mail-address-section.fleet {
    display: block
}

.gdpr-request input[type=radio].radio-input:not(:checked)+.radio-control.icon-tick:before {
    content: ""!important;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden
}

.gdpr-request input[type=radio].radio-input:checked+.radio-control.icon-tick:before {
    content: normal;
    border: .1rem solid #fff;
    background-color: #ffc421;
    color: #fff;
    box-shadow: none;
    font-size: 1.2rem;
    padding-left: .5rem;
    padding-top: 0;
    box-sizing: border-box;
    overflow: hidden
}

.gdpr-request input[type=radio].radio-input:checked+.radio-control.icon-tick:after {
    border: none;
    border-radius: 0;
    height: auto
}

.gdpr-request .follow-up-section {
    width: 100%;
    padding: 0
}

@media only screen and (min-width: 36em) {
    .gdpr-request .follow-up-section {
        width:100%
    }
}

.gdpr-request .submit-btn-align {
    text-align: center
}

.gdpr-request .select-section {
    padding: 1.6rem;
    border-radius: .8rem;
    margin: .5rem 0
}

.gdpr-request .select-section.selected {
    border: .1rem solid #ffc421
}

.disabled-state .FormGroup__label {
    opacity: .4
}

.select_input:checked+.select_label {
    margin-top: -3rem
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .checkout-wrapper-display {
        display: block;
        width: 40%;
        margin: 0 auto
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .gdpr-request__contact-method__mode--role--type {
        display: flex
    }

    .gdpr-request__contact-method__mode--role--type .label--radio {
        padding-top: .3rem
    }
}

@media only screen and (min--moz-device-pixel-ratio:0) and (min-width: 40.625em) {
    .gdpr-request__title {
        font-weight:400
    }
}

.privacy-form .display-base {
    display: none
}

.privacy-form .display-fleet {
    display: block
}

.privacy-form .content-section.content-section--border {
    border: none
}

.manage-option__container {
    margin: 0 -1rem
}

@media only screen and (min-width: 48.0625em) {
    .manage-option__container {
        margin:0 auto
    }
}

.manage-option__container .icon-text-block__text {
    font-size: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .manage-option__container .icon-text-block__text {
        padding:1rem 0 0 2rem;
        font-size: 3.2rem
    }
}

.manage-option__container .icon-text-block__icon {
    margin: .1rem 1.4rem 0 0
}

@media only screen and (min-width: 48.0625em) {
    .manage-option__container .icon-text-block__icon {
        margin:.4rem .4rem .4rem 1rem
    }
}

.manage-option__container .icon-text-block__icon:before {
    font-size: 2.4rem;
    line-height: 3.6rem
}

@media only screen and (min-width: 48.0625em) {
    .manage-option__container .icon-text-block__icon:before {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .manage-option__container .icon-text-block__icon:before {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

.consult-options__section {
    margin: 0 auto 3rem
}

@media only screen and (min-width: 48.0625em) {
    .consult-options__section {
        margin:-1rem auto 3rem
    }
}

.manage-option__container .manage-option__item {
    margin: 0 0 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .manage-option__container .manage-option__item {
        margin:0 0 1.6rem
    }
}

.manage-option__container .manage-option__item:last-child {
    margin-bottom: -2rem
}

.manage-option__container .manage-option__item .manage-options__list .product-options__item:last-child {
    border-bottom: .1rem solid #f7f6f6
}

.manage-option__container .manage-option__item .product-options__item {
    border-bottom: .1rem solid #f7f6f6;
    padding: 1.6rem 0
}

@media only screen and (min-width: 48.0625em) {
    .manage-option__container .manage-option__item .product-options__item {
        padding:3.2rem 2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .manage-option__container .manage-option__item .product-options__item:last-child {
        margin-bottom:0
    }
}

.manage-option__container .manage-option__item .product-options__item .product-options__summary-item:first-child {
    margin-bottom: 0;
    flex: 2
}

@media only screen and (min-width: 36em) {
    .manage-option__container .manage-option__item .product-options__item .product-options__summary-item:first-child {
        margin-bottom:0
    }
}

@media only screen and (min-width: 36em) {
    .manage-option__container .manage-option__item .product-options__item .product-options__summary-item:last-child {
        order:unset
    }
}

.manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-button {
    min-width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-button {
        min-width:10rem
    }
}

.manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-section {
    font-size: 1.4rem
}

@media only screen and (min-width: 48.0625em) {
    .manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-section {
        font-size:1.6rem
    }
}

.manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-section>div {
    margin-right: 2rem
}

.manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-section-link {
    margin-left: auto
}

@media only screen and (min-width: 48.0625em) {
    .manage-option__container .manage-option__item .product-options__item .product-options__summary .manage-option-section-link {
        margin-left:3.2rem
    }
}

.manage-option__container .manage-option__item .product-options__item .product-options__summary--packs-section {
    background: #f7f6f6
}

.manage-option__container .manage-option__item .product-options__item .product-options__summary--packs-section .manage-option-section {
    width: 15rem
}

.manage-option--panel {
    margin: 0;
    background-color: transparent
}

@media only screen and (min-width: 48.0625em) {
    .manage-option--panel {
        margin:0 -1rem
    }
}

.manage-option--panel .shopping-cart__offer-name {
    margin-bottom: 2rem;
    display: flex
}

.manage-option--panel .shopping-cart-overview__title-summary {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 600
}

.manage-option--panel .shopping-cart .shopping-cart-overview hr {
    margin: 1rem 0 3rem
}

.manage-option--panel .vat-info-at-cart-bottom {
    margin-top: 3rem;
    padding: 0;
    color: #291d18;
    font-size: 1.8rem
}

@media only screen and (min-width: 36em) {
    .manage-option--panel .vat-info-at-cart-bottom {
        margin-top:3rem
    }
}

.shopping-cart__plan-name {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2rem
}

.shopping-cart__credits {
    margin: 2rem 0 .5rem;
    padding: 1rem 4rem;
    font-size: 2rem;
    background-color: #fff
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart__credits {
        padding:3rem 4rem;
        margin: 0
    }
}

.shopping-cart__credits span.credit_price {
    font-weight: 600
}

.shopping-cart__credits--secondary {
    margin: -1.5rem -1.5rem 0;
    padding: 0 2rem
}

@media only screen and (min-width: 48.0625em) {
    .shopping-cart__credits--secondary {
        margin:0
    }
}

.new-label {
    box-sizing: border-box;
    height: 2rem;
    border: .1rem solid #ffc421;
    border-radius: .5rem;
    margin-left: 1rem;
    padding: .2rem .8rem 0;
    font-size: 1rem;
    font-weight: 600
}

.consult-options__overview {
    margin-bottom: 0
}

.consult-options__overview .plan-notification {
    margin: 0 1.2rem
}

@media only screen and (min-width: 48.0625em) {
    .consult-options__overview .plan-notification {
        margin:0
    }
}

.consult-options__overview .plan-notification .product-options__summary__feature-section {
    margin-top: 2.4rem;
    padding: 2.4rem;
    min-height: 7.2rem;
    background: #f7f6f6
}

.consult-options__overview .plan-notification .product-options__summary__feature-section .feature-section__title {
    display: flex;
    justify-content: space-between
}

.consult-options__overview .plan-notification .product-options__summary__feature-section .feature-section__options {
    margin-top: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .consult-options__overview .plan-notification .product-options__summary__feature-section .feature-section__options {
        margin-top:2rem
    }
}

.consult-options__overview .plan-notification .product-options__summary__feature-section .feature-section__options ul {
    list-style-type: none
}

.consult-options__overview .plan-notification .product-options__summary__feature-section .feature-section__options--disclaimer {
    color: #eeeded
}

.consult-options__details,.consult-options__overview .plan-notification__item--selected {
    color: #291d18
}

.consult-options__text {
    margin-bottom: 0;
    width: auto;
    font-weight: 900
}

@media only screen and (min-width: 36em) {
    .consult-options__text {
        width:auto;
        order: 2
    }
}

.product-overview__notification+.product-overview__parsys {
    margin-top: 2rem
}

.product-overview__parsys .cpm h1 {
    margin-bottom: 0
}

.product-overview__parsys--bottom .cpm {
    margin-top: 2rem
}

.cmp-product-overview .plan-notification {
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0
}

.cmp-product-overview .plan-notification__item {
    margin: 0
}

@media only screen and (min-width: 36em) {
    .cmp-product-overview .plan-notification__item {
        margin:0
    }
}

.cmp-product-overview .plan-notification__item .plan-notification__summary-item__phone-nr {
    max-width: 100%
}

@media only screen and (min-width: 36em) {
    .cmp-product-overview .plan-notification__item .plan-notification__summary-item__phone-nr {
        max-width:40%
    }
}

.cmp-product-overview .plan-notification__summary-item:last-child {
    text-align: center
}

@media only screen and (min-width: 36em) {
    .cmp-product-overview .plan-notification__summary-item:last-child {
        text-align:right
    }
}

.cmp-product-overview .plan-notification__summary-item:last-child .plan-notification__info {
    text-align: left
}

.cmp-product-overview .plan-notification:first-child {
    padding: 2rem
}

@media only screen and (min-width: 36em) {
    .cmp-product-overview .plan-notification:first-child {
        padding:2rem 4rem
    }
}

.product-overview__title {
    display: none;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2.5rem 4rem
}

@media only screen and (min-width: 48.0625em) {
    .product-overview__title {
        display:flex
    }
}

.product-overview__title .title {
    color: #291d18;
    font-size: 1.4rem;
    font-weight: 500
}

@media only screen and (min-width: 48.0625em) {
    .product-overview__title .second-section {
        width:auto;
        text-align: right;
        white-space: nowrap
    }
}

@media only screen and (min-width: 74.5em) {
    .product-overview__title .second-section {
        width:40%
    }
}

.product-overview__title .first-section {
    display: flex;
    width: 70%
}

@media only screen and (min-width: 48.0625em) {
    .product-overview__title .first-section {
        width:85%
    }
}

@media only screen and (min-width: 74.5em) {
    .product-overview__title .first-section {
        width:60%
    }
}

.product-overview__title .first-section .title {
    width: 30%
}

@media only screen and (min-width: 74.5em) {
    .product-overview__title .first-section .title {
        width:35%
    }
}

.product-overview__title .first-section .title:first-child {
    padding-left: 3.5rem
}

.product-overview__section {
    background: #fff;
    margin-bottom: 1.6rem
}

.product-overview__section .notification--warning {
    width: 100%
}

.product-overview__section hr {
    margin: 0
}

.product-overview__section.display-base {
    display: none;
    background: none
}

.product-overview__section__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 2.5rem 2rem
}

@media only screen and (min-width: 48.0625em) {
    .product-overview__section__info {
        flex-direction:row;
        padding: 2.5rem 3rem
    }
}

.product-overview__section__info__description {
    display: flex;
    width: 100%;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .product-overview__section__info__description {
        flex-direction:row;
        width: 100%
    }
}

@media only screen and (min-width: 48.0625em) {
    .product-overview__section__info__description {
        flex-direction:row;
        width: 85%
    }
}

@media only screen and (min-width: 74.5em) {
    .product-overview__section__info__description {
        flex-direction:row;
        width: 60%
    }
}

.product-overview__section__info__description .description {
    line-height: 2.4rem;
    padding-bottom: 3rem
}

@media only screen and (min-width: 36em) {
    .product-overview__section__info__description .description {
        padding-bottom:0
    }
}

.product-overview__section__info__description .description--first-field {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .product-overview__section__info__description .description--first-field {
        flex-direction:row;
        padding-bottom: 0;
        width: 40%
    }
}

@media only screen and (min-width: 48.0625em) {
    .product-overview__section__info__description .description--first-field {
        width:30%
    }
}

@media only screen and (min-width: 74.5em) {
    .product-overview__section__info__description .description--first-field {
        width:35%;
        margin-right: 2.5rem
    }
}

@media only screen and (min-width: 36em) {
    .product-overview__section__info__description .description--first-field .plan-name {
        font-weight:600
    }
}

.product-overview__section__info__description .description--first-field .icon-chevron-down,.product-overview__section__info__description .description--first-field .icon-chevron-up {
    position: relative;
    top: 0;
    margin-right: 2.4rem;
    font-size: 1.8rem;
    cursor: pointer
}

.product-overview__section__info__description .description--second-field {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .product-overview__section__info__description .description--second-field {
        width:60%;
        flex-direction: row
    }
}

@media only screen and (min-width: 48.0625em) {
    .product-overview__section__info__description .description--second-field {
        width:70%;
        flex-direction: row
    }
}

.product-overview__section__info__description .description .plan-title {
    font-weight: 600;
    font-size: 1.4rem
}

.product-overview__section__info__actions {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin: 0
}

@media only screen and (min-width: 36em) {
    .product-overview__section__info__actions {
        width:80%;
        flex-direction: row;
        justify-content: flex-start;
        margin: 1rem 0 0 5rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .product-overview__section__info__actions {
        width:15%;
        flex-direction: row;
        justify-content: flex-start;
        margin: 0;
        align-items: flex-start
    }
}

@media only screen and (min-width: 74.5em) {
    .product-overview__section__info__actions {
        width:40%;
        justify-content: flex-end
    }
}

@media only screen and (-ms-high-contrast:active) and (min-width: 48.0625em),only screen and (-ms-high-contrast:none) and (min-width:48.0625em) {
    .product-overview__section__info__actions {
        width:50%
    }
}

.product-overview__section__info__actions .action-button:last-of-type {
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .product-overview__section__info__actions .action-button:last-of-type {
        margin-left:2rem
    }
}

.product-overview__section__info__actions .change-tariff {
    display: none;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .product-overview__section__info__actions .change-tariff {
        width:auto
    }
}

.product-overview__section__info__actions .manage-options {
    margin-bottom: 1.5rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .product-overview__section__info__actions .manage-options {
        margin-bottom:0;
        width: auto
    }
}

.product-overview__section__info--options {
    display: flex;
    flex-direction: column;
    padding: 2.5rem 2rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .product-overview__section__info--options {
        flex-direction:row;
        padding: 2.5rem 8.5rem
    }
}

.product-overview__section__info--options .option--title {
    font-weight: 600;
    font-size: 1.4rem
}

@media only screen and (min-width: 36em) {
    .product-overview__section__info--options .option--title {
        padding-right:6rem
    }
}

.product-overview__section__more-info {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 5.6rem
}

@media only screen and (min-width: 36em) {
    .product-overview__section__more-info {
        display:none
    }
}

.product-overview__section__more-info .icon-chevron-down,.product-overview__section__more-info .icon-chevron-up {
    margin-left: 2rem;
    font-size: 1.8rem
}

.product-overview__section__monthly-plan {
    display: flex;
    justify-content: space-between;
    padding: 2.5rem 2rem;
    align-items: flex-start;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .product-overview__section__monthly-plan {
        flex-direction:row;
        padding: 3rem
    }
}

.product-overview__section__monthly-plan .monthly-plan {
    display: flex
}

.product-overview__section__monthly-plan .monthly-plan--information {
    display: flex;
    align-items: flex-start;
    margin-bottom: 3rem
}

@media only screen and (min-width: 36em) {
    .product-overview__section__monthly-plan .monthly-plan--information {
        align-items:center;
        margin-bottom: 0;
        line-height: normal
    }
}

.product-overview__section__monthly-plan .monthly-plan--information p {
    margin: 0
}

.product-overview__section__monthly-plan .monthly-plan--information p:first-of-type {
    font-weight: 600
}

.product-overview__section__monthly-plan .monthly-plan--action {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .product-overview__section__monthly-plan .monthly-plan--action {
        width:auto
    }
}

.product-overview__section .options-hr {
    margin: 0 -3rem
}

.product-overview__section--container {
    padding: 0 2.5rem
}

@media only screen and (min-width: 36em) {
    .product-overview__section--container {
        padding:0 6rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .product-overview__section--container {
        padding:0 7.5rem
    }
}

.product-overview__section__details {
    padding: 2.5rem 0;
    display: flex;
    width: 100%;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .product-overview__section__details {
        width:50%;
        padding: 3rem 0
    }
}

.product-overview__section__details.pre-paid {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .product-overview__section__details.pre-paid {
        width:30%
    }
}

.product-overview__section__details.bipt-details {
    width: 100%
}

.product-overview__section__details .details__heading {
    font-weight: 600;
    font-size: 1.4rem;
    padding-bottom: 1.5rem
}

.product-overview__section__details .details__data.product-overview-updated-options {
    flex-direction: column
}

.product-overview__section__details .details__data {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 1.5rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .product-overview__section__details .details__data {
        flex-direction:row;
        align-items: flex-start
    }
}

.product-overview__section__details .details__data:last-child {
    padding-bottom: 0
}

.product-overview__section__details .details__data .data--value {
    font-weight: 600;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .product-overview__section__details .details__data .data--value {
        text-align:right;
        white-space: nowrap
    }
}

.product-overview__section__details .details__data .data--key {
    padding-right: 0
}

@media only screen and (min-width: 36em) {
    .product-overview__section__details .details__data .data--key {
        padding-right:2rem
    }
}

.product-overview__section__details .details__link {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    padding-top: .5rem
}

@media only screen and (min-width: 36em) {
    .product-overview__section__details .details__link {
        flex-direction:row
    }
}

.product-overview__section__details .details__link .first-link {
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 36em) {
    .product-overview__section__details .details__link .first-link {
        margin-right:3rem
    }
}

.product-overview ul>li {
    list-style-type: disc
}

.product-overview .product-overview__content-section__image {
    height: 5rem;
    min-width: 5rem;
    background-color: #fff7c7
}

@media only screen and (min-width: 36em) {
    .product-overview .product-overview__content-section__image {
        height:8rem;
        min-width: 8rem
    }
}

@media only screen and (min-width: 36em) {
    .product-overview__heading {
        word-break:break-all
    }
}

.realspeed .content-section {
    padding: 2.4rem 2rem;
    margin: 0 -1.6rem;
    height: 100%
}

@media only screen and (min-width: 36em) {
    .realspeed .content-section {
        padding:4.5rem 9.6rem;
        max-width: 74.8rem;
        margin: 0 auto
    }
}

.realspeed .content-section .realspeed__text {
    padding-bottom: 2rem
}

.realspeed .content-section .realspeed__text__description {
    font-size: 2rem
}

.realspeed .content-section .realspeed__text__subdescription {
    font-size: 1.6rem;
    padding-top: .4rem
}

.realspeed .content-section .realspeed__hr-line {
    margin: 1rem -2rem
}

.realspeed .content-section .row .form-group {
    margin-bottom: 2rem
}

.realspeed .content-section .internetproducts__content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 2.4rem
}

.realspeed .content-section .internetproducts__content__cards {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -.2rem
}

.realspeed .content-section .internetproducts__content__cards__body {
    width: 47%
}

.realspeed .content-section .internetproducts__content__active-service {
    display: flex;
    font-size: 1.6rem;
    margin: .4rem 0 2.4rem
}

@media only screen and (min-width: 36em) {
    .realspeed .content-section .internetproducts__content__active-service {
        margin:2.4rem 0 2.8rem
    }
}

.realspeed .content-section .internetproducts__content__active-service .CheckboxSwitch {
    margin: auto 0 auto 2rem
}

.realspeed .content-section .internetproducts__text {
    font-size: 2rem;
    line-height: 2.4rem;
    padding-bottom: 2.4rem
}

.realspeed .content-section .internetproducts__dropdownlabel {
    font-size: 1.2rem;
    margin-bottom: 0
}

.realspeed .content-section .internetproducts .tab-bar__li {
    width: 50%
}

.realspeed .content-section .internetproducts .tab-bar__li a {
    font-size: 1.6rem
}

.realspeed .content-section .internetproducts .label-cards.cards.card-mini .cards--container {
    border: .1rem solid #eeeded;
    border-radius: .8rem
}

.realspeed .content-section .internetproducts .label-cards.cards.card-mini .cards-content__header {
    min-width: 2.4rem
}

.realspeed .content-section .internetproducts .text-flow--button {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 500
}

.realspeed .content-section .testresults__calculate {
    padding: 3rem 0 0
}

.realspeed .content-section .testresults__hr-line {
    margin: 1rem -2rem
}

.realspeed .content-section .testresults__text {
    font-size: 1.8rem;
    padding: 3rem 0
}

@media only screen and (min-width: 36em) {
    .realspeed .content-section .testresults__text {
        font-size:2rem
    }
}

.realspeed .content-section .testresults table {
    border-collapse: collapse;
    width: 100%
}

.realspeed .content-section .testresults td {
    border-bottom: 1px solid #f7f6f6;
    text-align: left;
    padding: 2rem 0
}

.realspeed .content-section .testresults__total-volume {
    padding: 2rem 0;
    display: flex;
    flex-direction: column
}

.realspeed .content-section .testresults__total-volume__description {
    padding: 4rem 0 2rem
}

.realspeed .content-section .testresults__total-volume__sub-description {
    padding: 2.4rem 0 1rem
}

.realspeed .content-section .testresults__total-volume span {
    padding-left: 2rem
}

.realspeed .content-section .testresults__cards__content {
    display: flex;
    flex-direction: column;
    padding: 3rem 0
}

.realspeed .content-section .testresults__cards__content__volume-max {
    padding-bottom: 2rem
}

.realspeed .content-section .testresults__cards__content__volume-min {
    padding-bottom: 3rem;
    border-bottom: 1px solid #f7f6f6
}

.realspeed .content-section .testresults__cards__content span {
    padding-left: 4rem
}

.tariff-plan {
    max-width: 74.8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 2.4rem auto!important;
    padding: 2rem!important
}

@media only screen and (min-width: 36em) {
    .tariff-plan {
        flex-direction:row
    }
}

.tariff-plan__content {
    display: flex
}

.tariff-plan__content__icon {
    padding-top: 1rem;
    padding-right: 3rem
}

.tariff-plan__content__text {
    padding-top: 1rem
}

.tariff-plan__new-search {
    padding-left: 0;
    padding-top: 1rem
}

@media only screen and (min-width: 36em) {
    .tariff-plan__new-search {
        padding-left:10rem;
        padding-top: 0
    }
}

.return-devices__heading {
    font-size: 2rem;
    line-height: 2.8rem
}

@media only screen and (min-width: 48.0625em) {
    .return-devices__heading {
        font-size:2rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .return-devices__heading {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

.return-devices__section {
    font-size: 1.8rem;
    line-height: 2.8rem
}

@media only screen and (min-width: 48.0625em) {
    .return-devices__section {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .return-devices__section {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

.return-devices ol>li {
    counter-increment: item;
    list-style-type: none
}

.return-devices ol>li:before {
    content: counter(item) "."
}

.return-devices .image-section {
    height: 12rem
}

@media only screen and (min-width: 36em) {
    .self-install {
        width:55.6rem;
        margin: 0 auto
    }
}

.self-install--small {
    width: 100%;
    padding: 0 2rem
}

@media only screen and (min-width: 36em) {
    .self-install--small {
        width:32rem;
        padding: 0
    }
}

.self-install--small__img {
    width: 15.2rem;
    height: 15.2rem
}

@media only screen and (max-width: 48.0525em) {
    .self-install__activate-product .form-group .form-helper,.self-install__activate-product .form-group label {
        font-size:1.2rem
    }
}

@media only screen and (max-width: 48.0525em) {
    .self-install__activate-product .form-group .form__input {
        font-size:1.6rem
    }
}

@media only screen and (min-width: 36em) {
    .self-install__activated .cards {
        margin:0
    }
}

.self-install__activated .self-install__label {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .self-install__activated .self-install__label {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .self-install__activated .self-install__label {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (max-width: 48.0525em) {
    .self-install__activated .self-install__label {
        margin:.8rem 0 2.4rem
    }
}

@media only screen and (max-width: 35.99em) {
    .self-install__activated__btn {
        padding:0 2rem;
        margin-top: 2.8rem
    }
}

@media only screen and (max-width: 48.0525em) {
    .self-install .self-install__title {
        padding:0 2rem;
        font-size: 1.6rem
    }
}

.self-install .cards {
    background-color: #fff;
    margin: 1.6rem 0 2.4rem
}

@media only screen and (min-width: 36em) {
    .self-install .cards {
        margin:2.4rem 0 3.2rem
    }
}

.self-install .cards--body {
    padding: 2.4rem 2rem
}

@media only screen and (min-width: 36em) {
    .self-install .cards--body {
        padding:3.2rem
    }
}

.self-install .cards--body .address-section__title {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .self-install .cards--body .address-section__title {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .self-install .cards--body .address-section__title {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 36em) {
    .self-install .cards--body .address-section__title {
        padding-bottom:.8rem
    }
}

.self-install .cards--body .address-section__details {
    font-size: 1.4rem;
    line-height: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .self-install .cards--body .address-section__details {
        font-size:1.4rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .self-install .cards--body .address-section__details {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.self-install__product__list__name .status--icon {
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .6rem 1.2rem;
    border-radius: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .self-install__product__list__name .status--icon {
        font-size:1.4rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .self-install__product__list__name .status--icon {
        font-size:1.4rem;
        line-height: 2rem
    }
}

.self-install__product__name {
    border-radius: .8rem
}

.self-install__product__guide {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .self-install__product__guide {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .self-install__product__guide {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.self-install__product>div:last-child .self-install__product__block .self-install__product__border {
    display: none
}

.self-install__bundle-product__border {
    margin-right: -3.4rem;
    margin-left: -3.4rem
}

.self-install--no-products {
    margin-top: 17rem
}

@media only screen and (min-width: 36em) {
    .self-install--no-products {
        width:51rem
    }
}

@media only screen and (min-width: 36em) {
    .self-install--no-products__description {
        margin-top:3.2rem
    }
}

@media only screen and (min-width: 36em) {
    .self-install--no-products__action .button:first-child {
        margin:0 1.6rem 0 0
    }
}

.self-install__terms {
    font-size: 1.4rem;
    line-height: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .self-install__terms {
        font-size:1.4rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .self-install__terms {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (max-width: 35.99em) {
    .self-install__terms {
        padding:0 2rem;
        margin-top: 2.4rem;
        text-align: center
    }
}

@media only screen and (max-width: 35.99em) {
    .self-install__terms__accept {
        margin-top:2.8rem
    }
}

.setup-wizard-setting__wizard-title {
    display: flex;
    position: fixed;
    top: 2.8rem;
    left: 2.8rem;
    float: inherit
}

.setup-wizard-setting--wizard-overlay .overlay__section {
    min-width: 100%
}

@media only screen and (min-width: 36em) {
    .setup-wizard-setting--wizard-overlay .overlay__section {
        min-width:102%
    }
}

.setup-wizard-setting--wizard-overlay .overlay__section__content {
    width: 100%;
    overflow: auto;
    min-height: auto
}

@media only screen and (min-width: 36em) {
    .setup-wizard-setting--wizard-overlay .overlay__section__content {
        width:55%;
        overflow: unset
    }
}

.setup-wizard-setting--wizard-overlay .overlay__section__content__sub-title {
    margin-top: 0;
    margin-bottom: 1.6rem;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 900
}

@media only screen and (min-width: 36em) {
    .setup-wizard-setting--wizard-overlay .overlay__section__content__sub-title {
        font-size:3.2rem;
        line-height: 3.8rem
    }
}

.setup-wizard-setting--wizard-overlay .overlay__section__content__description {
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .setup-wizard-setting--wizard-overlay .overlay__section__content__description {
        font-size:1.8rem
    }
}

.setup-wizard-setting--wizard-overlay .overlay__section__content__password-display-overlay {
    width: 100%;
    flex-direction: column;
    padding: 1.6rem;
    margin: 1.6rem auto
}

@media only screen and (min-width: 36em) {
    .setup-wizard-setting--wizard-overlay .overlay__section__content__password-display-overlay {
        width:85%;
        margin: 3.2rem auto 1.6rem;
        padding: 2.4rem 3.2rem
    }
}

.setup-wizard-setting--wizard-overlay .overlay__section__content__password-display-content {
    margin-left: 0;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    justify-content: space-around
}

@media only screen and (min-width: 36em) {
    .setup-wizard-setting--wizard-overlay .overlay__section__content__password-display-content {
        flex-direction:row;
        font-size: 1.6rem;
        margin-bottom: 0
    }
}

.setup-wizard-setting--wizard-overlay .overlay__section__content__password-display-text {
    width: 100%;
    margin: 1.6rem auto auto;
    font-size: 1.4rem
}

@media only screen and (min-width: 36em) {
    .setup-wizard-setting--wizard-overlay .overlay__section__content__password-display-text {
        width:100%;
        font-size: 1.6rem
    }
}

.setup-wizard-setting--wizard-overlay .overlay__section__content__password-display-section {
    width: 100%
}

.setup-wizard-setting--wizard-overlay .overlay__section__content__radio {
    width: 100%;
    margin: 4.6rem auto auto;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .setup-wizard-setting--wizard-overlay .overlay__section__content__radio {
        width:54rem
    }
}

.setup-wizard-setting--wizard-overlay .overlay__section__content__radio .label-cards.cards {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .setup-wizard-setting--wizard-overlay .overlay__section__content__radio .label-cards.cards {
        flex-direction:row
    }
}

.setup-wizard-setting--wizard-overlay .overlay__section__content__radio .label-cards.cards.card-mini .cards--container {
    width: 100%;
    height: 4.8rem
}

@media only screen and (min-width: 36em) {
    .setup-wizard-setting--wizard-overlay .overlay__section__content__radio .label-cards.cards.card-mini .cards--container {
        width:26rem;
        height: 5.6rem
    }
}

.setup-wizard-setting--wizard-overlay .overlay__section__content__form-option {
    width: 100%;
    margin: 3.2rem auto 2.4rem
}

@media only screen and (min-width: 36em) {
    .setup-wizard-setting--wizard-overlay .overlay__section__content__form-option {
        width:73%
    }
}

.setup-wizard-setting--wizard-overlay .overlay__section__content .form-helper,.setup-wizard-setting--wizard-overlay .overlay__section__content label {
    text-align: left
}

.sim-card-migration__content {
    margin: 3rem 2.5rem 2rem
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content {
        margin:3.5rem auto 2rem;
        width: 81.2rem
    }
}

.sim-card-migration__content h2 {
    text-align: center
}

.sim-card-migration__content a:not(.button--primary) {
    color: #d9415c!important
}

.sim-card-migration__content .sim-card-migration__container {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__container {
        width:37rem;
        margin: auto
    }
}

.sim-card-migration__content .sim-card-migration__select-subscription .sim-card-migration__container2 {
    margin-top: 3.5rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__select-subscription .sim-card-migration__container2 {
        margin-top:5rem
    }
}

.sim-card-migration__content .sim-card-migration__select-subscription .sim-card-migration__container2 .sim-card-migration__select-subscription-buttons {
    margin: auto auto 1.5rem;
    width: 60%;
    display: block
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__select-subscription .sim-card-migration__container2 .sim-card-migration__select-subscription-buttons {
        margin:.4rem 1rem;
        width: auto;
        display: inline-block;
        min-width: 17.5rem
    }
}

.sim-card-migration__content .sim-card-migration__select-subscription .sim-card-migration__container2 .sim-card-migration__select-subscription-buttons .button {
    width: 100%
}

.sim-card-migration__content .sim-card-migration__select-subscription .sim-card-migration--action {
    margin-top: 1rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__select-subscription .sim-card-migration--action {
        margin-top:17rem
    }
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__enter-number .sim-card-migration__container {
        margin-top:5.5rem
    }
}

.sim-card-migration__content .sim-card-migration__enter-number form .sim-card-migration--action {
    margin-top: 1rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__enter-number form .sim-card-migration--action {
        margin-top:5.5rem
    }
}

.sim-card-migration__content .sim-card-migration__number-request .sim-card-migration__container {
    margin-top: 3.5rem
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__number-request .sim-card-migration__container {
        width:51.2rem;
        margin-top: 5.5rem
    }
}

.sim-card-migration__content .sim-card-migration__number-request .sim-card-migration__number-request__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    text-align: center
}

.sim-card-migration__content .sim-card-migration__number-request .sim-card-migration__number-request__container .sim-card-migration__number-request__item {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    cursor: pointer
}

.sim-card-migration__content .sim-card-migration__number-request .sim-card-migration__number-request__container .sim-card-migration__number-request__item .sim-card-migration__number-request__item-image {
    padding: 0 1rem
}

.sim-card-migration__content .sim-card-migration__number-request .sim-card-migration__number-request__container .sim-card-migration__number-request__item .sim-card-migration__number-request__item-text {
    padding: 1.6rem 1rem 2rem;
    font-weight: 700;
    color: #eeeded
}

.sim-card-migration__content .sim-card-migration__confirmation {
    text-align: center
}

.sim-card-migration__content .sim-card-migration__confirmation .sim-card-migration__confirmation--address {
    margin-top: 3.5rem
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__confirmation .sim-card-migration__confirmation--address {
        margin-top:6rem
    }
}

.sim-card-migration__content .sim-card-migration__confirmation .sim-card-migration__confirmation--address span.sim-card-migration__confirmation--address__highlight {
    font-weight: 700
}

.sim-card-migration__content .sim-card-migration__confirmation .sim-card-migration__confirmation--description {
    margin-top: 2rem
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__confirmation .sim-card-migration__confirmation--description {
        margin-top:3rem
    }
}

.sim-card-migration__content .sim-card-migration__confirmation .sim-card-migration__confirmation--customer {
    margin-top: 3rem;
    text-transform: uppercase;
    color: #68b5c8
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__confirmation .sim-card-migration__confirmation--customer {
        margin-top:2rem
    }
}

.sim-card-migration__content .sim-card-migration__confirmation .sim-card-migration--action {
    font-weight: 700;
    margin-top: 11rem
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__confirmation .sim-card-migration--action {
        margin-top:7.5rem
    }
}

.sim-card-migration__content .sim-card-migration__confirmation .sim-card-migration--action .sim-card-migration--action-extrabutton {
    margin-top: 2rem;
    color: #fff!important
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__confirmation .sim-card-migration--action .sim-card-migration--action-extrabutton {
        margin-top:5.5rem
    }
}

.sim-card-migration__content .sim-card-migration__overview {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__overview .sim-card-migration__container {
        margin-top:5rem
    }
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container {
    margin-top: 3rem;
    color: #fff
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container {
        margin-top:4rem
    }
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container .sim-card-migration__overview-top {
    border-bottom: .1rem solid #7fc0d4;
    text-align: left;
    padding: 3rem 1.5rem 2rem
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container .sim-card-migration__overview-top__title {
    font-weight: 700
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container .sim-card-migration__overview-top__subtitle {
    text-transform: uppercase
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container .sim-card-migration__overview-top__new {
    color: #b7b7b7
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container .sim-card-migration__overview-details {
    text-align: left;
    padding: 2rem 1.5rem 3rem
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container .sim-card-migration__overview-details-float {
    width: 100%;
    overflow: hidden
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container .sim-card-migration__overview-details-float .sim-card-migration__overview-details-float-left {
    float: left
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container .sim-card-migration__overview-details-float .sim-card-migration__overview-details-float-right {
    float: right;
    font-weight: 700
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration__overview-container .sim-card-migration__overview-details-current {
    text-decoration: line-through
}

.sim-card-migration__content .sim-card-migration__overview .Container--grey {
    margin-top: 5rem;
    text-align: left
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration--action {
    margin-top: 2.5rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__overview .sim-card-migration--action {
        margin-top:3rem
    }
}

.sim-card-migration__content .sim-card-migration__overview .sim-card-migration--action .button {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration__overview .sim-card-migration--action .button {
        width:auto
    }
}

.sim-card-migration__content .sim-card-migration__container-info {
    position: relative;
    margin-top: 2.6rem;
    padding: 2rem;
    color: #68b5c8
}

.sim-card-migration__content .sim-card-migration__container-info:before {
    content: "";
    display: block;
    position: absolute;
    top: -1rem;
    left: 50%;
    width: 0;
    border-right: 1rem solid transparent;
    border-left: 1rem solid transparent;
    border-bottom: 1rem solid #68b5c8
}

.sim-card-migration__content .sim-card-migration__container-info:after {
    content: "";
    display: block;
    position: absolute;
    top: -.9rem;
    left: 50%;
    width: 0;
    border-right: 1rem solid transparent;
    border-left: 1rem solid transparent;
    border-bottom: 1rem solid #fff
}

.sim-card-migration__content .sim-card-migration__container-info .sim-card-migration__container-infotitle {
    position: relative;
    padding-left: 2rem;
    font-weight: 700
}

.sim-card-migration__content .sim-card-migration__container-info .sim-card-migration__container-infotitle:before {
    content: "\E050";
    font-family: icons,Arial,Helvetica,sans-serif;
    position: absolute;
    left: 0;
    top: 0
}

.sim-card-migration__content .sim-card-migration__container-info .sim-card-migration__container-infotext {
    padding-left: 2rem
}

.sim-card-migration__content .sim-card-migration--action2 {
    margin-top: 1.5rem
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration--action2 {
        display:flex;
        justify-content: center;
        margin-top: 5.5rem
    }
}

.sim-card-migration__content .sim-card-migration--action2 .button {
    margin: 1rem 0;
    width: 100%;
    color: #fff!important
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__content .sim-card-migration--action2 .button {
        margin:0 1rem;
        width: auto
    }
}

.sim-card-migration__overlayer {
    text-align: center
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__overlayer {
        max-width:39rem
    }
}

.sim-card-migration__overlayer .sim-card-migration--action {
    display: flex;
    margin-top: 3rem
}

@media only screen and (min-width: 36em) {
    .sim-card-migration__overlayer .sim-card-migration--action {
        margin-top:4rem
    }
}

.sim-card-migration__overlayer .sim-card-migration--action .button {
    margin: 0 1rem;
    width: 100%
}

.sim-management {
    min-width: inherit;
    padding: 2.4rem;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .sim-management {
        min-width:100%;
        padding: 3.2rem
    }
}

.sim-management__border {
    width: calc(100% + 4.8rem);
    margin-left: -2.4rem
}

.sim-management__sim-info {
    font-size: 2rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .sim-management__sim-info {
        font-size:2.4rem;
        line-height: 2.8rem
    }
}

@media only screen and (max-width: 48.0525em) {
    .sim-management__title .sim-management__sim-block__info {
        order:-1;
        margin-bottom: 2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .sim-management__title .sim-management__sim-block__info {
        margin-left:1.6rem
    }
}

.sim-management--sim-overlay .overlay__section__content {
    overflow: unset;
    min-height: 100%;
    max-width: auto
}

@media only screen and (min-width: 36em) {
    .sim-management--sim-overlay .overlay__section__content {
        max-width:70rem
    }
}

.sim-management--sim-overlay .overlay__section__content__description {
    width: auto
}

@media only screen and (min-width: 36em) {
    .sim-management--sim-overlay .overlay__section__content__description {
        width:70rem
    }
}

.sim-management--sim-overlay .overlay__section__content .icon-section {
    width: 3.2rem;
    height: 3.2rem
}

.sim-management--sim-overlay .overlay__section__content__contact-option {
    height: 7.2rem
}

.sim-management__sim-block a {
    font-weight: 700
}

@media only screen and (min-width: 36em) {
    .sim-management__sim-block a {
        font-size:1.8rem;
        font-weight: 700
    }
}

.sim-management__sim-block .sim-block__block-label {
    line-height: 2.4rem;
    font-size: 1.6rem;
    cursor: default;
    text-transform: none
}

@media only screen and (min-width: 36em) {
    .sim-management__sim-block .sim-block__block-label,.sim-management__sim-block p {
        font-size:1.8rem
    }
}

.sim-management__current-sim {
    padding-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .sim-management__current-sim {
        padding-bottom:3rem
    }
}

.sim-management__current-sim .current-sim__nickname-section {
    display: flex;
    flex-direction: column;
    margin-top: -1rem
}

@media only screen and (min-width: 36em) {
    .sim-management__current-sim .current-sim__nickname-section {
        flex-direction:row
    }
}

.sim-management__current-sim .current-sim__nickname-section .nickname-section__holder-name {
    position: relative;
    left: 0;
    bottom: 1rem
}

@media only screen and (min-width: 36em) {
    .sim-management__current-sim .current-sim__nickname-section .nickname-section__holder-name {
        left:16rem
    }
}

.sim-management__current-sim .current-sim__nickname-button {
    position: relative;
    left: 0;
    top: 1rem
}

@media only screen and (min-width: 36em) {
    .sim-management__current-sim .current-sim__nickname-button {
        left:21rem
    }
}

.sim-management__current-sim .current-sim__nickname-content {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .sim-management__current-sim .current-sim__nickname-content {
        width:45%
    }
}

@media only screen and (max-width: 48.0525em) {
    .sim-management__current-sim p {
        margin-bottom:1.6rem
    }
}

.sim-management__current-sim .button {
    margin-top: 3rem
}

.sim-management__current-sim:last-of-type {
    border-bottom: none
}

.sim-management p {
    line-height: 1.5;
    font-weight: 300
}

.sim-management .label--sim {
    line-height: 2.4rem;
    font-size: 1.4rem;
    cursor: default;
    text-transform: uppercase
}

@media only screen and (max-width: 48.0525em) {
    .sim-management .label--sim {
        margin-bottom:0
    }
}

@media only screen and (min-width: 36em) {
    .sim-management .label--sim {
        font-size:1.8rem;
        text-transform: none
    }
}

@media only screen and (max-width: 48.0525em) {
    .overlay__block-sim .overlay__mask,.overlay__unblock-sim .overlay__mask {
        opacity:1
    }
}

.overlay__block-sim .overlay__section__content,.overlay__unblock-sim .overlay__section__content {
    margin: 0 2rem
}

@media only screen and (max-width: 35.99em) {
    .overlay__block-sim .overlay__section__content__close,.overlay__unblock-sim .overlay__section__content__close {
        position:fixed;
        top: 2.8rem;
        right: 2.8rem
    }
}

.overlay__block-sim .overlay__section__content__title,.overlay__unblock-sim .overlay__section__content__title {
    text-transform: none
}

@media only screen and (max-width: 48.0525em) {
    .overlay__block-sim .overlay__section__content__title,.overlay__unblock-sim .overlay__section__content__title {
        font-size:2rem
    }
}

@media only screen and (min-width: 36em) {
    .overlay__block-sim .overlay__section__content__title,.overlay__unblock-sim .overlay__section__content__title {
        padding:0 12rem
    }
}

@media only screen and (min-width: 36em) {
    .overlay__block-sim .overlay__section__content__sub-title,.overlay__unblock-sim .overlay__section__content__sub-title {
        font-size:2rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 36em) {
    .overlay__block-sim .overlay__section__content__description p,.overlay__unblock-sim .overlay__section__content__description p {
        padding:0 7rem;
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 48.0525em) {
    .overlay__block-sim .overlay__section__content__action .button,.overlay__unblock-sim .overlay__section__content__action .button {
        width:calc(50% - .8rem);
        min-width: 13.5rem
    }
}

@media only screen and (max-width: 48.0525em) {
    .overlay__block-sim .overlay__section__content__action .button:first-child,.overlay__unblock-sim .overlay__section__content__action .button:first-child {
        margin-right:.6rem
    }
}

@media only screen and (max-width: 48.0525em) {
    .overlay__block-sim .overlay__section__content__action .button:not(:first-child),.overlay__unblock-sim .overlay__section__content__action .button:not(:first-child) {
        margin-left:0
    }
}

@media only screen and (min-width: 36em) {
    .third-party-services .tooltip .tooltip__info-section {
        width:43rem
    }
}

.voicemail-settings-container .save-btn-section {
    display: flex;
    justify-content: flex-end
}

.voicemail-settings-container .save-btn-section .save-btn {
    margin-top: 1.6rem;
    width: inherit
}

@media only screen and (min-width: 36em) {
    .voicemail-settings-container .save-btn-section .save-btn {
        width:inherit
    }
}

.voicemail-settings-container__header {
    padding: 3.2rem 0;
    font-size: 1.8rem
}

@media only screen and (min-width: 36em) {
    .voicemail-settings-container__header {
        font-size:2.4rem
    }
}

.voicemail-settings-container .content-section__header {
    display: none
}

.voicemail-settings-container .content-section__details {
    padding: 3rem
}

.voicemail-settings-container .content-section__details .form-group.checkbox-switch-section:nth-child(3) {
    border-bottom: none;
    padding-bottom: 0
}

.voicemail-settings-container .content-section__details .form-group.email-field {
    padding-top: 0
}

.voicemail-settings--fixed-telephony {
    margin: 3.2rem
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony {
        margin:inherit
    }
}

.voicemail-settings--fixed-telephony .email-field .form-helper,.voicemail-settings--fixed-telephony .email-field label {
    font-size: 1.2rem
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony .email-field .form-helper,.voicemail-settings--fixed-telephony .email-field label {
        font-size:1.4rem
    }
}

.voicemail-settings--fixed-telephony .email-field .form-control {
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony .email-field .form-control {
        font-size:1.8rem
    }
}

.voicemail-settings--fixed-telephony .fixed-telephony__communication-option {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony .fixed-telephony__communication-option {
        flex-direction:row;
        justify-content: space-between
    }
}

.voicemail-settings--fixed-telephony .fixed-telephony__communication-option .dropdown-section {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony .fixed-telephony__communication-option .dropdown-section {
        width:40%
    }
}

.voicemail-settings--fixed-telephony .fixed-telephony__communication-option .dropdown-section .form-helper,.voicemail-settings--fixed-telephony .fixed-telephony__communication-option .dropdown-section label {
    color: #291d18;
    text-transform: uppercase;
    margin-top: 1rem
}

.voicemail-settings--fixed-telephony .fixed-telephony__communication-option .dropdown-section .form-control {
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony .fixed-telephony__communication-option .dropdown-section .form-control {
        font-size:1.8rem
    }
}

.voicemail-settings--fixed-telephony .fixed-telephony__voicemail-text.form-group.checkbox-switch-section .form-helper,.voicemail-settings--fixed-telephony .fixed-telephony__voicemail-text.form-group.checkbox-switch-section label {
    margin-top: 2rem;
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony .fixed-telephony__voicemail-text.form-group.checkbox-switch-section .form-helper,.voicemail-settings--fixed-telephony .fixed-telephony__voicemail-text.form-group.checkbox-switch-section label {
        font-size:1.8rem
    }
}

.voicemail-settings--fixed-telephony .fixed-telephony__voicemail-section.form-group.checkbox-switch-section {
    border-bottom: none
}

.voicemail-settings--fixed-telephony .fixed-telephony__voicemail-section.form-group.checkbox-switch-section .form-helper,.voicemail-settings--fixed-telephony .fixed-telephony__voicemail-section.form-group.checkbox-switch-section label {
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony .fixed-telephony__voicemail-section.form-group.checkbox-switch-section .form-helper,.voicemail-settings--fixed-telephony .fixed-telephony__voicemail-section.form-group.checkbox-switch-section label {
        font-size:1.8rem
    }
}

.voicemail-settings--fixed-telephony .fixed-telephony__horizontal-division {
    margin: 2.5rem 0
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony .fixed-telephony__horizontal-division {
        margin:3.2rem 0
    }
}

.voicemail-settings--fixed-telephony .fixed-telephony__change-pin .form-helper,.voicemail-settings--fixed-telephony .fixed-telephony__change-pin label {
    font-size: 1.6rem;
    color: #291d18
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony .fixed-telephony__change-pin .form-helper,.voicemail-settings--fixed-telephony .fixed-telephony__change-pin label {
        font-size:1.8rem
    }
}

.voicemail-settings--fixed-telephony .fixed-telephony__change-pin p {
    font-size: 1.6rem;
    padding-bottom: 3.5rem;
    padding-top: .7rem
}

.voicemail-settings--fixed-telephony .fixed-telephony__change-pin__otp-section .form-helper,.voicemail-settings--fixed-telephony .fixed-telephony__change-pin__otp-section label {
    padding-right: 3.2rem
}

.voicemail-settings--fixed-telephony .fixed-telephony__change-pin .form-control {
    padding: 0;
    float: right
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony .fixed-telephony__change-pin .form-control {
        padding:1.2rem 0;
        float: none
    }
}

.voicemail-settings--fixed-telephony .fixed-telephony__save-section {
    float: none
}

@media only screen and (min-width: 36em) {
    .voicemail-settings--fixed-telephony .fixed-telephony__save-section {
        float:right
    }
}

@media only screen and (max-width: 74.49em) {
    .yearly-payment .contract-row-item {
        min-width:100%
    }
}

@media only screen and (max-width: 48.0525em) {
    .yearly-payment .contract-row-item__right {
        flex-wrap:wrap
    }
}

.yearly-payment .contract-row-item__item.label-column {
    word-break: break-word
}

@media only screen and (max-width: 48.0525em) {
    .yearly-payment .contract-row-item__item.label-column.label-column--full-width {
        width:100%
    }
}

@media only screen and (max-width: 48.0525em) {
    .yearly-payment .contract-row-item__item.label-column.label-column--half-width {
        width:50%
    }
}

@media only screen and (min-width: 48.0625em) {
    .yearly-payment .contract-row-item__item.label-column.label-column--extra-small {
        width:13%
    }
}

@media only screen and (min-width: 48.0625em) {
    .yearly-payment .contract-row-item__item.label-column.label-column--small {
        width:15%
    }
}

@media only screen and (min-width: 48.0625em) {
    .yearly-payment .contract-row-item__item.label-column.label-column--medium {
        width:20%
    }
}

@media only screen and (min-width: 48.0625em) {
    .yearly-payment .contract-row-item__item.label-column.label-column--large {
        width:28%
    }
}

.delivery {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 4rem 3rem;
    border-radius: .4rem;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .delivery {
        width:100%;
        margin: auto;
        flex-direction: row
    }
}

.fixed-line {
    width: 100%;
    display: flex
}

.fixed-line__section {
    width: 100%;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .fixed-line__section {
        width:57rem;
        margin-bottom: 4rem
    }
}

.fixed-line__section__header {
    padding: 0 0 2rem
}

@media only screen and (min-width: 36em) {
    .fixed-line__section__header {
        padding:0 0 2rem
    }
}

.fixed-line__section__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 3rem 3rem;
    margin: auto;
    border-radius: .5rem;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .fixed-line__section__content {
        width:57rem;
        padding: 0 3rem 3rem
    }
}

.installation-address .cards--container {
    padding: 2.5rem 2rem 4rem
}

@media only screen and (min-width: 48.0625em) {
    .installation-address .cards--container {
        padding:5rem 9.5rem
    }
}

.installation-address__header {
    display: flex
}

.installation-address__title {
    font-size: 2rem;
    line-height: 2rem;
    padding-left: 1.6rem;
    padding-bottom: 1.4rem
}

@media only screen and (min-width: 48.0625em) {
    .installation-address__title {
        padding-left:1.6rem;
        padding-bottom: 1.4rem
    }
}

.installation-address__footer {
    margin-top: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .installation-address__footer {
        margin-top:4rem
    }
}

.installation-address .row:last-child .form-group {
    margin-bottom: 0
}

.installation-address .row .form-group {
    margin-bottom: 2rem
}

.installation-address .row .form-group .form-helper,.installation-address .row .form-group label {
    text-transform: uppercase
}

.installation-address__full-width {
    max-width: 100%;
    flex-basis: 100%
}

@media only screen and (max-width: 48.0525em) {
    .installation-location {
        padding:2.4rem 2rem
    }
}

.installation-location__title {
    font-size: 1.8rem;
    line-height: 2rem
}

@media only screen and (min-width: 36em) {
    .installation-location__title {
        font-size:2rem
    }
}

.installation-options {
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media only screen and (min-width: 74.5em) {
    .installation-options {
        flex-direction:row;
        margin-bottom: 6rem
    }
}

.installation-options__card {
    height: 100%;
    margin: 0 0 2rem
}

@media only screen and (min-width: 48.0625em) {
    .installation-options__card {
        margin:0 0 0 2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .installation-options__card {
        max-width:56rem
    }
}

.installation-options__card__title {
    text-align: center;
    padding: 1.8rem 0 1.4rem
}

.installation-options__card.installation-filter-removal .Container.Container--default {
    border-radius: .8rem .8rem 0 0
}

.installation-options__card .Container {
    height: 100%;
    padding: 0 1.2rem 2.4rem
}

.installation-options__card .notification span {
    font-size: 1.6rem;
    line-height: 2.2rem
}

.installation-options__content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    height: calc(100% - 4.8rem);
    padding: 0
}

@media only screen and (min-width: 36em) {
    .installation-options__content {
        flex-direction:row;
        padding: 0
    }
}

.installation-options__content .label-cards.cards.card-square--combi-with-icon-and-text {
    height: 100%
}

@media only screen and (min-width: 36em) {
    .installation-options__content .label-cards.cards.card-square--combi-with-icon-and-text .cards-slot {
        margin:0 1.2rem
    }
}

.installation-options__content .label-cards.cards.card-square--combi-with-icon-and-text .cards--container .cards-content__image {
    border-right: .1rem solid hsla(0,0%,94.9%,.5)
}

@media only screen and (min-width: 36em) {
    .installation-options__content .label-cards.cards.card-square--combi-with-icon-and-text .cards--container .cards-content__image {
        border-bottom:.1rem solid #f7f6f6
    }
}

.installation-options__content .label-cards.cards.card-square--combi-with-icon-and-text .cards--container .cards-content__body {
    justify-content: flex-start
}

.installation-options__overlay--page {
    z-index: 1009
}

.installation-options__overlay__title {
    font-size: 1.8rem;
    line-height: 2.8rem
}

@media only screen and (min-width: 48.0625em) {
    .installation-options__overlay__title {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .installation-options__overlay__title {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

@media only screen and (max-width: 48.0525em) {
    .installation-options__overlay__title {
        margin-left:5.6rem;
        margin-right: 5.6rem
    }
}

.installation-options__overlay .installation-options__overlay__description {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .installation-options__overlay .installation-options__overlay__description {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .installation-options__overlay .installation-options__overlay__description {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (max-width: 48.0525em) {
    .installation-options__overlay .installation-options__overlay__description {
        margin:0 4.8rem 3.2rem
    }
}

.installation-options__overlay__loader {
    width: 5.6rem;
    height: 5.6rem
}

@media only screen and (min-width: 48.0625em) {
    .installation-options__overlay__loader {
        width:6.8rem;
        height: 6.8rem
    }
}

.installation-options__overlay__loader .page-loader__section__svg svg {
    height: 5.6rem!important
}

@media only screen and (min-width: 48.0625em) {
    .installation-options__overlay__loader .page-loader__section__svg svg {
        height:6.8rem!important
    }
}

.installation-options__overlay .overlay__mask {
    opacity: 1
}

.installation-options__overlay .overlay__section__content {
    overflow: visible
}

@media only screen and (min-width: 48.0625em) {
    .installation-options__overlay .overlay__section__content {
        max-width:61rem;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width: 48.0525em) {
    .migration-info {
        margin:0 1.6rem;
        text-align: center
    }
}

@media only screen and (min-width: 36em) {
    .migration-info .migration-info__title {
        margin-bottom:1.6rem
    }
}

.migration-info__description {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .migration-info__description {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .migration-info__description {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.modem-compatibility__content {
    align-items: center;
    margin: 4.8rem 2rem
}

@media only screen and (min-width: 48.0625em) {
    .modem-compatibility__content {
        margin:14rem 10rem
    }
}

.modem-compatibility__content-image {
    text-align: center;
    margin-bottom: 2.8rem
}

@media only screen and (min-width: 48.0625em) {
    .modem-compatibility__content-image {
        text-align:right;
        margin-bottom: 0
    }
}

.modem-compatibility__content-image img {
    height: 10.4rem
}

@media only screen and (min-width: 48.0625em) {
    .modem-compatibility__content-image img {
        height:17.2rem
    }
}

.modem-compatibility__content-desc {
    font-size: 1.8rem;
    line-height: 2.8rem;
    text-align: center
}

@media only screen and (min-width: 48.0625em) {
    .modem-compatibility__content-desc {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .modem-compatibility__content-desc {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .modem-compatibility__content-desc {
        text-align:unset
    }
}

.sales-cart-V2 {
    width: 100%;
    display: flex
}

.sales-cart-V2__left-hand-illustration {
    width: 27rem;
    display: none;
    justify-content: center;
    align-content: center;
    margin: 0 auto auto
}

@media only screen and (min-width: 36em) {
    .sales-cart-V2__left-hand-illustration {
        display:flex
    }
}

.sales-cart-V2__section {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .sales-cart-V2__section {
        width:57rem
    }
}

.sales-cart-V2__section__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem 3.2rem;
    margin: auto;
    border-radius: .5rem;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .sales-cart-V2__section__content {
        width:57rem;
        padding: 1rem 3.2rem
    }
}

.sales-cart-V2__section__content__title {
    padding: 2.5rem 0;
    color: #655c58
}

.sales-cart-V2__section__content__sub-title {
    color: #f7f6f6;
    font-weight: 500;
    line-height: 3.2rem
}

.sales-cart-V2__section__publish-number {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 2.4rem 3.2rem;
    margin: auto;
    background: #fff;
    color: #766f6b;
    border-top: .2rem solid #f7f6f6;
    border-radius: .2rem
}

@media only screen and (min-width: 36em) {
    .sales-cart-V2__section__publish-number {
        width:57rem;
        position: relative;
        top: 3rem;
        right: 3rem;
        padding: 2.4rem 3.2rem
    }
}

.sales-cart__title {
    margin-bottom: 2.4rem;
    padding: 2rem 2rem 0;
    margin-top: 0;
    align-items: baseline
}

@media only screen and (min-width: 48.0625em) {
    .sales-cart__title {
        padding:0;
        margin-bottom: 1.8rem;
        margin-top: 0
    }
}

.sales-cart__title__sub-heading {
    font-size: 2rem;
    margin-top: 0;
    margin-bottom: 2.4rem;
    color: #291d18;
    line-height: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 36em) {
    .sales-cart__title__sub-heading {
        font-size:2.4rem;
        margin-top: 1rem;
        margin-bottom: 0
    }
}

.sales-cart__title__heading {
    color: #999391;
    font-size: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    text-transform: none
}

.sales-cart__title__vat-label {
    justify-content: end;
    padding-right: 2rem
}

@media only screen and (min-width: 36em) {
    .sales-cart__title__vat-label {
        padding:0
    }
}

.sales-cart__section {
    margin-bottom: 3rem
}

@media only screen and (min-width: 48.0625em) {
    .sales-cart__section {
        margin-bottom:3rem;
        border-radius: 1rem
    }
}

.sales-cart__action {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 5rem;
    align-items: center;
    text-align: center;
    padding: 0 1rem
}

@media only screen and (min-width: 48.0625em) {
    .sales-cart__action {
        flex-direction:row;
        justify-content: space-between;
        text-align: left;
        padding: 0
    }
}

.sales-cart__action.sales-cart__delivery-review {
    justify-content: flex-end
}

.sales-cart__action .link {
    margin-bottom: 2.5rem;
    color: #999391
}

@media only screen and (min-width: 48.0625em) {
    .sales-cart__action .link {
        margin-bottom:0;
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .sales-cart__order-info__title .icon-status-errorfield {
        font-size:2rem
    }
}

.sales-cart__order-info__list {
    margin-left: 5.2rem
}

@media only screen and (max-width: 48.0525em) {
    .sales-cart__order-info__list {
        margin-left:4.6rem
    }
}

.sales-cart__order-info__list li {
    line-height: 1.8rem
}

.sales-cart__order-info__list.terms-contract {
    margin-left: 3.6rem;
    list-style-type: none
}

@media only screen and (max-width: 48.0525em) {
    .sales-cart__order-info__list.terms-contract {
        margin-left:3rem
    }
}

.sales-flow {
    width: 100%;
    padding: 0;
    margin: auto
}

@media only screen and (min-width: 36em) {
    .sales-flow {
        max-width:57.5rem
    }
}

.sales-flow__content {
    display: flex;
    flex-direction: column
}

.sales-flow__content__configuration {
    padding: 2rem;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .sales-flow__content__configuration {
        padding:.2rem 3.2rem 3.2rem
    }
}

.sales-flow__content__configuration .CheckboxSwitch {
    margin-top: .5rem
}

@media only screen and (min-width: 36em) {
    .sales-flow__content__configuration .CheckboxSwitch {
        margin-top:0
    }
}

.sales-flow__content__configuration__divider {
    margin-left: -2rem;
    margin-right: -2rem
}

@media only screen and (min-width: 36em) {
    .sales-flow__content__configuration__divider {
        margin-left:-3.2rem;
        margin-right: -3.2rem
    }
}

.sales-flow__content__configuration .notification.notification--warning .icon-alert:before {
    align-self: flex-start;
    color: #f7945c
}

.sales-flow__content__configuration__sim-desc {
    margin: 0 4.6rem
}

@media only screen and (min-width: 36em) {
    .sales-flow__content__configuration__sim-desc {
        margin:.8rem 6.4rem 0
    }
}

.sales-flow__content__configuration__action-button {
    margin: 0 2rem
}

@media only screen and (min-width: 36em) {
    .sales-flow__content__configuration__action-button {
        margin:0 3.2rem
    }
}

.sales-flow__content__delivery {
    display: flex;
    flex-direction: column
}

.sales-flow__content__delivery__section {
    border-radius: 0;
    background: #fff
}

.sales-flow__content__delivery__section .sales-display-info--delivery-address .sales-display-info__content__row__icon:before {
    vertical-align: baseline;
    margin-top: 0
}

.sales-flow__content__delivery .form-group {
    margin-bottom: 2rem
}

.sales-flow__content__delivery__action {
    flex-direction: column;
    padding: 0 1rem;
    justify-content: left
}

@media only screen and (min-width: 36em) {
    .sales-flow__content__delivery__action {
        flex-direction:row;
        padding: 0 3.2rem 1.2rem;
        justify-content: left
    }
}

.sales-flow .sales-flow__header {
    padding: 0 2rem .5rem 1rem;
    font-weight: 700
}

@media only screen and (min-width: 48.0625em) {
    .sales-flow .sales-flow__header {
        margin-top:0
    }
}

@media only screen and (min-width: 36em) {
    .sales-flow .sales-flow__header {
        padding:0 0 1.6rem;
        font-size: 1.8rem
    }
}

@media only screen and (min-width: 36em) {
    .change-my-plan-overview--checkoutbar-container {
        width:50%;
        margin: 0 auto
    }
}

.change-my-plan-overview--container {
    background-color: #fff;
    padding: 0 2rem
}

@media only screen and (min-width: 36em) {
    .change-my-plan-overview--container {
        padding:5rem 4rem 0
    }
}

.change-my-plan-overview--container .change-my-plan-overview--content .change-my-plan-overview--content__title {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .change-my-plan-overview--container .change-my-plan-overview--content .change-my-plan-overview--content__title {
        padding-top:5rem;
        padding-bottom: 3rem
    }
}

.change-my-plan-overview--container .change-my-plan-overview--content .change-my-plan-overview--content__paragraph {
    line-height: 2rem
}

.change-my-plan-overview--container .change-my-plan-overview--content .change-my-plan-overview--content__paragraph .current-plan-label {
    color: #766f6b
}

.plan-notification.background-white .plan-notification__item {
    padding: 2rem 4rem
}

.plan-notification.background-white .plan-notification__item.plan-notification-footer__item:last-child {
    padding-bottom: .5rem
}

.plan-notification.background-white .plan-notification__item .plan-notification__toggle-details {
    padding-top: 1.7rem
}

.plan-notification.background-white .plan-notification__item .plan-notification__summary-item__details {
    margin-bottom: 0
}

.eligible-products--container.new-line {
    margin: 0 -2rem
}

@media only screen and (min-width: 36em) {
    .eligible-products--container.new-line {
        margin:0
    }
}

.eligible-products--container .plan-notification.background-white .plan-notification__item {
    padding: 2rem 2rem 0;
    border-bottom: 0
}

@media only screen and (min-width: 36em) {
    .eligible-products--container .plan-notification.background-white .plan-notification__item {
        padding:2rem 4rem;
        border-bottom: .1rem solid #766f6b
    }
}

.eligible-products--container .plan-notification.background-white .plan-notification__item:last-child {
    border-bottom: 0;
    padding-bottom: 3rem
}

.eligible-products--container .plan-notification.background-white .plan-notification__item:first-child .plan-notification__summary {
    border-top: 0
}

.eligible-products--container .plan-notification.background-white .plan-notification__item .plan-notification__toggle-details {
    margin-right: 1rem;
    padding-top: .7rem;
    order: 0
}

@media only screen and (min-width: 36em) {
    .eligible-products--container .plan-notification.background-white .plan-notification__item .plan-notification__toggle-details {
        padding-top:1.5rem
    }
}

.eligible-products--container .plan-notification.background-white .plan-notification__item .plan-notification__summary {
    padding-top: 1rem;
    border-top: .1rem solid #f7945c
}

@media only screen and (min-width: 36em) {
    .eligible-products--container .plan-notification.background-white .plan-notification__item .plan-notification__summary {
        padding-top:0;
        border-top: 0
    }
}

@media only screen and (min-width: 36em) {
    .eligible-products--container .plan-notification.background-white .plan-notification__item .plan-notification__summary-item .plan-notification__action--not-possible,.eligible-products--container .plan-notification.background-white .plan-notification__item .plan-notification__summary-item .plan-notification__action--selected {
        top:1rem;
        position: relative
    }
}

.eligible-products--container .plan-notification.background-white .plan-notification__item .plan-notification__summary-item:last-child {
    padding-top: 2rem;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .eligible-products--container .plan-notification.background-white .plan-notification__item .plan-notification__summary-item:last-child {
        flex:1;
        text-align: right;
        padding-top: 0
    }
}

.eligible-products--container .plan-notification.background-white .plan-notification__item .plan-notification__summary-item__details .plan-notification__title {
    font-size: 1.6rem
}

@media only screen and (min-width: 36em) {
    .eligible-products--container .plan-notification.background-white .plan-notification__item .plan-notification__summary-item__details .plan-notification__title {
        font-size:2rem
    }
}

.mandatory-info {
    justify-content: center
}

.mandatory-info .mandatory-checkout {
    padding: 3rem 4rem
}

.mandatory-info .mandatory-checkout .subtext-bold {
    font-weight: 500;
    margin-bottom: 1rem
}

.shell {
    margin-top: -2rem
}

.shell span {
    position: relative;
    top: 3.5rem;
    left: 1.3rem;
    pointer-events: none;
    z-index: 1;
    opacity: .5
}

.shell span i {
    color: transparent;
    opacity: 0;
    visibility: hidden;
    font-style: normal
}

.errorContent {
    color: #fff
}

.errorContent,.errorContent__type {
    display: flex;
    justify-content: center
}

.errorContent__type {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.2rem
}

.errorContent__description {
    display: flex;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.4rem;
    justify-content: center
}

.errorContent__link {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem
}

.errorContent__icon {
    display: flex;
    justify-content: center;
    font-size: xx-large
}

.errorContent__iconBottom {
    display: flex;
    justify-content: center;
    margin-bottom: 6.5rem
}

.new-subscription-plan .plan-notification {
    margin: 0 -3rem
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification {
        margin:0
    }
}

.new-subscription-plan .plan-notification :not(.plan-notification__summary-item)+.plan-notification__summary-item {
    flex: 3
}

.new-subscription-plan .plan-notification .product-item:last-child {
    padding-bottom: 1rem
}

.new-subscription-plan .plan-notification .product-item:last-child .plan-notification__item {
    border-bottom: 0
}

.new-subscription-plan .plan-notification .product-item:first-child {
    padding-top: 1rem
}

.new-subscription-plan .plan-notification .plan-notification__item {
    padding: 2rem 3rem;
    border-bottom: .1rem solid #eeeded
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification .plan-notification__item {
        padding:2rem 4rem 1rem
    }
}

.new-subscription-plan .plan-notification .plan-notification__item .plan-options__content {
    display: flex;
    flex-wrap: wrap;
    padding: 2rem;
    background: #fac7ba
}

.new-subscription-plan .plan-notification .plan-notification__item .plan-options__details {
    width: 55%
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification .plan-notification__item .plan-options__details {
        width:70%
    }
}

.new-subscription-plan .plan-notification .plan-notification__summary-item:last-child {
    text-align: left;
    padding-top: 2rem
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification .plan-notification__summary-item:last-child {
        text-align:right;
        padding-top: .5rem
    }
}

.new-subscription-plan .plan-notification .plan-notification__details {
    padding: 0;
    background-color: #fff;
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification .plan-notification__details {
        margin-left:2rem
    }
}

.new-subscription-plan .plan-notification .plan-notification__details .responsivegrid {
    width: 100%
}

.new-subscription-plan .plan-notification .plan-notification__details .product-item-row {
    border-bottom: .1rem solid #eeeded;
    width: 100%
}

.new-subscription-plan .plan-notification .plan-notification__details .product-item-row:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.new-subscription-plan .plan-notification .plan-notification__details .product-item-row:last-child .details-icon-container {
    padding-bottom: 0
}

.new-subscription-plan .plan-notification .details-icon-container {
    box-sizing: inherit;
    width: 100%;
    margin: 0;
    padding: 2rem 0
}

.new-subscription-plan .plan-notification .details-icon-container .details-subcontainer-section:first-child {
    min-width: 3.2rem
}

.new-subscription-plan .plan-notification .details-text-container {
    box-sizing: inherit;
    width: 100%;
    margin: 0;
    padding: 2rem 0
}

.new-subscription-plan .plan-notification .details-text-container .details-subcontainer-section:first-child {
    flex: 2.8
}

.new-subscription-plan .plan-notification .details-text-container .details-subcontainer-section:last-child {
    flex: 1;
    justify-content: left
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification .details-text-container .details-subcontainer-section:last-child {
        justify-content:flex-end
    }
}

.new-subscription-plan .plan-notification .details-text-container .details-subcontainer-section:last-child div {
    text-align: left
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification .details-text-container .details-subcontainer-section:last-child div {
        text-align:center
    }
}

.new-subscription-plan .plan-notification .details-subcontainer {
    font-size: 1.6rem;
    line-height: 2.4rem;
    display: block
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification .details-subcontainer {
        display:flex;
        align-items: center
    }
}

.new-subscription-plan .plan-notification .details-subcontainer .align-middle {
    display: flex;
    align-items: flex-end
}

.new-subscription-plan .plan-notification .details-subcontainer .new-subscription-plan__icon {
    margin-top: 1rem;
    font-size: 3rem
}

.new-subscription-plan .plan-notification .details-subcontainer .icon-four-g {
    padding-top: .5rem;
    color: #fff;
    background-color: #ffc421;
    width: 3.1rem
}

.new-subscription-plan .plan-notification .details-subcontainer .icon-mobile,.new-subscription-plan .plan-notification .details-subcontainer .icon-options,.new-subscription-plan .plan-notification .details-subcontainer .icon-text,.new-subscription-plan .plan-notification .details-subcontainer .icon-usp2 {
    color: #ffc421;
    background-color: #fff
}

.new-subscription-plan .plan-notification .details-subcontainer .new-subscription-plan__title {
    color: #291d18
}

.new-subscription-plan .plan-notification .details-subcontainer .font-bold {
    font-weight: 600
}

.new-subscription-plan .plan-notification .details-subcontainer .font-small {
    font-size: 1.4rem
}

.new-subscription-plan .plan-notification .details-subcontainer .new-subscription-plan__subtitle {
    color: #eeeded
}

.new-subscription-plan .plan-notification .details-subcontainer:last-child .details-subcontainer-section:last-child {
    flex: 1;
    justify-content: left;
    margin-top: 1rem
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification .details-subcontainer:last-child .details-subcontainer-section:last-child {
        justify-content:flex-end;
        margin-top: 0
    }
}

.new-subscription-plan .plan-notification .details-subcontainer:last-child .details-subcontainer-section:last-child div {
    text-align: left
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification .details-subcontainer:last-child .details-subcontainer-section:last-child div {
        text-align:center
    }
}

.new-subscription-plan .plan-notification .details-subcontainer:last-child .details-subcontainer-section:last-child .width--full {
    display: flex;
    justify-content: left
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification .details-subcontainer:last-child .details-subcontainer-section:last-child .width--full {
        justify-content:flex-end
    }
}

.new-subscription-plan .plan-notification .details-icon-container .text-indent,.new-subscription-plan .plan-notification .details-icon-container .text-indent.sub-section {
    margin-left: 3rem
}

@media only screen and (min-width: 36em) {
    .new-subscription-plan .plan-notification .details-icon-container .text-indent.sub-section {
        margin-left:-1rem
    }
}

.delivery-address {
    width: 100%;
    padding: 2rem 4rem;
    margin: auto
}

@media only screen and (min-width: 36em) {
    .delivery-address {
        padding:5rem 4rem
    }
}

.delivery-address .Title .Title-heading {
    color: #291d18
}

.delivery-address .Form {
    padding: 3rem 0 0
}

@media only screen and (min-width: 48.0625em) {
    .delivery-address .Form {
        padding:3rem 0
    }
}

.delivery-address .form-group {
    margin-bottom: 2rem
}

.delivery-address .FormGroup__label span {
    white-space: nowrap
}

.tarrif-selection .change-plan-footer {
    background: #eeeded
}

.tarrif-selection .eligible-products--container .header-group {
    border-bottom: .1rem solid #eeeded
}

.tarrif-selection .eligible-products--container .header-group .sub-heading {
    font-weight: 500
}

.tarrif-selection .eligible-products--container .plan-notification .plan-notification__item {
    padding: 2rem 2rem 0
}

@media only screen and (min-width: 36em) {
    .tarrif-selection .eligible-products--container .plan-notification .plan-notification__item {
        padding:2rem 4rem
    }
}

.sales-review {
    padding: 3rem 2rem 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
    background-color: #fff
}

@media only screen and (min-width: 48.0625em) {
    .sales-review {
        padding:3rem 4rem;
        margin-left: 0;
        margin-right: 0
    }
}

.sales-review.order-confirmation {
    padding: 0 2rem
}

@media only screen and (min-width: 48.0625em) {
    .sales-review.order-confirmation {
        padding:0
    }
}

.sales-review.order-confirmation li.sales-review-overview__item:last-of-type {
    margin-bottom: 0
}

.sales-review__header-group {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    margin-top: 2rem
}

.sales-review__header {
    margin-bottom: 0
}

.sales-review__header-icon {
    color: #add1a6;
    margin-right: 1rem
}

.sales-review__offer-name {
    margin-bottom: 3rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2rem;
    line-height: 2.4rem
}

.sales-review__offer-name--grey {
    color: #f7945c
}

.sales-review__offer-name .new-number-label {
    font-size: 1.2rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 600
}

.sales-review__switch-offer {
    font-size: 1.2rem
}

.sales-review .sales-review-overview {
    margin-top: 1rem;
    padding-bottom: 0;
    list-style: none
}

.sales-review .sales-review-overview hr {
    margin: 3rem 0;
    border-top: .1rem solid #291d18
}

.sales-review .sales-review-overview__item,.sales-review .sales-review-overview__nested__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    line-height: 1
}

.sales-review .sales-review-overview__item span:first-child,.sales-review .sales-review-overview__nested__item span:first-child {
    width: 70%
}

.sales-review .sales-review-overview__item.strikethrough-title span,.sales-review .strikethrough-title.sales-review-overview__nested__item span {
    color: #291d18
}

.sales-review .sales-review-overview__item--include {
    display: flex;
    flex-wrap: wrap
}

.sales-review .sales-review-overview__title {
    color: #ffc421;
    font-size: 1.6rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.sales-review .sales-review-overview__sub-title {
    font-weight: 500;
    color: #ffc421;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.sales-review .sales-review-overview__delivery-title {
    font-size: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.sales-review .sales-review-overview__discount {
    width: 100%;
    padding-top: 1rem
}

.sales-review .sales-review-overview__discount-title {
    padding-left: 1rem;
    color: #ffc421;
    font-weight: 500
}

.sales-review .sales-review-overview__discount-price {
    margin-left: auto;
    float: right;
    font-weight: 500;
    color: #291d18
}

.sales-review .sales-review-overview__discount-price,.sales-review .sales-review-overview__title-summary {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.sales-review .sales-review-overview__price {
    font-weight: 500;
    color: #291d18
}

.sales-review .sales-review-overview__price,.sales-review .sales-review-overview__price-summary {
    margin-left: auto;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.sales-review .sales-review-overview__nested {
    flex-grow: 1;
    list-style: none
}

.sales-review .sales-review-overview__nested__item:last-of-type {
    margin-bottom: 0
}

.sales-review__vat {
    padding-bottom: 2rem
}

.sales-review__vat-info {
    font-size: 1.6rem
}

.sticky-order-footer {
    width: auto;
    position: fixed;
    z-index: 1001;
    bottom: 0;
    right: 2rem;
    margin: 0 -2rem;
    font-size: 1.2rem;
    box-shadow: none
}

@media only screen and (min-width: 48.0625em) {
    .sticky-order-footer {
        display:none
    }
}

.sticky-order-footer--container {
    align-items: center
}

.sticky-order-footer--container span a {
    display: inline
}

.hide-section {
    display: none
}

.account-usage-overview .title-top {
    position: fixed;
    top: 0;
    left: 0;
    height: 18rem;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    border-bottom: .1rem solid #f7f6f6;
    background-color: #fff;
    z-index: 100
}

@media only screen and (min-width: 36em) {
    .account-usage-overview .title-top {
        height:20rem
    }
}

.account-usage-overview .title-top .icon-section {
    position: absolute;
    top: 2rem;
    left: 1.6rem
}

@media only screen and (min-width: 36em) {
    .account-usage-overview .title-top .icon-section {
        left:3.2rem
    }
}

.account-usage-overview .title-top .icon-section .desc {
    margin-left: .4rem;
    font-size: 1.5rem;
    font-weight: 900
}

@media only screen and (min-width: 36em) {
    .account-usage-overview .title-top .icon-section .desc {
        margin-left:1.6rem;
        font-size: 1.8rem
    }
}

.account-usage-overview .title-top .icon-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    cursor: pointer
}

.account-usage-overview .title-top .section-title {
    display: flex;
    justify-content: center;
    margin: 0 2.6rem 3.2rem;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 3.7rem
}

@media only screen and (min-width: 36em) {
    .account-usage-overview .title-top .section-title {
        font-size:3.2rem;
        margin: 0 0 3.2rem
    }
}

.account-usage-overview .section {
    width: 100%;
    margin: 19rem auto 9rem;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width: 36em) {
    .account-usage-overview .section {
        width:60%;
        margin: 21rem auto 14rem;
        padding-left: 5rem
    }
}

.account-usage-overview .section .plans-container {
    width: 100%;
    margin: 0 1.2rem
}

@media only screen and (min-width: 36em) {
    .account-usage-overview .section .plans-container {
        width:auto;
        margin: 0
    }
}

.account-usage-overview .section .plans-container:nth-child(odd) {
    margin-right: 1.2rem
}

@media only screen and (min-width: 36em) {
    .account-usage-overview .section .plans-container:nth-child(odd) {
        margin-right:2rem
    }
}

.account-usage-overview .section .plans-container .options-button {
    width: 26.8rem;
    height: 4rem;
    margin-top: 1.6rem;
    font-size: 1.5rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.account-usage-overview .section .plans-container .options-button.currently-taken {
    color: #fff;
    background-color: #ffc421
}

.account-usage-overview .section .plans-container .options-button.previously-added {
    font-weight: 900;
    color: #291d18;
    background-color: #f7f6f6;
    cursor: default
}

.account-usage-overview .section .plans-container .options-button .icon-tick:before {
    font-size: 1.2rem;
    position: relative;
    left: .9rem;
    top: 1rem
}

.account-usage-overview .section .plans-container .options-button .icon-plus:before {
    position: relative;
    left: .9rem;
    top: 1.2rem
}

.account-usage-overview .section .plans-container .options-button .separator {
    height: 4rem
}

.bundle-usage-reminders .invoices-overview__generic-selector {
    display: block;
    padding-bottom: .8rem
}

@media only screen and (min-width: 36em) {
    .bundle-usage-reminders .invoices-overview__generic-selector {
        display:flex;
        padding-bottom: 1.6rem
    }
}

.bundle-usage-reminders .title {
    font-size: 2rem;
    line-height: 2.3rem;
    font-weight: 500;
    padding-bottom: 2.4rem
}

.bundle-usage-reminders .usage-section {
    background: #fff;
    box-sizing: border-box;
    border-radius: .5rem
}

.bundle-usage-reminders .usage-section .section-subheading {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 500
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section .section-subheading {
        font-size:1.8rem;
        line-height: 2.4
    }
}

.bundle-usage-reminders .usage-section .section-heading {
    font-size: 2rem;
    line-height: 1;
    font-weight: 900
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section .section-heading {
        font-size:2.4rem
    }
}

.bundle-usage-reminders .usage-section .disclaimer {
    font-size: 1.5rem;
    line-height: 2;
    padding: .1rem 0 .8rem
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section .disclaimer {
        padding:0
    }
}

@media only screen and (min-width: 20em) {
    .bundle-usage-reminders .usage-section {
        padding:3.2rem 1rem
    }
}

@media only screen and (min-width: 36em) {
    .bundle-usage-reminders .usage-section {
        padding:2.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section {
        padding:3.2rem
    }
}

.bundle-usage-reminders .usage-section--out-of-bundle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--out-of-bundle {
        padding-bottom:0
    }
}

.bundle-usage-reminders .usage-section--notification {
    display: flex;
    flex-direction: column;
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--notification {
        flex-direction:row;
        justify-content: space-between;
        padding-bottom: 3.2rem
    }
}

.bundle-usage-reminders .usage-section--notification .notification-text {
    padding-bottom: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--notification .notification-text {
        padding-bottom:0
    }
}

.bundle-usage-reminders .usage-section--notification .threshold-section {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    line-height: 2;
    font-weight: 900
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--notification .threshold-section {
        flex-direction:row;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit
    }
}

.bundle-usage-reminders .usage-section--notification .threshold-section .threshold-form {
    display: flex;
    font-size: 1.8rem;
    line-height: 2.4;
    font-weight: 500
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--notification .threshold-section .threshold-form {
        font-size:inherit;
        line-height: inherit;
        font-weight: inherit
    }
}

.bundle-usage-reminders .usage-section--notification .threshold-section .threshold-form .currency-symbol {
    padding: 0 1rem 0 0;
    color: #bab6b5
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--notification .threshold-section .threshold-form .currency-symbol {
        padding:0 1rem
    }
}

.bundle-usage-reminders .usage-section--notification .threshold-section .threshold-form--value {
    padding-top: .9rem
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--notification .threshold-section .threshold-form--value {
        padding-top:1rem
    }
}

.bundle-usage-reminders .usage-section--notification .threshold-section .threshold-form ::-moz-placeholder {
    color: #eeeded
}

.bundle-usage-reminders .usage-section--notification .threshold-section .threshold-form :-ms-input-placeholder {
    color: #eeeded
}

.bundle-usage-reminders .usage-section--notification .threshold-section .threshold-form ::placeholder {
    color: #eeeded
}

.bundle-usage-reminders .usage-section--notification .threshold-section.hide-threshold {
    display: none
}

.bundle-usage-reminders .usage-section--notification .threshold-section .formErrorInput {
    padding-left: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--notification .threshold-section .formErrorInput {
        padding-left:3rem
    }
}

.bundle-usage-reminders .usage-section--group-bundle .bundle-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--group-bundle .bundle-section {
        flex-direction:row;
        justify-content: space-between;
        align-items: center;
        padding-top: 3.2rem
    }
}

.bundle-usage-reminders .usage-section--group-bundle .bundle-subsection {
    padding-bottom: 3.2rem
}

.bundle-usage-reminders .usage-section--group-bundle .actions {
    display: flex;
    flex-direction: column;
    align-items: inherit
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--group-bundle .actions {
        flex-direction:row;
        justify-content: flex-end;
        align-items: center
    }
}

.bundle-usage-reminders .usage-section--group-bundle .actions .change-text {
    order: 1;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: 500;
    color: #bab6b5;
    margin-right: 0
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--group-bundle .actions .change-text {
        order:0;
        margin-right: 3rem;
        text-align: center
    }
}

.bundle-usage-reminders .usage-section--group-bundle .actions .save-btn {
    order: 0;
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .bundle-usage-reminders .usage-section--group-bundle .actions .save-btn {
        order:1;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 36em) {
    .bundle-usage {
        padding:0 13rem
    }
}

.bundle-usage .account-selector {
    width: auto;
    margin: 3.2rem 0;
    background-color: #fff
}

@media only screen and (min-width: 36em) {
    .bundle-usage .account-selector {
        width:36%
    }
}

.bundle-usage--remove {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    z-index: 9999;
    overflow: auto
}

@media only screen and (min-width: 36em) {
    .bundle-usage--remove {
        padding:0
    }
}

.bundle-usage--remove .img-content {
    margin-top: 6rem
}

@media only screen and (min-width: 36em) {
    .bundle-usage--remove .img-content {
        margin-top:5rem
    }
}

.bundle-usage--remove--question {
    margin: 2.6rem 0 .8rem;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 2.8rem;
    text-align: center;
    color: #c95942;
    cursor: default
}

@media only screen and (min-width: 36em) {
    .bundle-usage--remove--question {
        width:52rem;
        margin: 3.2rem 0 .8rem;
        font-size: 3.2rem;
        line-height: 3.7rem
    }
}

.bundle-usage--remove--statement {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-align: center
}

.bundle-usage--remove--button-container {
    width: 90%;
    display: flex;
    flex-direction: column-reverse;
    margin: 3.2rem 0
}

@media only screen and (min-width: 36em) {
    .bundle-usage--remove--button-container {
        width:auto;
        flex-direction: row
    }
}

.bundle-usage--remove--button-container .button--tertiary {
    margin-top: .8rem
}

@media only screen and (min-width: 36em) {
    .bundle-usage--remove--button-container .button--tertiary {
        margin-top:0;
        margin-right: 2rem
    }
}

.bundle-usage .bg-blur {
    filter: blur(1.5rem);
    -webkit-filter: blur(1.5rem);
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.bundle-usage__content {
    display: flex;
    flex-direction: column;
    padding-top: 0
}

@media only screen and (min-width: 36em) {
    .bundle-usage__content {
        padding-top:5.7rem
    }
}

.bundle-usage__content__info {
    display: none;
    margin-bottom: 1rem;
    font-size: 1.4rem
}

@media only screen and (min-width: 36em) {
    .bundle-usage__content__info {
        display:block
    }
}

.bundle-usage__content__cards {
    display: flex;
    flex-direction: row;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .bundle-usage__content__cards {
        flex-wrap:wrap;
        flex-direction: row
    }
}

@media only screen and (-ms-high-contrast:active) and (min-width: 40.625em),only screen and (-ms-high-contrast:none) and (min-width:40.625em) {
    .cards--add-new .icon-plus:before {
        left:-.3rem
    }
}

.slick-dots {
    position: absolute;
    bottom: -4.5rem;
    display: block;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 .5rem;
    padding: 0;
    height: 2rem;
    width: 2rem
}

.slick-dots li a,.slick-dots li button {
    border-radius: 50%;
    box-shadow: none;
    display: block;
    padding: .5rem;
    height: .8rem;
    width: .8rem;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    border: none;
    background: #eeeded
}

.slick-dots li a:before,.slick-dots li button:before {
    content: "";
    font-family: slick;
    font-size: .6rem;
    line-height: 2;
    color: #766f6b;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active a:before {
    opacity: .75
}

.slick-dots li.slick-active button {
    background: #bab6b5
}

.slick-next,.slick-prev {
    position: absolute;
    display: block;
    height: 2rem;
    width: 2rem;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -1rem;
    padding: 0;
    border: none
}

.slick-next:focus,.slick-prev:focus {
    outline: none
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-family: slick;
    font-size: 2rem;
    line-height: 1;
    color: #fff;
    opacity: .85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -2.5rem
}

.slick-next {
    right: -2.5rem
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .bundle-usage .bg-blur {
        opacity: .04
    }
}

.mobile-overview-usage.content-section .selector-list__content__badge-section {
    margin-top: -.5rem
}

.mobile-overview-usage__usage-section {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    margin-bottom: .4rem;
    text-align: center;
    cursor: default
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__usage-section {
        justify-content:space-between;
        flex-direction: row;
        margin-top: 0;
        text-align: inherit
    }
}

.mobile-overview-usage__usage-section .usage-section__title-section {
    width: 28rem;
    margin: auto;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__usage-section .usage-section__title-section {
        width:33rem;
        margin: unset
    }
}

.mobile-overview-usage__usage-section .usage-section__title-section .title-section__tariff {
    margin-bottom: .4rem;
    line-height: 2.4rem
}

.mobile-overview-usage__usage-section .usage-section__title-section .title-section__roaming {
    margin-bottom: 2.4rem;
    line-height: 2.8rem
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__usage-section .usage-section__title-section .title-section__roaming {
        margin-bottom:0;
        font-size: 2.4rem
    }
}

.mobile-overview-usage__usage-section .usage-section__subtitle-section {
    display: flex;
    flex-direction: column;
    line-height: 1.6rem
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__usage-section .usage-section__subtitle-section {
        font-size:1.4rem;
        line-height: 3.2rem
    }
}

.mobile-overview-usage__content {
    display: flex;
    flex-direction: column;
    padding-top: 0
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__content {
        padding-top:5.7rem
    }
}

.mobile-overview-usage__content__wave-section {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__content__wave-section {
        flex-wrap:wrap;
        flex-direction: row
    }
}

.mobile-overview-usage__content__wave-section .wave-section__wave {
    padding-right: 3rem
}

.mobile-overview-usage__content__wave-section .wave-section__wave .circle-wave {
    margin: 2.4rem auto;
    z-index: 0
}

.mobile-overview-usage__content__wave-section .wave-section__wave:last-child {
    padding-right: 0
}

.mobile-overview-usage__content__wave-section .icon-data-mobile-usage:before {
    vertical-align: baseline
}

.mobile-overview-usage__content__wave-section .slick-dots {
    bottom: -1.5rem
}

.mobile-overview-usage__content__note {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__content__note {
        margin-top:0;
        margin-bottom: 3.2rem;
        text-align: right
    }
}

.mobile-overview-usage__content__paused-section {
    margin: 2.4rem 0;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__content__paused-section {
        margin:0
    }
}

.mobile-overview-usage__content__paused-section__pause-note {
    width: 20rem;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 2rem
}

.mobile-overview-usage__content__paused-section button {
    margin: 0 auto 1.6rem
}

.mobile-overview-usage__consumption-part .consumption-part__consumption-section .consumption-section__consumption-field {
    border-bottom-color: #f7f6f6
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__consumption-part .consumption-part__consumption-section .consumption-section__consumption-field .consumption-field__plan {
        font-weight:500
    }
}

.mobile-overview-usage__cost-section {
    padding: 0 0 2.4rem
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__cost-section {
        padding:0
    }
}

.mobile-overview-usage__cost-section .cost-section__cost-description {
    padding: .4rem 0 0
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__cost-section .cost-section__cost-description {
        padding:0 0 3.2rem
    }
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage__cost-section .cost-section__cost-field .cost-field__cost-area {
        font-size:2rem;
        line-height: 2.4rem
    }
}

.mobile-overview-usage hr {
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

@media only screen and (min-width: 36em) {
    .mobile-overview-usage hr {
        margin-left:-3.2rem;
        margin-right: -3.2rem
    }
}

.mobile-overview-usage .select-dropdown-section .select-dropdown:focus {
    border: .1rem solid #291d18
}

.create-fleet-line .title {
    font-size: 3.2rem;
    text-align: center;
    margin-bottom: 3.2rem
}

.create-fleet-line .tariff-plans-section-md {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .tariff-plans-section-md {
        display:flex
    }
}

.create-fleet-line .tariff-plans-section-sm {
    display: flex
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .tariff-plans-section-sm {
        display:none
    }
}

.create-fleet-line__reserved-button {
    margin-bottom: 5rem
}

@media only screen and (min-width: 36em) {
    .create-fleet-line__reserved-button {
        margin-bottom:9rem
    }
}

.create-fleet-line__review-section {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0 auto auto 0
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__review-section {
        margin:0 auto auto 1rem
    }
}

.create-fleet-line__review-section--line-details {
    margin: 4rem 0 2.4rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #291d18
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__review-section--line-details {
        margin:6rem 0 2.4rem
    }
}

.create-fleet-line__review-section .icons-circle {
    position: fixed;
    bottom: 9rem;
    right: 3rem;
    cursor: pointer
}

@media only screen and (min-width: 36em) {
    .create-fleet-line__review-section .icons-circle {
        right:5rem
    }
}

.create-fleet-line__review-section .icons-circle .arrow--down {
    right: 1.6rem;
    bottom: .3rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__review-section--button-container {
        display:flex;
        justify-content: flex-end;
        margin: 1.6rem 0 1.6rem 1.6rem
    }
}

.create-fleet-line__review-section--profile-details {
    margin-top: 1.6rem;
    margin-bottom: 2.4rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #291d18
}

.create-fleet-line__review-section .content-section {
    margin-top: 0!important
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__review-section .content-section {
        width:55rem;
        margin-bottom: 2.4rem
    }
}

.create-fleet-line__review-section .content-section__header .header-icon {
    padding-top: 0
}

.create-fleet-line__review-section .content-section__header .header-icon:before {
    margin-top: 1rem
}

.create-fleet-line__review-section .content-section__sub-sections {
    display: flex;
    flex-direction: column;
    font-size: 2rem;
    font-weight: 900;
    padding: 2.4rem 2rem;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__review-section .content-section__sub-sections {
        padding:3.2rem 0 2rem 3.2rem
    }
}

.create-fleet-line__review-section .content-section__sub-sections--details {
    font-size: 2rem;
    font-weight: 900;
    color: #291d18
}

.create-fleet-line__review-section .content-section__sub-sections--option-list {
    font-size: 1.8rem;
    font-weight: 500
}

.create-fleet-line__review-section .content-section__sub-sections--option-list p {
    margin-bottom: .6rem
}

.create-fleet-line__review-section .content-section__options-number {
    padding: 2.4rem 2rem;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__review-section .content-section__options-number {
        padding:3.2rem 0 2rem 3.2rem
    }
}

.create-fleet-line__review-section .content-section__options-number--option-values {
    font-size: 1.8rem;
    font-weight: 500;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif
}

.create-fleet-line__review-section .content-section__options-number--value-number {
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 0;
    color: #291d18
}

.create-fleet-line__review-section .content-section__phone-detail {
    border-bottom: .1rem solid #f7f6f6;
    padding: 0 0 1rem 3.2rem
}

.create-fleet-line__review-section .content-section__phone-number {
    display: flex;
    font-size: 2rem;
    font-weight: 900;
    padding: 4rem 0 0 3.2rem;
    line-height: .7rem
}

.create-fleet-line__review-section .content-section__phone-number--number {
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 900;
    color: #291d18
}

.create-fleet-line__review-section .content-section__header {
    border-bottom: 1rem;
    padding: 2.4rem 2rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__review-section .content-section__header {
        padding:3.2rem
    }
}

.create-fleet-line__review-section .content-section .title-label {
    font-size: 2rem
}

.create-fleet-line__review-section .content-section__detail-container {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__review-section .content-section__detail-container {
        flex-direction:row;
        border-bottom: .1rem solid #f7f6f6
    }
}

.create-fleet-line__review-section .content-section__detail-container .detail-container__required-details {
    border-bottom: .1rem solid #f7f6f6;
    padding: 2.4rem 0 2.4rem 2rem;
    color: #291d18;
    cursor: default
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__review-section .content-section__detail-container .detail-container__required-details {
        border-bottom:none;
        padding: 1.8rem 0 1.8rem 3.2rem;
        width: 18rem
    }
}

.create-fleet-line__review-section .content-section__detail-container .detail-container__required-details--title-text {
    font-size: 1.4rem;
    font-weight: 900;
    text-transform: uppercase
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__review-section .content-section__detail-container .detail-container__required-details--title-text {
        font-size:1.5rem
    }
}

.create-fleet-line__review-section .content-section__detail-container .detail-container__required-details--title-subtext {
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: capitalize
}

.create-fleet-line__review-section .content-section__detail-container .detail-container__required-details--title-subtext--email {
    text-transform: none
}

.create-fleet-line__review-section .content-section__detail-container .detail-container__address-details {
    padding: 2.4rem 2rem;
    color: #291d18;
    cursor: default
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__review-section .content-section__detail-container .detail-container__address-details {
        padding:1.8rem 0 3.6rem 3.2rem
    }
}

.create-fleet-line__review-section .content-section__detail-container .detail-container__address-details--title-text {
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase
}

.create-fleet-line__review-section .content-section__detail-container .detail-container__address-details--title-subtext {
    font-size: 1.8rem;
    font-weight: 500
}

.create-fleet-line__submit-section {
    padding-bottom: 10rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__submit-section {
        position:absolute;
        left: 43%
    }
}

.create-fleet-line__enter-txt {
    margin: 3.2rem 0;
    font-size: 2rem;
    text-align: center
}

.create-fleet-line .replace-sim {
    width: auto;
    margin: 3.2rem 1rem 3.2rem 1.4rem;
    display: flex;
    padding: 0
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .replace-sim {
        margin:3.2rem 0;
        position: absolute;
        left: 54%
    }
}

.create-fleet-line .replace-sim p {
    width: 1.2rem;
    padding-top: 1.2rem
}

.create-fleet-line .step-tracker__toggle {
    position: absolute;
    top: 3.2rem;
    right: 1.6rem;
    cursor: pointer
}

.create-fleet-line .step-tracker-section {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 42.2rem;
    height: 100%;
    background: #fff;
    z-index: 1002;
    transform: translateX(-100%);
    transition: all .4s ease
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .step-tracker-section {
        display:block
    }
}

.create-fleet-line .step-tracker-section.open {
    display: none;
    transform: translateX(0)
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .step-tracker-section.open {
        display:block
    }
}

.create-fleet-line .step-tracker-section.open~.title-top {
    padding-left: 42.2rem;
    transition: all .4s ease
}

.create-fleet-line__content {
    height: auto;
    margin-right: .2rem;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__content {
        margin-left:6rem;
        margin-right: 0
    }
}

.create-fleet-line__content::-webkit-scrollbar {
    width: 0
}

.create-fleet-line__content .select2-container {
    width: 100%
}

.create-fleet-line__content .activate-sim {
    margin: 0;
    padding: 0
}

.create-fleet-line__content .activate-sim__container {
    margin: 4rem 0 10rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__content .activate-sim__container {
        position:absolute;
        left: 50%;
        margin: 0
    }
}

.create-fleet-line__content .activate-sim__container--choose-date {
    margin: auto;
    padding: 0 2rem;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__content .activate-sim__container--choose-date {
        flex-direction:row
    }
}

.create-fleet-line__content .content-section {
    margin-top: 4.2rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__content .content-section {
        margin-top:0
    }
}

.create-fleet-line__content .content-section .create-fleet-line .replace-sim .sim-input .icon-help {
    font-weight: 600
}

.create-fleet-line__content .content-section .create-fleet-line .replace-sim .sim-input .icon-help:before {
    position: relative;
    top: .5rem;
    right: 2.5rem
}

.create-fleet-line__content .content-section .create-fleet-line .replace-sim .sim-card-image-container {
    position: relative;
    top: 5.5%;
    right: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__content .content-section .create-fleet-line .replace-sim .sim-card-image-container {
        top:0;
        right: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__content .content-section .create-fleet-line .replace-sim .sim-card-image-container .sim-card__show {
        top:-1.3rem;
        right: -1.5rem
    }
}

.create-fleet-line .warning-section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 1.6rem;
    text-align: center;
    background: #fff;
    z-index: 1003
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .warning-section {
        align-items:center;
        padding: 0
    }
}

.create-fleet-line .warning-section__header {
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.4rem;
    line-height: 1.2;
    color: #c95942;
    margin-bottom: .8rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .warning-section__header {
        font-size:3.2rem
    }
}

.create-fleet-line .warning-section__description {
    font-size: 1.8rem;
    line-height: 1.4;
    color: #291d18;
    margin-bottom: 3.2rem
}

.create-fleet-line .warning-section__actions button:first-child {
    margin-right: auto;
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .create-fleet-line .warning-section__actions button:first-child {
        margin-right:2rem;
        margin-bottom: 0
    }
}

.create-fleet-line .address-section {
    padding-top: 6rem;
    padding-bottom: 10rem;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .address-section {
        padding-top:3rem
    }
}

.create-fleet-line .address-section::-webkit-scrollbar {
    width: 0
}

.create-fleet-line .address-section .AutoComplete {
    width: 100%
}

.create-fleet-line .address-section .AutoComplete .Form__input {
    padding-left: 0;
    margin-bottom: 0
}

.create-fleet-line .title-top {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 18.8rem;
    border-bottom: .1rem solid #f7f6f6;
    background: #fff;
    z-index: 99
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .title-top {
        height:15rem
    }
}

.create-fleet-line .title-top__description {
    position: absolute;
    left: 4%;
    top: 16%
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .title-top__description {
        top:14%;
        left: 44rem
    }
}

.create-fleet-line .title-top p {
    margin-bottom: 4rem;
    font-size: 2.8rem;
    font-weight: 900;
    line-height: 3.7rem;
    text-align: center
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .title-top p {
        width:calc(100% - 42.1rem);
        position: relative;
        left: 21.1rem
    }
}

.create-fleet-line__create-profile {
    margin-bottom: 20rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__create-profile {
        margin-top:3rem;
        display: flex;
        justify-content: flex-end;
        margin-right: 10rem
    }
}

.create-fleet-line__create-profile .ng-dirty.ng-invalid>a.select2-choice {
    border-bottom: .1rem solid #eeeded
}

.create-fleet-line__create-profile .form-view input::-moz-placeholder {
    color: #eeeded
}

.create-fleet-line__create-profile .form-view input::placeholder {
    color: #eeeded
}

.create-fleet-line__create-profile .form-view input:-ms-input-placeholder {
    color: #eeeded
}

.create-fleet-line__create-profile__title {
    border-bottom: .1rem solid #f7f6f6;
    text-align: center;
    padding-bottom: 3.2rem;
    margin: 0 -15rem 3.2rem;
    font-size: 3.2rem;
    font-weight: 900
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__create-profile__description {
        width:46rem
    }
}

.create-fleet-line .sticky-section .sticky-footer {
    padding-left: 2.4rem;
    margin: 0;
    height: 6.4rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .sticky-section .sticky-footer {
        padding-left:44.2rem
    }
}

.create-fleet-line .sticky-section .sticky-footer .display-flex .next-section {
    min-width: 6rem
}

.create-fleet-line .sticky-section .sticky-footer .display-flex .next-section.hidden {
    visibility: hidden
}

.create-fleet-line .sticky-section .sticky-footer .display-flex .next-section a .arrow {
    top: .5rem
}

.create-fleet-line .sticky-section .sticky-footer .display-flex .next-section a .arrow.arrow--right:after {
    color: #c95942
}

.create-fleet-line .sticky-section .sticky-footer .display-flex .back-section {
    min-width: 6rem
}

.create-fleet-line .sticky-section .sticky-footer .display-flex .back-section.hidden {
    visibility: hidden
}

.create-fleet-line .sticky-section .sticky-footer .display-flex .back-section a .arrow {
    top: 1rem
}

.create-fleet-line .sticky-section .sticky-footer .display-flex .back-section a .arrow.arrow--left:after {
    color: #c95942
}

.create-fleet-line .tariff-plans {
    display: flex;
    flex-direction: column;
    height: 60%;
    padding-bottom: 2rem;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    align-items: center
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .tariff-plans {
        padding:0
    }
}

.create-fleet-line .tariff-plans.tariff-plans--options {
    padding-bottom: 22rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .tariff-plans.tariff-plans--options {
        width:calc(100% - 54rem);
        position: absolute;
        left: 48rem;
        padding-top: 3.2rem
    }
}

.create-fleet-line .tariff-plans::-webkit-scrollbar {
    width: 0
}

.create-fleet-line .tariff-plans .select2-results .select2-result-label .account__name {
    font-size: 1.4rem
}

.create-fleet-line .tariff-plans .select2-container .select2-choice {
    height: 8rem;
    border-radius: .5rem;
    border: .1rem solid #655c58;
    padding: 1.6rem
}

.create-fleet-line .tariff-plans .select2-container .select2-choice .select2-arrow {
    top: 2.8rem;
    margin-right: .5rem
}

.create-fleet-line .tariff-plans .select2-container .select2-choice>.select2-chosen {
    overflow: unset;
    height: 4rem
}

.create-fleet-line .tariff-plans .select2-container .select2-choice>.select2-chosen .account__name {
    font-size: 1.4rem;
    color: #bab6b5
}

.create-fleet-line .tariff-plans .select2-dropdown-open .select2-choice .select2-arrow {
    top: 4rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .tariff-plans__grp {
        width:55rem;
        position: absolute;
        left: 48%;
        height: 100vh;
        margin-bottom: 1rem
    }
}

.create-fleet-line .tariff-plans__grp:not(:first-child) {
    margin-top: 5.6rem
}

.create-fleet-line .tariff-plans__grp span {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2rem
}

.create-fleet-line .tariff-plans__grp .tariff-names {
    display: flex;
    flex-wrap: wrap;
    margin: 1.6rem 1rem 8rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .tariff-plans__grp .tariff-names {
        margin:3.2rem 0 0
    }
}

.create-fleet-line .tariff-plans__grp .tariff-names .options-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.6rem;
    border-radius: 1.6rem;
    border: 0;
    margin-bottom: .8rem;
    color: #291d18;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 1.5rem;
    line-height: 1.6rem;
    font-weight: 500;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    white-space: nowrap
}

.create-fleet-line .tariff-plans__grp .tariff-names .options-button:nth-of-type(odd) {
    margin-right: 2rem
}

.create-fleet-line .tariff-plans__grp .tariff-names .options-button span:first-of-type {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.create-fleet-line .tariff-plans__grp .tariff-names .options-button .separator {
    width: .1rem;
    height: 4rem;
    margin-right: 2rem;
    margin-left: 2rem;
    background: #f7f6f6
}

.create-fleet-line .tariff-plans__grp .tariff-names .options-button .separator.icon-plus:before {
    margin: 1rem -2rem 0 1rem;
    font-weight: 700
}

.create-fleet-line .tariff-plans__grp .tariff-names .options-button .separator.icon-chevron-right:before {
    margin: 1rem -2rem 0 1rem
}

.create-fleet-line .tariff-plans__grp .tariff-names .options-button .separator.icon-tick:before {
    margin: 1rem 0 0 1rem
}

.create-fleet-line .tariff-plans__grp .tariff-names .options-button.selected {
    width: 100%;
    border-color: #ffc421;
    background-color: #ffc421;
    color: #fff
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .tariff-plans__grp .tariff-names .options-button.selected {
        width:25rem
    }
}

.create-fleet-line .tariff-plans__grp .tariff-names .options-button.selected .separator {
    background: #fff
}

.create-fleet-line .tariff-plans__grp .tariff-names .options-button.selected .separator.tick:after {
    border: solid #fff;
    border-width: 0 .05rem .05rem 0
}

.create-fleet-line .tariff-plans__grp .tariff-names--usage {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .tariff-plans__grp .tariff-names--usage {
        width:25rem
    }
}

.create-fleet-line .tariff-plans .option-section {
    width: 100%;
    padding: .5rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line .tariff-plans .option-section {
        width:44rem;
        padding: 3.2rem 0 0;
        position: absolute;
        left: 49%
    }
}

.create-fleet-line .tariff-plans .option-section__private-line-section .private-line-section__private-line-description {
    margin: 3.2rem auto 1.8rem;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.create-fleet-line .tariff-plans .option-section__private-line-section .private-line-section__private-line-option {
    font-size: 1.6rem;
    line-height: 2rem
}

.create-fleet-line .tariff-plans .option-section .option {
    display: flex;
    align-items: center;
    padding: 1.2rem 1.6rem;
    border-radius: .8rem;
    margin-bottom: .8rem;
    color: #291d18;
    box-sizing: border-box;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6rem;
    z-index: 999;
    cursor: pointer
}

.create-fleet-line .tariff-plans .option-section .option .select-indicator:before {
    content: " ";
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border: .1rem solid #eeeded;
    border-radius: 50%;
    margin-right: 1.6rem;
    cursor: pointer
}

.create-fleet-line .tariff-plans .option-section .option .icon-tick:before {
    padding-left: .5rem;
    padding-top: .7rem;
    color: #fff;
    font-size: 1.3rem;
    overflow: hidden
}

.create-fleet-line .tariff-plans .option-section .option.selected-option {
    color: #fff;
    background-color: #ffc421
}

.create-fleet-line .tariff-plans .option-section .option.selected-option .select-indicator:before {
    border: .1rem solid #fff
}

.create-fleet-line__radio-box-container {
    border-radius: .5rem
}

.create-fleet-line__duplicate-line-section {
    position: relative;
    bottom: 1rem
}

.create-fleet-line__duplicate-line-option {
    font-size: 1.4rem;
    line-height: 2rem;
    border-radius: .5rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__duplicate-line-option {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .create-fleet-line__duplicate-line-option {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.create-fleet-line__duplicate-line-content {
    position: relative;
    left: 0;
    top: 3rem
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line__duplicate-line-content {
        left:20rem
    }
}

.create-fleet-line .label-cards.cards {
    color: #eeeded
}

.create-fleet-line .label-cards.cards.card-mini .cards--container {
    height: 5.2rem
}

.create-fleet-line .create-user {
    width: 50%;
    padding-left: 22rem
}

.create-fleet-line .bg-blur {
    filter: blur(1.5rem);
    -webkit-filter: blur(1.5rem);
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.create-fleet-line-error-panel {
    width: 100%;
    position: relative;
    left: 0
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line-error-panel {
        width:60%;
        left: 38%
    }
}

@media only screen and (min-width: 776px) and (max-height:825px) {
    .create-fleet-line-error-panel {
        width:48%;
        left: 47%
    }
}

.create-fleet-line-success-panel {
    width: 100%;
    position: relative;
    left: 0
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line-success-panel {
        width:75%;
        left: 30%
    }
}

.create-fleet-line-attachments-section {
    width: 100%;
    position: relative;
    left: 0;
    padding-top: 0
}

@media only screen and (min-width: 48.0625em) {
    .create-fleet-line-attachments-section {
        width:56%;
        left: 40%;
        padding-top: 2rem
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .pid-profile__form-container {
        padding-bottom: 20rem
    }

    .create-fleet-line .tariff-plans .option-section .option .icon-tick:before {
        padding-top: .8rem
    }
}

@media only screen and (-moz-min-device-pixel-ratio: 0) and (min-width:40.625em) {
    .pid-profile__form-container {
        padding-bottom:20rem
    }

    .create-fleet-line .tariff-plans .option-section .option .icon-tick:before {
        padding-top: .8rem
    }
}

.pid-profile {
    margin-bottom: 5rem;
    padding: 0 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

@media only screen and (min-width: 36em) {
    .pid-profile {
        padding:0 3.2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile {
        margin-bottom:0;
        padding: 0
    }
}

.pid-profile__upload-profile-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -16rem
}

.pid-profile__upload-profile-image {
    position: absolute;
    top: .5rem;
    left: 2.8rem;
    opacity: 1
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile__upload-profile-image {
        left:2.8rem
    }
}

.pid-profile__upload-profile-image img {
    border-radius: 50%
}

.pid-profile__otp-value-container {
    width: 3.5rem;
    padding: 1rem .5rem
}

@media only screen and (min-width: 36em) {
    .pid-profile__otp-value-container {
        width:5.8rem;
        padding: 1rem
    }
}

.pid-profile__display-container {
    display: block
}

@media only screen and (min-width: 36em) {
    .pid-profile__display-container {
        display:flex
    }
}

.pid-profile__password-container {
    position: relative;
    right: 1.7rem;
    color: #bab6b5
}

@media only screen and (min-width: 36em) {
    .pid-profile__password-container {
        right:2.5rem
    }
}

.pid-profile__profile-form-container {
    width: 100%;
    padding-bottom: 5.6rem;
    margin-left: auto
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile__profile-form-container {
        width:70%;
        padding-bottom: 9.6rem
    }
}

.pid-profile__password-block {
    min-width: auto
}

@media only screen and (min-width: 36em) {
    .pid-profile__password-block {
        min-width:47rem
    }
}

.pid-profile__profile-link-text {
    width: 29%;
    position: relative;
    text-align: center
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile__profile-link-text {
        width:25%
    }
}

.pid-profile__image-overview {
    margin-top: 0;
    padding: 0
}

@media only screen and (min-width: 36em) {
    .pid-profile__image-overview {
        margin-top:9rem
    }
}

.pid-profile .image-view {
    width: 100%;
    padding-bottom: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile .image-view {
        width:40%;
        padding-bottom: 0
    }
}

.pid-profile .form-view {
    width: 100%;
    padding-bottom: 5.6rem
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile .form-view {
        width:40%;
        padding-bottom: 9.6rem
    }
}

.pid-profile .form-view .error-field {
    font-size: 1.2rem;
    line-height: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile {
        flex-direction:row
    }
}

.pid-profile__image-container {
    display: table;
    margin: 0 auto;
    height: 23%;
    position: relative
}

.pid-profile__image-container.image-width {
    width: 100%
}

.pid-profile__image-container.email-link-width svg {
    width: 28rem;
    height: auto
}

.pid-profile .title {
    text-align: center;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 900;
    color: #bab6b5;
    padding-bottom: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile .title {
        font-size:1.5rem;
        text-align: left;
        padding-bottom: 2.4rem
    }
}

.pid-profile__form-container {
    height: 100%
}

.pid-profile__form-container .description {
    text-align: center;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 900;
    color: #655c58;
    padding-bottom: 1.6rem;
    font-family: Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile__form-container .description {
        font-size:3.2rem;
        line-height: 3.7rem;
        text-align: left
    }
}

.pid-profile__form-container .info,.pid-profile__form-container .note {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: #655c58;
    padding-bottom: 2.4rem;
    text-align: center
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile__form-container .info,.pid-profile__form-container .note {
        padding-bottom:3rem;
        text-align: left
    }
}

.pid-profile__form-container .info.data-collection,.pid-profile__form-container .note.data-collection {
    padding-bottom: 2.4rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .pid-profile__form-container .info.data-collection,.pid-profile__form-container .note.data-collection {
        text-align:left
    }
}

.pid-profile__form-container .info.data-collection {
    text-align: left;
    margin-top: 4rem
}

.pid-profile__form-container .mobile-number {
    padding-bottom: 1rem;
    color: #655c58;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile__form-container .mobile-number {
        padding-bottom:1.6rem
    }
}

.pid-profile__form-container .mobile-number .form-helper,.pid-profile__form-container .mobile-number label {
    margin-bottom: 0
}

.pid-profile__form-container .mobile-number.data-collection {
    padding-bottom: 3.2rem
}

.pid-profile__form-container .disclaimer-title {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    color: #655c58;
    padding-bottom: .8rem
}

.pid-profile__form-container .disclaimer,.pid-profile__form-container .disclaimer-extra-info,.pid-profile__form-container .disclaimer-read-more {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    color: #bab6b5
}

.pid-profile__form-container .disclaimer {
    padding-bottom: 1.6rem
}

.pid-profile__form-container .disclaimer-read-more {
    color: #c95942;
    text-decoration: underline!important
}

.pid-profile__form-container .disclaimer-read-more.clicked {
    color: #bab6b5
}

.pid-profile__form-container .otp-container {
    padding-bottom: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile__form-container .otp-container {
        padding-bottom:5rem
    }
}

.pid-profile__form-container .otp-container .form__singleNumberInput {
    width: 3.5rem;
    padding: 1rem .5rem
}

@media only screen and (min-width: 36em) {
    .pid-profile__form-container .otp-container .form__singleNumberInput {
        width:5.8rem;
        padding: 1rem
    }
}

.pid-profile__form-container .otp-container .error {
    border-bottom-color: #c95942
}

.pid-profile__form-container .otp-container .password-alert {
    font-size: 1.8rem;
    line-height: 1.6rem;
    color: #c95942
}

.pid-profile__form-container .resend-otp-container {
    font-size: 1.4rem;
    line-height: 2rem
}

.pid-profile__form-container .resend-otp-container .resend-confirmation {
    font-weight: 500;
    color: #bab6b5
}

.pid-profile__form-container .resend-otp-container .resend-code {
    font-weight: 900;
    color: #c95942;
    text-decoration: underline
}

.pid-profile__form-container.mobile-verification {
    text-align: center
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile__form-container.mobile-verification {
        text-align:inherit
    }
}

.pid-profile__form-container .form-group .gender-dropdown-list {
    z-index: 11
}

.pid-profile__form-container .form-group .language-opener {
    z-index: 0
}

.pid-profile__form-container .form-group .FormGroup__label .heading--4 {
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 500
}

.pid-profile__form-container .email-section {
    padding-bottom: 5.6rem;
    text-align: center
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile__form-container .email-section {
        text-align:inherit
    }
}

.pid-profile__form-container .email-section p {
    font-weight: 500;
    font-size: 1.8rem
}

.pid-profile__form-container .back-section {
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: center
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile__form-container .back-section {
        text-align:inherit
    }
}

.pid-profile__form-container .back-section .back-text {
    font-weight: 500;
    color: #bab6b5
}

.pid-profile__form-container .back-section .login-text {
    font-weight: 900;
    color: #c95942;
    text-decoration: none
}

.pid-profile .form-group.delete-btn .button.button--tertiary {
    margin-top: 1.6rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .pid-profile .form-group.delete-btn .button.button--tertiary {
        width:auto
    }
}

.pid-profile.delete-profile {
    filter: blur(1.5rem);
    -webkit-filter: blur(1.5rem);
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.pid-profile.delete-profile-confirmation {
    position: absolute;
    top: 12rem;
    left: .2rem;
    width: auto;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile.delete-profile-confirmation {
        left:40%!important;
        width: 48%
    }
}

@media only screen and (max-width: 48.0525em) {
    .pid-profile.delete-profile-confirmation {
        left:10rem!important
    }
}

@media only screen and (max-width: 35.99em) {
    .pid-profile.delete-profile-confirmation {
        left:.2rem!important
    }
}

.pid-profile.delete-profile-confirmation .form-view {
    margin-top: 4.4rem
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile.delete-profile-confirmation .form-view {
        width:50%
    }
}

.pid-profile.delete-profile-confirmation .form-view .button-container button {
    padding: 1.3rem;
    margin-right: .8rem
}

@media only screen and (min-width: 36em) {
    .pid-profile.delete-profile-confirmation .form-view .button-container button {
        margin-right:2rem
    }
}

.pid-profile.delete-profile-confirmation .form-view .pid-profile__form-container .question {
    margin-bottom: 1.3rem;
    color: #c95942;
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 3.7rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .pid-profile.delete-profile-confirmation .form-view .pid-profile__form-container .question {
        margin-bottom:.8rem
    }
}

.pid-profile.delete-profile-confirmation .form-view .note {
    text-align: center
}

.pid-profile__privacy-policy ::-webkit-scrollbar {
    width: .8rem
}

.pid-profile__privacy-policy ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 .5rem #999391;
    border-radius: .4rem
}

.pid-profile__privacy-policy ::-webkit-scrollbar-thumb {
    background: #999391;
    border-radius: .8rem
}

.pid-profile__privacy-policy ::-webkit-scrollbar-thumb:hover {
    background: #291d18
}

.pid-profile__image-privacy-section {
    height: 5.1rem;
    top: 2.8rem;
    left: 2.8rem;
    right: auto
}

@media only screen and (min-width: 36em) {
    .pid-profile__image-privacy-section {
        height:6.4rem
    }
}

.pid-profile__description-privacy-section {
    height: 100%
}

@media only screen and (min-width: 36em) {
    .pid-profile__description-privacy-section {
        height:52rem
    }
}

.pid-profile__contact-save-option {
    float: none
}

@media only screen and (min-width: 36em) {
    .pid-profile__contact-save-option {
        float:right
    }
}

.pid-profile__description-privacy {
    overflow: auto
}

.pid-profile__verify-identity {
    width: 100%;
    margin: auto
}

@media only screen and (min-width: 36em) {
    .pid-profile__verify-identity {
        width:43rem
    }
}

.pid-profile__radio-view-container .label-cards.cards.card-mini .cards-slot {
    width: 26rem;
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .pid-profile__radio-view-container .label-cards.cards.card-mini .cards-slot {
        width:30rem;
        margin-right: 1.5rem
    }
}

.pid-profile__radio-view-container .label-cards.cards.card-mini .cards--container {
    height: 4.8rem;
    border: .1rem solid #eeeded
}

@media only screen and (min-width: 36em) {
    .pid-profile__radio-view-container .label-cards.cards.card-mini .cards--container {
        height:5.6rem
    }
}

.pid-profile__radio-signin-container .label-cards.cards.card-mini .cards--container {
    height: 4.8rem
}

@media only screen and (min-width: 36em) {
    .pid-profile__radio-signin-container .label-cards.cards.card-mini .cards--container {
        height:5.6rem
    }
}

.pid-profile__notification-sigin-container .notification ul {
    list-style: disc
}

.pid-profile__dividing-or-container {
    top: 1rem
}

@media only screen and (min-width: 48.0625em) {
    .pid-profile .easy-switch-config {
        max-width:75%
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .pid-profile.delete-profile {
        opacity: .04
    }
}

.switch-line {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .switch-line {
        width:57%;
        margin: auto
    }
}

.switch-line__title {
    display: flex;
    justify-content: center;
    width: 25.2rem;
    margin: auto auto 1.2rem;
    color: #291d18;
    text-align: center;
    cursor: default
}

@media only screen and (min-width: 36em) {
    .switch-line__title {
        width:100%;
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.switch-line__subtitle {
    width: 22.4rem;
    margin: auto auto 2.4rem;
    color: #291d18;
    text-align: center;
    cursor: default
}

@media only screen and (min-width: 48.0625em) {
    .switch-line__subtitle {
        width:100%;
        min-width: 103%;
        margin-bottom: 5.5rem;
        font-size: 1.8rem;
        line-height: 2.4rem
    }
}

.switch-line__subtitle a {
    margin: 0 .5rem;
    cursor: default
}

.switch-line .label-cards.cards.card-mini .cards-slot {
    width: auto
}

@media only screen and (min-width: 48.0625em) {
    .switch-line .label-cards.cards.card-mini .cards-slot {
        width:100%
    }
}

.switch-line__user-form .user-form__form-section {
    width: 100%;
    margin: auto
}

@media only screen and (min-width: 48.0625em) {
    .switch-line__user-form .user-form__form-section {
        width:85%
    }
}

.switch-line__user-form__user-text {
    min-width: auto
}

.switch-line .create-user {
    margin-top: -3rem
}

.switch-line .create-user__container {
    width: 100%
}

.switch-line .create-user__container .form-date {
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .switch-line .create-user__container .form-date {
        margin-bottom:0
    }
}

.switch-line .create-user .submit-details-button-container,.switch-line .create-user .title {
    display: none
}

.invite-new-user__invite-label {
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.4rem
}

@media only screen and (min-width: 36em) {
    .invite-new-user__invite-label {
        line-height:4rem;
        font-size: 3.2rem
    }
}

.invite-new-user__invite-close {
    top: 2.8rem;
    right: 2.8rem;
    left: auto
}

.invite-new-user__invite-email {
    height: 5rem
}

@media only screen and (min-width: 36em) {
    .invite-new-user__email-section {
        padding-right:"%pr--l"
    }
}

.invite-new-user--invite-overlay .overlay__mask {
    background: #f7f6f6
}

.invite-new-user--invite-overlay .overlay__section__content {
    width: 100%;
    overflow: unset;
    min-height: 100%
}

@media only screen and (min-width: 36em) {
    .invite-new-user--invite-overlay .overlay__section__content {
        width:57rem
    }
}

@media only screen and (min-width: 36em) {
    .invite-new-user--invite-overlay .overlay__section__content__description {
        margin-top:auto
    }
}

.invite-new-user--invite-overlay .overlay__section__content__description__invite-icon-section {
    left: 1rem;
    top: -1rem;
    margin-right: auto
}

@media only screen and (min-width: 36em) {
    .invite-new-user--invite-overlay .overlay__section__content__description__invite-icon-section {
        left:2rem;
        top: 3.5rem
    }
}

.invite-new-user--invite-overlay .overlay__section__content__description__invite-info {
    left: -1.5rem;
    top: -.3rem
}

.invite-new-user--invite-overlay .overlay__section__content__description__invite-content {
    padding: 2.4rem 2rem
}

@media only screen and (min-width: 36em) {
    .invite-new-user--invite-overlay .overlay__section__content__description__invite-content {
        padding:3.2rem 9.6rem
    }
}

.invite-new-user--success-invite-overlay .overlay__section__content {
    width: auto;
    overflow: unset;
    height: auto
}

@media only screen and (min-width: 36em) {
    .invite-new-user--success-invite-overlay .overlay__section__content {
        width:57rem
    }
}

@media only screen and (min-width: 36em) {
    .invite-new-user--success-invite-overlay .overlay__section__content__description {
        margin-top:auto
    }
}

.invite-new-user--success-invite-overlay .overlay__section__content__description__image-section {
    height: 6.4rem
}

.invite-new-user--success-invite-overlay .overlay__section__content__description__base-image-section {
    height: 12.6rem
}

.invite-new-user--success-invite-overlay .overlay__section__content__description__invite-success-label {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin: 2.4rem 0;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

@media only screen and (min-width: 48.0625em) {
    .invite-new-user--success-invite-overlay .overlay__section__content__description__invite-success-label {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width: 74.5em) {
    .invite-new-user--success-invite-overlay .overlay__section__content__description__invite-success-label {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width: 36em) {
    .invite-new-user--success-invite-overlay .overlay__section__content__description__invite-success-label {
        margin:3.2rem 0 2.4rem
    }
}

.invite-new-user--success-invite-overlay .overlay__section__content__description__invite-success-sublabel {
    font-size: 1.6rem;
    line-height: 2.4rem;
    line-height: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .invite-new-user--success-invite-overlay .overlay__section__content__description__invite-success-sublabel {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .invite-new-user--success-invite-overlay .overlay__section__content__description__invite-success-sublabel {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 36em) {
    .invite-new-user--success-invite-overlay .overlay__section__content__description__invite-success-sublabel {
        line-height:2.4rem
    }
}

.invite-new-user .cards {
    width: 28rem;
    height: 35rem;
    margin: 2rem auto;
    background-color: #fff
}

@media only screen and (min-width: 36em) {
    .invite-new-user .cards {
        width:26.8rem;
        margin: 2rem
    }
}

.invite-new-user .cards:first-child {
    margin-left: auto
}

@media only screen and (min-width: 36em) {
    .invite-new-user .cards:first-child {
        margin-left:2rem
    }
}

.invite-new-user .cards .badge {
    margin: 0 auto 3.4rem
}

.invite-new-user__image-section .image-section__image {
    width: 4.8rem;
    height: 4.8rem;
    overflow: hidden
}

.invite-new-user--pending-invite-overlay .pending-label {
    line-height: 2rem
}

@media only screen and (min-width: 36em) {
    .invite-new-user--pending-invite-overlay .pending-label {
        line-height:2.4rem
    }
}

.invite-new-user--pending-invite-overlay .overlay__section__content {
    width: 100%;
    overflow: unset;
    min-height: 100%
}

@media only screen and (min-width: 36em) {
    .invite-new-user--pending-invite-overlay .overlay__section__content {
        width:57rem
    }
}

@media only screen and (min-width: 36em) {
    .invite-new-user--pending-invite-overlay .overlay__section__content__description {
        margin-top:auto
    }
}

.invite-new-user--pending-invite-overlay .overlay__section__content__description__pending-content {
    padding: 2.4rem 2rem
}

@media only screen and (min-width: 36em) {
    .invite-new-user--pending-invite-overlay .overlay__section__content__description__pending-content {
        padding:3.2rem 4rem
    }
}

.mailbox-settings__mail-icon-section {
    width: 3.2rem;
    height: 3.2rem
}

@media only screen and (min-width: 36em) {
    .mailbox-settings__mail-icon-section {
        width:2.4rem;
        height: 2.4rem
    }
}

.mailbox-settings__error-icon-section {
    right: 2rem
}

@media only screen and (min-width: 36em) {
    .mailbox-settings__error-icon-section {
        right:3rem
    }
}

.mailbox-settings__radio-view-container .label-cards.cards.card-mini .cards-slot {
    width: 26rem
}

@media only screen and (min-width: 36em) {
    .mailbox-settings__radio-view-container .label-cards.cards.card-mini .cards-slot {
        width:30rem
    }
}

.mailbox-settings__radio-view-container .label-cards.cards.card-mini .cards--container {
    height: 4.8rem
}

@media only screen and (min-width: 36em) {
    .mailbox-settings__radio-view-container .label-cards.cards.card-mini .cards--container {
        height:5.6rem
    }
}

.manage-mailbox__mail-icon-section {
    width: 2.4rem;
    height: 2.4rem
}

.manage-mailbox__mail-button {
    background: rgba(222,53,11,.16)
}

.manage-mailbox--create-mailbox .overlay__section__content {
    box-shadow: none;
    overflow: unset;
    min-height: 100%;
    max-width: 100%
}

@media only screen and (min-width: 36em) {
    .manage-mailbox--create-mailbox .overlay__section__content__description {
        margin-top:auto
    }
}

.manage-mailbox--create-mailbox .overlay__section__content__description__mail-content {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .manage-mailbox--create-mailbox .overlay__section__content__description__mail-content {
        width:57rem
    }
}

.manage-mailbox--create-mailbox .overlay__section__content__description__mail-subcontent {
    top: -4rem
}

.manage-profile-details__details-content {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .manage-profile-details__details-content {
        width:53rem
    }
}

@media only screen and (min-width: 36em) {
    .manage-profile-details__details-box {
        padding:3.2rem
    }
}

.manage-profile-details__delete-box {
    max-width: 100%
}

@media only screen and (min-width: 36em) {
    .manage-profile-details__delete-box {
        max-width:78rem
    }
}

.manage-profile-details__section-container {
    font-size: 2rem;
    line-height: 2.8rem;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 48.0625em) {
    .manage-profile-details__section-container {
        font-size:2rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .manage-profile-details__section-container {
        font-size:2.4rem;
        line-height: 3.6rem
    }
}

.manage-profile-details__image-container {
    height: 6.4rem;
    width: 6.4rem;
    overflow: hidden;
    margin: 0 auto 1.6rem
}

@media only screen and (min-width: 36em) {
    .manage-profile-details__image-container {
        height:10.4rem;
        width: 10.4rem;
        margin: 0 4.8rem 0 0
    }
}

.manage-profile-details__details-section {
    margin-right: 0
}

@media only screen and (min-width: 36em) {
    .manage-profile-details__details-section {
        margin-right:3.2rem
    }
}

.manage-profile-details__text-container {
    text-align: center
}

@media only screen and (min-width: 36em) {
    .manage-profile-details__text-container {
        text-align:initial
    }
}

.manage-profile-details__form-container {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .manage-profile-details__form-container {
        width:90%
    }
}

.manage-profile-details__text-label {
    font-size: 2rem;
    line-height: 2.8rem
}

@media only screen and (min-width: 48.0625em) {
    .manage-profile-details__text-label {
        font-size:2rem;
        line-height: 2.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .manage-profile-details__text-label {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

.manage-profile-details__text-sublabel {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .manage-profile-details__text-sublabel {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .manage-profile-details__text-sublabel {
        font-size:2rem;
        line-height: 2.8rem
    }
}

.manage-profile-details__product-text {
    font-size: 1.4rem;
    line-height: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .manage-profile-details__product-text {
        font-size:1.4rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 74.5em) {
    .manage-profile-details__product-text {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

.manage-profile-details__product-subtext {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .manage-profile-details__product-subtext {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .manage-profile-details__product-subtext {
        font-size:1.8rem;
        line-height: 2.8rem
    }
}

.manage-profile-details__invite-label {
    font-size: 2.4rem;
    line-height: 3.6rem
}

@media only screen and (min-width: 48.0625em) {
    .manage-profile-details__invite-label {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

@media only screen and (min-width: 74.5em) {
    .manage-profile-details__invite-label {
        font-size:3.2rem;
        line-height: 4.8rem
    }
}

.manage-profile-details__change-option-container {
    max-width: 100%
}

@media only screen and (min-width: 36em) {
    .manage-profile-details__change-option-container {
        max-width:65%
    }
}

.manage-profile-details__change-option-subtext {
    line-height: 2rem
}

@media only screen and (min-width: 48.0625em) {
    .manage-profile-details__change-option-subtext {
        line-height:2.4rem
    }
}

.manage-profile-details__image-section {
    height: 5.1rem;
    top: 2.8rem;
    left: 2.8rem;
    right: auto
}

@media only screen and (min-width: 36em) {
    .manage-profile-details__image-section {
        height:6.4rem
    }
}

.manage-profile-details__radio-option-view .label-cards.cards.card-mini .cards--container {
    height: 4.8rem
}

@media only screen and (min-width: 36em) {
    .manage-profile-details__radio-option-view .label-cards.cards.card-mini .cards--container {
        height:5.6rem
    }
}

.manage-profile-details--change-role .overlay__section__content {
    overflow: unset;
    min-height: 100%
}

@media only screen and (min-width: 36em) {
    .manage-profile-details--change-role .overlay__section__content__description {
        margin-top:auto
    }
}

.manage-profile-details--change-role .overlay__section__content__description__contact-save-option {
    float: none
}

@media only screen and (min-width: 48.0625em) {
    .manage-profile-details--change-role .overlay__section__content__description__contact-save-option {
        float:right
    }
}

.manage-social-login__icon-section {
    width: 2.4rem;
    height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .manage-social-login__icon-section {
        width:9rem;
        height: 9rem
    }
}

.manage-social-login__login-content .button {
    width: 22.6rem
}

.manage-social-login--profile {
    width: 16rem
}

.manage-social-login--profile .cards {
    width: 28rem;
    height: 17.9rem;
    background-color: #fff
}

@media only screen and (min-width: 36em) {
    .manage-social-login--profile .cards {
        width:26.8rem
    }
}

.msa .msa-list-items {
    margin: 0
}

.msa .msa-list-items .select2-choice {
    border: .1rem solid #999391;
    border-radius: .8rem
}

.msa .msa-list-items .select2-choice .select2-arrow {
    right: 1.6rem
}

.msa .msa-list-items .select2-choice .select2-chosen {
    padding-top: .3rem;
    margin-left: 1.6rem
}

.msa .msa-list-items .select2-container {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .msa .msa-list-items .select2-container {
        width:39.2rem
    }
}

.msa .horizontal-tab .tab-bar {
    background-color: transparent;
    margin-top: 4rem;
    border: none
}

.msa .horizontal-tab .tab-bar .tab-bar__li {
    text-align: center
}

.msa .correction {
    position: absolute;
    background: transparent;
    height: 14.5rem;
    width: 100%;
    left: 0;
    margin-top: -4rem
}

@media only screen and (min-width: 36em) {
    .msa .correction {
        height:17.7rem
    }
}

.options-content .title-top {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    border-bottom: .1rem solid #f7f6f6;
    z-index: 100
}

@media only screen and (min-width: 36em) {
    .options-content .title-top {
        width:75%
    }
}

.options-content .title-top .title-container {
    display: flex;
    flex-wrap: wrap;
    margin: 6.4rem 1.6rem 2.6rem
}

@media only screen and (min-width: 48.0625em) {
    .options-content .title-top .title-container {
        justify-content:space-between;
        margin: 11.2rem 5.6rem 4.1rem
    }
}

.options-content .title-top .title-container .display-flex {
    width: 100%;
    justify-content: space-between
}

@media only screen and (min-width: 48.0625em) {
    .options-content .title-top .title-container .display-flex {
        width:auto
    }
}

.options-content .title-top .title-container .display-flex .CheckboxSwitch {
    margin-top: .2rem
}

.options-content .title-top .title-container .hidden-mobile {
    width: 100%;
    font-size: 2.4rem;
    margin-bottom: 3.3rem
}

@media only screen and (min-width: 48.0625em) {
    .options-content .title-top .title-container .hidden-mobile {
        color:#291d18;
        font-size: 3.2rem;
        font-weight: 500;
        line-height: 2.8rem;
        margin-bottom: 0
    }
}

.options-content .title-top.blur-on-confirmation {
    filter: blur(1.5rem);
    -webkit-filter: blur(1.5rem);
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.options-content .toggle-content-bottom {
    display: flex;
    height: 16%;
    text-align: center;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    z-index: 102;
    width: 100%;
    padding: 1.7rem 2rem 1.6rem;
    margin-left: -.6rem;
    margin-top: -2rem;
    background-color: #fff;
    color: #291d18;
    border-radius: .8rem .8rem 0 0
}

@media only screen and (min-width: 36em) {
    .options-content .toggle-content-bottom {
        display:none
    }
}

.options-content .toggle-content-bottom .title-large {
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 2.8rem
}

.options-content .toggle-content-bottom p {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-align: center
}

.options-content .toggle-content-top {
    display: flex;
    text-align: center;
    flex-direction: column;
    position: fixed;
    top: 2.3rem;
    z-index: 102;
    width: 100%;
    padding: 1.7rem 2rem 1.6rem;
    margin-top: -2rem;
    background-color: #fff;
    color: #291d18;
    border-radius: .8rem .8rem 0 0;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 36em) {
    .options-content .toggle-content-top {
        display:none
    }
}

.options-content .toggle-content-top .toggle-section-top .icon-toggle {
    font-size: 1.2rem
}

.options-content .toggle-content-top .toggle-section-top .icon-toggle:before {
    transform: scaleX(-1) scaleY(-1) rotate(-90deg)
}

.options-content .toggle-content-top .toggle-section-top p {
    font-size: 2.8rem;
    margin-top: 2rem
}

.options-content .toggle-content-top .display-flex {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
    justify-content: space-between
}

.options-content .lines-section {
    width: 100%;
    padding-bottom: 10rem
}

@media only screen and (max-width: 35.99em) {
    .options-content .lines-section {
        height:68%;
        overflow: scroll;
        position: absolute;
        top: 16rem!important;
        width: 100%!important;
        right: 0!important
    }
}

@media only screen and (max-width: 48.0525em) {
    .options-content .lines-section {
        position:absolute;
        top: 2rem;
        right: 3rem;
        width: 68%
    }
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section {
        position:absolute;
        top: 2rem;
        right: 3rem;
        width: 68%;
        margin: 0 0 9rem
    }
}

.options-content .lines-section .lines-options {
    margin-top: 4.8rem
}

.options-content .lines-section .lines-options .form-helper,.options-content .lines-section .lines-options label {
    cursor: default;
    padding-left: 4.6rem;
    font-weight: 900;
    line-height: 1.6rem
}

.options-content .lines-section .lines-options .line-options-lbl {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .lines-options .line-options-lbl {
        display:block
    }
}

.options-content .lines-section .lines-options .line-options-lbl.sm {
    display: flex;
    padding: 2.4rem 2.4rem 0
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .lines-options .line-options-lbl.sm {
        display:none
    }
}

.options-content .lines-section .lines-options .option-title-content {
    margin: 1.6rem 1.6rem 2.4rem;
    box-sizing: border-box;
    border-radius: .5rem
}

.options-content .lines-section .lines-options .option-title-content .section {
    border-bottom: .1rem solid #f7f6f6;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .lines-options .option-title-content .section {
        padding:3.2rem
    }
}

.options-content .lines-section .lines-options .option-title-content .section:first-of-type {
    padding: 1rem 2.4rem 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .lines-options .option-title-content .section:first-of-type {
        padding:2.4rem 3.2rem
    }
}

.options-content .lines-section .lines-options .option-title-content .section:last-child {
    border-bottom: none
}

.options-content .lines-section .lines-options .option-title-content .section p {
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 2rem;
    color: #bab6b5;
    text-align: left
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .lines-options .option-title-content .section p {
        font-size:1.8rem
    }
}

.options-content .lines-section .lines-options .option-title-content .section button {
    max-width: 10rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    background-color: #eeeded;
    font-size: 1.5rem;
    font-weight: 900;
    text-decoration: none;
    line-height: 2rem;
    border-radius: 1.6rem;
    border: 0;
    height: 2.4rem;
    padding: .2rem 1.2rem
}

.options-content .lines-section .lines-options .option-title-content .section button.disabled-option {
    color: #eeeded;
    background-color: #f7f6f6
}

.options-content .lines-section .label-content {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .label-content {
        display:flex;
        margin-left: 1.6rem;
        margin-right: 1.6rem
    }
}

.options-content .lines-section .label-content .form-helper,.options-content .lines-section .label-content label {
    cursor: default;
    font-weight: 900;
    line-height: 1.6rem
}

.options-content .lines-section .label-content .left {
    padding: 3.2rem 3.2rem 2rem;
    width: 31%
}

.options-content .lines-section .label-content .right {
    padding: 3.2rem 3.2rem 2rem;
    width: 69%
}

.options-content .lines-section .label-content .right .old-tariff {
    width: 20rem
}

.options-content .lines-section .label-content .line-options {
    padding: 3.2rem
}

.options-content .lines-section .options-content {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: .5rem;
    margin: 2rem 1.6rem 2.4rem
}

@media only screen and (min-width: 36em) {
    .options-content .lines-section .options-content {
        margin-top:0
    }
}

.options-content .lines-section .options-content .content {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .options-content .content {
        flex-direction:row
    }
}

.options-content .lines-section .options-content .content .left {
    border-bottom: .1rem solid #f7f6f6;
    padding: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .options-content .content .left {
        border-right:.1rem solid #f7f6f6;
        padding: 3.2rem 0 0 3.2rem;
        width: 31%
    }
}

.options-content .lines-section .options-content .content .left.change-tariff-plan {
    border-right: 0;
    padding: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .options-content .content .left.change-tariff-plan {
        padding:3.2rem
    }
}

.options-content .lines-section .options-content .content .left p {
    text-align: left;
    font-weight: 900;
    line-height: 2rem;
    font-size: 1.8rem
}

.options-content .lines-section .options-content .content .left .hidden-desktop {
    display: block;
    text-align: left;
    font-weight: 900;
    line-height: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .options-content .content .left .hidden-desktop {
        display:none
    }
}

.options-content .lines-section .options-content .content .right {
    padding: 2.4rem;
    width: 100%;
    text-align: left
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .options-content .content .right {
        padding:3.2rem;
        width: 69%
    }
}

.options-content .lines-section .options-content .content .right.change-tariff-plan {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .options-content .content .right.change-tariff-plan {
        flex-direction:row
    }
}

.options-content .lines-section .options-content .content .right .old-tariff {
    margin-bottom: 2.6rem;
    width: auto
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .options-content .content .right .old-tariff {
        margin-bottom:0;
        width: 20rem
    }
}

.options-content .lines-section .options-content .content .right .old-tariff .form-helper,.options-content .lines-section .options-content .content .right .old-tariff label {
    display: block;
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .options-content .content .right .old-tariff .form-helper,.options-content .lines-section .options-content .content .right .old-tariff label {
        display:none
    }
}

.options-content .lines-section .options-content .content .right .old-tariff button {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #bab6b5;
    background-color: #f7f6f6;
    font-size: 1.5rem;
    font-weight: 900;
    text-decoration: none;
    line-height: 2rem;
    border-radius: 1.6rem;
    border: 0;
    height: 2.4rem;
    padding: .2rem 1.2rem
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .options-content .content .right .old-tariff button {
        max-width:16.5rem
    }
}

.options-content .lines-section .options-content .content .right .new-tariff .form-helper,.options-content .lines-section .options-content .content .right .new-tariff label {
    display: block;
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .options-content .lines-section .options-content .content .right .new-tariff .form-helper,.options-content .lines-section .options-content .content .right .new-tariff label {
        display:none
    }
}

.options-content .lines-section .options-content .content .right .new-tariff button {
    color: #fff;
    background-color: #ffc421;
    font-size: 1.5rem;
    font-weight: 900;
    text-decoration: none;
    line-height: 2rem;
    border-radius: 1.6rem;
    border: 0;
    height: 2.4rem;
    padding: .2rem 1.2rem
}

.options-content .lines-section .options-content .content .right .form-helper,.options-content .lines-section .options-content .content .right label {
    cursor: default
}

.options-content .lines-section .options-content .content .right .right-content-upgraded {
    border-bottom: .1rem solid #f7f6f6;
    padding: 1.5rem 0
}

.options-content .lines-section .options-content .content .right .right-content-upgraded:first-of-type {
    padding: .6rem 0 1.5rem
}

@media only screen and (min-width: 36em) {
    .options-content .lines-section .options-content .content .right .right-content-upgraded:first-of-type {
        padding:1rem 0 1.5rem
    }
}

.options-content .lines-section .options-content .content .right .right-content-upgraded:last-child {
    border-bottom: 0;
    padding: 1.5rem 0 2.4rem
}

@media only screen and (min-width: 36em) {
    .options-content .lines-section .options-content .content .right .right-content-upgraded:last-child {
        padding:1.5rem 0 3.2rem
    }
}

.options-content .lines-section .options-content .content .right .right-content-upgraded p {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    text-align: left
}

.options-content .lines-section .options-content .content .right .right-content-upgraded .subtitle-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: .4rem
}

.options-content .lines-section .options-content .content .right .right-content-upgraded .subtitle-content .prev-added-title {
    color: #bab6b5;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 2rem;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .options-content .lines-section .options-content .content .right .right-content-upgraded .subtitle-content .prev-added-title {
        font-size:1.8rem
    }
}

.options-content .lines-section .options-content .content .right .right-content-upgraded .subtitle-content p {
    color: #ffc421;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 2rem;
    text-align: left
}

@media only screen and (min-width: 36em) {
    .options-content .lines-section .options-content .content .right .right-content-upgraded .subtitle-content p {
        font-size:1.8rem
    }
}

.options-content .lines-section .options-content .content .right .right-content-upgraded .subtitle-content p.remove-option {
    color: #c95942
}

.options-content .lines-section .options-content .content .right .right-content-upgraded .subtitle-content button {
    max-width: 10rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    background-color: #ffc421;
    font-size: 1.5rem;
    font-weight: 900;
    text-decoration: none;
    line-height: 2rem;
    border-radius: 1.6rem;
    border: 0;
    height: 2.4rem;
    padding: .2rem 1.2rem
}

.options-content .lines-section .options-content .content .right .right-content-upgraded .subtitle-content button.remove-option {
    background-color: #c95942
}

.options-content .lines-section .options-content .content .right .right-content-upgraded .subtitle-content .btn-disabled {
    background-color: #eeeded
}

.options-content .lines-section.blur-on-confirmation {
    filter: blur(1.5rem);
    -webkit-filter: blur(1.5rem);
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.options-content .tariff-plan-confirmation {
    position: absolute;
    top: 13%;
    right: 5%;
    width: 90%;
    z-index: 103
}

@media only screen and (min-width: 48.0625em) {
    .options-content .tariff-plan-confirmation {
        top:30%;
        bottom: 50%;
        right: 16%;
        width: 40%
    }
}

@media only screen and (min-width: 36em) {
    .options-content .tariff-plan-confirmation {
        top:30%;
        bottom: 50%;
        right: 13%;
        width: 40%
    }
}

.options-content .tariff-plan-confirmation .form-helper,.options-content .tariff-plan-confirmation label {
    color: #c95942;
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-top: 3.3rem;
    margin-bottom: 1.3rem;
    text-align: center;
    cursor: default
}

@media only screen and (min-width: 36em) {
    .options-content .tariff-plan-confirmation .form-helper,.options-content .tariff-plan-confirmation label {
        margin-top:2.5rem;
        margin-bottom: .8rem;
        font-size: 3.2rem;
        font-weight: 900;
        line-height: 3.7rem
    }
}

.options-content .tariff-plan-confirmation p {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-align: center
}

.options-content .tariff-plan-confirmation .button-container {
    margin: 3.2rem 0
}

@media only screen and (min-width: 36em) {
    .options-content .tariff-plan-confirmation .button-container {
        margin:3.8rem 0
    }
}

.options-content .tariff-plan-confirmation .button-container .button--tertiary {
    margin-right: .8rem
}

@media only screen and (min-width: 36em) {
    .options-content .tariff-plan-confirmation .button-container .button--tertiary {
        margin-right:2rem
    }
}

.options-content .sticky-bottom {
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0
}

.options-content .sticky-bottom .button-container {
    margin: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 36em) {
    .options-content .sticky-bottom .button-container {
        display:flex;
        align-items: center;
        justify-content: flex-end;
        margin: 2.2rem 3.2rem
    }
}

.options-content .sticky-bottom .button-container .button {
    min-width: 3rem;
    width: 16rem
}

@media only screen and (min-width: 36em) {
    .options-content .sticky-bottom .button-container .button {
        min-width:0;
        width: auto
    }
}

.options-content .sticky-bottom .button-container .button--tertiary {
    margin-right: .8rem
}

@media only screen and (min-width: 36em) {
    .options-content .sticky-bottom .button-container .button--tertiary {
        margin-right:1.6rem
    }
}

.options-content .sticky-bottom.blur-on-confirmation {
    filter: blur(1.5rem);
    -webkit-filter: blur(1.5rem);
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.options-content .option-tiles {
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    height: 84%;
    width: 100%;
    background: #ffc421;
    color: #fff;
    z-index: 101;
    padding: 1.6rem
}

@media only screen and (min-width: 36em) {
    .options-content .option-tiles {
        width:26%;
        padding: 2rem;
        height: 100%
    }
}

.options-content .option-tiles.remove-option {
    background: #c95942
}

.options-content .option-tiles .title-row {
    display: flex;
    align-items: center
}

.options-content .option-tiles .title-row p {
    position: relative;
    top: .2rem;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .options-content .option-tiles .title-row p {
        font-size:1.8rem
    }
}

.options-content .option-tiles .title-row .icon-manage-line {
    margin-right: .9rem
}

@media only screen and (min-width: 36em) {
    .options-content .option-tiles .title-row .icon-manage-line {
        margin-right:1.7rem
    }
}

.options-content .option-tiles .title {
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 2.8rem;
    margin: 5rem 0 2.4rem
}

.options-content .option-tiles .option-title {
    border-bottom: .1rem solid hsla(0,0%,100%,.2);
    padding: 1.6rem 0
}

.options-content .option-tiles .option-title:last-child {
    border-bottom: none
}

.options-content .option-tiles .option-title .option-title-toggle {
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.options-content .option-tiles .option-title .option-title-toggle span {
    max-width: 80%;
    overflow-wrap: break-word;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.6rem
}

@media only screen and (min-width: 36em) {
    .options-content .option-tiles .option-title .option-title-toggle span {
        font-size:1.8rem;
        font-weight: 500;
        line-height: 2.4rem
    }
}

.options-content .option-tiles .option-title .option-title-toggle .icon-toggle {
    font-size: .8rem;
    transform: rotate(90deg);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    bottom: .5rem
}

.options-content .option-tiles .option-title .option-title-toggle .icon-toggle.open {
    transform: rotate(-90deg);
    margin-right: -.2rem
}

.options-content .option-tiles .option-title .option-title-toggle .icon-toggle.open:before {
    overflow: hidden
}

.options-content .option-tiles .option-title .option-title-toggle .icon-toggle:before {
    overflow: hidden
}

.options-content .option-tiles .options-button-container {
    margin-top: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.options-content .option-tiles .options-button-container .options-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    min-width: auto;
    width: 16rem;
    height: 3.2rem;
    font-size: 1.5rem;
    line-height: 1.6rem;
    font-weight: 500;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    padding: 0 1.6rem;
    margin-bottom: 1.6rem;
    border-radius: 1.6rem;
    white-space: nowrap;
    color: #ffc421;
    background-color: #fff
}

@media only screen and (min-width: 36em) {
    .options-content .option-tiles .options-button-container .options-button {
        width:24rem
    }
}

.options-content .option-tiles .options-button-container .options-button.remove-option {
    color: #c95942
}

.options-content .option-tiles .options-button-container .options-button span:first-child {
    text-overflow: ellipsis;
    overflow: hidden
}

.options-content .option-tiles .options-button-container .options-button.options-button--tariff {
    min-width: 100%
}

.options-content .option-tiles .options-button-container .options-button.available {
    color: #fff;
    background-color: #ffc421
}

.options-content .option-tiles .options-button-container .options-button.available.remove-option {
    color: #fff;
    background-color: #c95942
}

.options-content .option-tiles .options-button-container .options-button.previously-added {
    color: #fff;
    background-color: #208f8d;
    cursor: default
}

.options-content .option-tiles .options-button-container .options-button.previously-added.remove-option {
    color: #fff;
    background-color: #c95942
}

.options-content .option-tiles .options-button-container .options-button .separator {
    margin-right: 2rem;
    margin-left: 1rem;
    height: 3.2rem;
    width: .1rem;
    background-color: #f7f6f6
}

.options-content .option-tiles .options-button-container .options-button .icon-plus:before {
    padding: .9rem .6rem .6rem .9rem
}

.options-content .option-tiles .options-button-container .options-button .icon-minus:before {
    padding: 1.2rem .6rem .6rem .8rem
}

.options-content .option-tiles .options-button-container .options-button .icon-tick {
    font-size: 1.3rem
}

.options-content .option-tiles .options-button-container .options-button .icon-tick:before {
    padding: .9rem 0 .3rem .8rem
}

.options-content .display-none {
    display: none!important
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .options-content .lines-section.blur-on-confirmation {
        opacity: .04
    }
}

.scroll-up-lines {
    -webkit-animation-name: scrollup;
    animation-name: scrollup;
    height: 100%!important
}

.scroll-down-lines,.scroll-up-lines {
    -webkit-animation-duration: .9s;
    animation-duration: .9s
}

.scroll-down-lines {
    -webkit-animation-name: scrolldown;
    animation-name: scrolldown;
    height: 16%!important
}

.up-icon {
    font-size: 1.1rem!important;
    -webkit-animation-name: upicon;
    -webkit-animation-duration: 4s;
    animation-name: upicon;
    transform: rotate(-90deg)!important;
    -webkit-transform: rotate(-90deg)!important
}

.down-icon,.up-icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.down-icon {
    margin-bottom: 3.2rem;
    font-size: 1.6rem!important;
    -webkit-animation-name: downicon;
    animation-name: downicon;
    transform: rotate(90deg)!important;
    -webkit-transform: rotate(90deg)!important
}

@-webkit-keyframes scrollup {
    2% {
        height: 16%
    }

    to {
        height: 100%
    }
}

@keyframes scrollup {
    2% {
        height: 16%
    }

    to {
        height: 100%
    }
}

@-webkit-keyframes scrolldown {
    2% {
        height: 100%
    }

    to {
        height: 16%
    }
}

@keyframes scrolldown {
    2% {
        height: 100%
    }

    to {
        height: 16%
    }
}

@-webkit-keyframes upicon {
    2% {
        transform: rotate(90deg)
    }

    to {
        transform: rotate(-90deg)
    }
}

@keyframes upicon {
    2% {
        transform: rotate(90deg)
    }

    to {
        transform: rotate(-90deg)
    }
}

@-webkit-keyframes downicon {
    2% {
        transform: rotate(-90deg)
    }

    to {
        transform: rotate(90deg)
    }
}

@keyframes downicon {
    2% {
        transform: rotate(-90deg)
    }

    to {
        transform: rotate(90deg)
    }
}

.line-details-header {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    padding: 2.4rem 0;
    margin-bottom: 0;
    border-bottom: .1rem solid #f7f6f6
}

@media only screen and (min-width: 36em) {
    .line-details-header {
        margin-bottom:2rem
    }
}

.line-details-header.visibility-hide {
    visibility: hidden;
    overflow: hidden;
    height: 0;
    padding: 0
}

@media only screen and (min-width: 36em) {
    .line-details-header.visibility-hide {
        visibility:visible;
        height: auto;
        overflow: inherit;
        padding: 0 0 2.4rem
    }
}

.line-details-header .icon-mobile {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    background: #ffc421;
    text-align: center
}

.line-details-header .icon-mobile:before {
    position: relative;
    top: 25%;
    font-size: 2.4rem;
    color: #fff;
    vertical-align: sub
}

.line-details-header .header {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.line-details-header .header__text {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900;
    padding-left: 1.6rem
}

.line-details-header .header__value {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 800;
    padding-left: 1.6rem
}

.my-bill {
    border-radius: .5rem
}

.my-bill__pay-section {
    margin-bottom: 3.2rem;
    border-bottom: .1rem solid #f7f6f6
}

.my-bill__pay-section .pay-section__notification-section {
    margin-top: 2.4rem
}

@media only screen and (min-width: 36em) {
    .my-bill__pay-section .pay-section__notification-section {
        margin-top:0
    }
}

.my-bill__section {
    width: 24rem;
    padding-left: 3.2rem;
    padding-bottom: 3.2rem;
    cursor: default
}

@media only screen and (min-width: 36em) {
    .my-bill__section {
        width:53rem
    }
}

.my-bill__section .section__info-title {
    margin-bottom: .8rem;
    line-height: 2rem
}

@media only screen and (min-width: 36em) {
    .my-bill__section .section__info-title {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

.my-bill__section .section__info-description {
    margin-bottom: .8rem;
    line-height: 2rem
}

@media only screen and (min-width: 36em) {
    .my-bill__section .section__info-description {
        font-size:1.8rem;
        line-height: 2.4rem
    }
}

@media only screen and (min-width: 36em) {
    .my-bill__section .section__info-reference {
        font-size:1.6rem
    }
}

.my-bill .pay-balance__info-section .info-section__outstanding-amount {
    margin-top: 3.2rem;
    text-align: left;
    order: 3
}

@media only screen and (min-width: 36em) {
    .my-bill .pay-balance__info-section .info-section__outstanding-amount {
        margin-top:0;
        text-align: right;
        order: 1
    }
}

.activate-sim {
    margin: 3.2rem -2rem;
    padding: 3.2rem 0;
    box-sizing: inherit
}

@media only screen and (min-width: 36em) {
    .activate-sim {
        margin:auto
    }
}

.activate-sim .title {
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: 500;
    color: #291d18;
    margin-bottom: 1.6rem;
    box-sizing: inherit;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .activate-sim .title {
        font-size:3.2rem;
        line-height: 4rem
    }
}

.activate-sim__container {
    display: flex;
    flex-direction: column
}

.activate-sim__container .item {
    margin-bottom: 3.2rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-align: center;
    font-weight: 500
}

.activate-sim__container .item .sim-date {
    width: 32rem
}

.activate-sim__container .item .error-sim-date {
    border-color: #c95942
}

.activate-sim__container .item .provided-sim-date {
    border-color: #bab6b5
}

.activate-sim__container .set-date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 3.2rem;
    margin-left: 0
}

@media only screen and (min-width: 36em) {
    .activate-sim__container .set-date {
        margin-left:2rem
    }
}

.activate-sim__container .set-date ::-moz-placeholder {
    color: #eeeded
}

.activate-sim__container .set-date :-ms-input-placeholder {
    color: #eeeded
}

.activate-sim__container .set-date ::placeholder {
    color: #eeeded
}

.activate-sim__container .set-date input {
    color: #655c58;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .activate-sim__container .set-date input {
        width:32rem
    }
}

.activate-sim__container .set-date form-group {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .activate-sim__container .set-date form-group {
        width:auto
    }
}

.activate-sim__container .set-date .icon-position {
    position: relative;
    font-size: 2rem;
    line-height: 3.8rem
}

.activate-sim__container .set-date .dtp-input {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .activate-sim__container .set-date .dtp-input {
        width:auto
    }
}

.activate-sim__container .submit-date {
    margin-top: 2.4rem
}

@media only screen and (min-width: 36em) {
    .activate-sim__container .submit-date {
        margin-top:3.2rem
    }
}

.replace-sim {
    margin: 3.2rem auto;
    padding: 0;
    box-sizing: inherit;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .replace-sim {
        width:50rem;
        margin: auto;
        padding: 3.2rem 2.4rem
    }
}

.replace-sim .title {
    box-sizing: inherit;
    text-align: center;
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: 500;
    color: #655c58;
    margin-bottom: 3.2rem
}

@media only screen and (min-width: 36em) {
    .replace-sim .title {
        font-size:3.2rem;
        line-height: 3.7rem;
        padding-left: 2rem
    }
}

.replace-sim .form-items {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 36em) {
    .replace-sim .form-items {
        width:32rem
    }
}

.replace-sim .form-items .form-helper,.replace-sim .form-items label {
    color: #655c58;
    line-height: 1.6rem
}

.replace-sim .form-items .formErrorInput {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    padding-left: 8.5rem;
    color: #c95942
}

.replace-sim .form-items .FormGroup__label {
    margin-bottom: -.8rem
}

.replace-sim .sim-input {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500
}

.replace-sim .sim-input p {
    min-width: 8.5rem;
    color: #bab6b5;
    opacity: .8;
    margin-top: 1rem;
    padding: 1.2rem 0;
    height: 4.9rem;
    margin-bottom: 1rem
}

.replace-sim .sim-input input {
    color: #291d18
}

.replace-sim .sim-input input::-moz-placeholder {
    color: #766f6b
}

.replace-sim .sim-input input:-ms-input-placeholder {
    color: #766f6b
}

.replace-sim .sim-input input::placeholder {
    color: #766f6b
}

.replace-sim .sim-input input:-ms-input-placeholder {
    color: #eeeded
}

.replace-sim .sim-input .icon-help {
    z-index: 2;
    font-size: 2rem;
    display: flex;
    margin-left: 0;
    margin-bottom: 1rem;
    margin-top: 1rem;
    width: 4rem;
    height: 2.5rem
}

.replace-sim .sim-input .icon-help:before {
    position: relative;
    right: 2.1rem
}

.replace-sim .sim-input .errorInput {
    border-color: #c95942
}

.replace-sim .sim-input .noInput {
    border-color: #eeeded
}

.replace-sim .sim-input .providedInput {
    border-color: #bab6b5
}

.replace-sim .sim-input.error {
    margin-bottom: 0
}

.replace-sim .sim-input .sim-card-image-container {
    position: relative
}

.replace-sim .sim-btn {
    width: 100%;
    margin: auto
}

@media only screen and (min-width: 36em) {
    .replace-sim .sim-btn {
        width:auto
    }
}

.replace-sim .sim-order {
    display: flex;
    margin-bottom: 3.2rem;
    margin-top: 2.4rem;
    line-height: 2rem;
    font-size: 1.5rem;
    font-weight: 500;
    color: #bab6b5
}

.replace-sim .sim-order div {
    margin-right: 1rem;
    color: #bab6b5;
    opacity: .8
}

.replace-sim .sim-order a {
    text-decoration: underline
}

.replace-sim .sim-card__show {
    height: 14.8rem;
    width: 22.6rem;
    background: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/simcard-help.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: .7rem;
    float: right;
    top: -.8rem;
    -webkit-clip-path: polygon(75% 0,100% 0,100% 100%,75% 100%,0 100%,0 43%,74% 40%);
    clip-path: polygon(75% 0,100% 0,100% 100%,75% 100%,0 100%,0 43%,74% 40%)
}

@media only screen and (min-width: 36em) {
    .replace-sim .sim-card__show {
        right:-1.9rem;
        top: -1.8rem;
        height: 13rem;
        width: 28rem
    }
}

.replace-sim .sim-card__hide {
    display: none
}

.replace-sim .show-sim {
    visibility: hidden
}

.replace-sim .hide-sim {
    visibility: visible
}

.tip-invitation--verification__icon i {
    vertical-align: bottom
}

@media only screen and (min-width: 36em) {
    .tip-invitation--not-a-customer__features-list {
        column-count:3;
        -webkit-columns: 3;
        -moz-columns: 3
    }
}

.tip-overlay-width .overlay {
    z-index: 1005
}

.contract-overview .form-builder.form-group .select-dropdown,.employee-overview .form-builder.form-group .select-dropdown {
    text-overflow: ellipsis
}

.contract-overview__search-item.search-item-container,.employee-overview__search-item.search-item-container {
    height: 6.2rem
}

.contract-overview__search-item.search-item-container .search-item__button .icon-configure:before,.employee-overview__search-item.search-item-container .search-item__button .icon-configure:before {
    top: .3rem
}

.contract-overview__select .extract-files a .icon,.employee-overview__select .extract-files a .icon {
    vertical-align: baseline
}

@media only screen and (max-width: 74.49em) {
    .contract-overview__row,.employee-overview__row {
        overflow:auto
    }
}

.product-summary .product-summary__top>div {
    margin-right: 1rem
}

.gif-sharing.sharing-tool-data__title {
    color: #bab6b5;
    text-align: center
}

.gif-sharing.sharing-tool-data__title--light {
    color: #fff
}

.gif-sharing.sharing-tool-data__description,.gif-sharing.sharing-tool-data__subtitle {
    text-align: center
}

@media only screen and (min-width: 36em) {
    .gif-sharing.sharing-tool-data__description {
        max-width:80rem;
        margin-left: auto;
        margin-right: auto
    }
}

.gif-sharing.sharing-tool-data__grid {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.gif-sharing.sharing-tool-data__grid .gif-sharing.sharing-tool-data__grid__item {
    margin: 1.5rem 0;
    width: calc(50% - 1.5rem);
    flex: 0 0 calc(50% - 1.5rem)
}

@media only screen and (min-width: 48.0625em) {
    .gif-sharing.sharing-tool-data__grid .gif-sharing.sharing-tool-data__grid__item {
        width:calc(25% - 1.5rem);
        flex: 0 0 calc(25% - 1.5rem)
    }
}

.gif-sharing.sharing-tool-data__message {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media only screen and (min-width: 36em) {
    .gif-sharing.sharing-tool-data__message {
        flex-direction:row
    }
}

.gif-sharing.sharing-tool-data__message .gif-sharing.sharing-tool-data__image-detail {
    flex-basis: 24.5rem
}

@media only screen and (min-width: 36em) {
    .gif-sharing.sharing-tool-data__message .gif-sharing.sharing-tool-data__image-detail {
        flex-basis:29.5rem
    }
}

.gif-sharing.sharing-tool-data__message .image-caption {
    min-width: 22rem;
    flex: 0 0 25%
}

.gif-sharing.sharing-tool-data__item {
    flex-grow: 1;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .gif-sharing.sharing-tool-data__item {
        margin-left:4rem
    }
}

.gif-sharing.sharing-tool-data__item__sharing-title {
    margin: 2rem 0
}

@media only screen and (min-width: 36em) {
    .gif-sharing.sharing-tool-data__item__sharing-title {
        margin:3.4rem 0 3rem
    }
}

.gif-sharing.sharing-tool-data__item .social-sharing__options {
    justify-content: flex-start
}

.gif-sharing.sharing-tool-data__form .form-helper,.gif-sharing.sharing-tool-data__form label {
    text-transform: uppercase
}

.gif-sharing.sharing-tool-data__image {
    margin: 0 auto;
    width: 27rem;
    height: auto
}

.gif-sharing.sharing-tool-data__cta {
    text-align: center
}

.gif-sharing.sharing-tool-data.gif-sharing.sharing-tool-data--message-block {
    max-width: 81.2rem;
    margin: auto
}

.usp__description {
    width: 100%;
    margin: 0
}

@media only screen and (min-width: 36em) {
    .usp__description {
        width:75%;
        margin: auto
    }
}

@media only screen and (min-width: 48.0625em) {
    .usp__description {
        width:50%;
        margin: auto
    }
}

.usp__items {
    margin: 2.4rem 0 0
}

@media only screen and (min-width: 36em) {
    .usp__items {
        display:flex;
        justify-content: center;
        margin: 2.4rem 0 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .usp__items {
        display:flex;
        justify-content: center;
        margin: 4rem 0 2rem
    }
}

.usp__item {
    padding: 0 .8rem 2.4rem;
    text-decoration: none;
    display: block
}

.usp__item .usp__image {
    padding-bottom: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem
}

@media only screen and (min-width: 36em) {
    .usp__item .usp__image {
        padding-bottom:1.6rem;
        width: 6.4rem;
        height: 6.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .usp__item .usp__image {
        padding-bottom:1.6rem;
        width: 8rem;
        height: 8rem
    }
}

.usp__item .usp__image .icon {
    color: #291d18
}

.usp__item .usp__image .usp__icon {
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 36em) {
    .usp__item .usp__image .usp__icon {
        width:6.4rem;
        height: 6.4rem;
        border-radius: 3.2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .usp__item .usp__image .usp__icon {
        width:8rem;
        height: 8rem;
        border-radius: 6.4rem
    }
}

.usp__item .usp__image .usp__icon--highlighted {
    background-color: #fff
}

.usp__item .usp__image .usp__icon .icon {
    margin-top: 2.5rem
}

.usp__item .usp__image img {
    height: 6.4rem
}

@media only screen and (min-width: 36em) {
    .usp__item .usp__image img {
        height:6.4rem
    }
}

@media only screen and (min-width: 48.0625em) {
    .usp__item .usp__image img {
        height:8rem
    }
}

.usp__item__description,.usp__item__title {
    text-decoration: none;
    color: #291d18
}

.usp a.usp__item {
    cursor: pointer;
    display: block
}

.usp a.usp__item .usp__item__description {
    color: #291d18;
    margin: auto;
    display: block
}

.usp a.usp__item:hover .usp__image .icon {
    color: #766f6b
}

.usp a.usp__item:hover .usp__item__title {
    color: #766f6b;
    text-decoration: none
}

.usp a.usp__item:hover .usp__item__description {
    color: #766f6b
}

.cmp-breadcrumb__list {
    list-style: none
}

@media only screen and (min-width: 36em) and (max-width:74.5em) {
    .cmp-breadcrumb__list {
        padding:0 2.5%
    }
}

.cmp-breadcrumb__list .cmp-breadcrumb__item:not(:first-child):before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit
}

.cmp-breadcrumb__list .cmp-breadcrumb__item:not(:first-child):before {
    height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .cmp-breadcrumb__list .cmp-breadcrumb__item:not(:first-child):before {
        transform:rotate(180deg)
    }
}

.cmp-description {
    line-height: 2.8rem;
    font-size: 2rem
}

.hero-banner .hero-banner__inner-container {
    flex-direction: column-reverse;
    text-align: left;
    max-width: 113.2rem;
    margin: 0 auto;
    display: flex
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner .hero-banner__inner-container {
        flex-direction:row;
        position: relative
    }
}

.hero-banner--container-full {
    max-width: 144rem;
    margin: 0 auto
}

.hero-banner--container-full .hero-banner__inner-container {
    overflow: hidden;
    height: 34rem
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-full .hero-banner__inner-container {
        align-items:center;
        min-height: 42rem;
        padding: 7.6rem 0;
        height: auto
    }
}

.hero-banner--container-full .hero-banner__inner-container .hero-banner__inner-container--text {
    margin: 1rem 2rem 3rem
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-full .hero-banner__inner-container .hero-banner__inner-container--text {
        margin:0 2rem 0 9rem
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner--container-full .hero-banner__inner-container .hero-banner__inner-container--text {
        margin:0
    }
}

.hero-banner--container-full .hero-banner__inner-container .hero-banner__inner-container--image {
    display: flex;
    justify-content: flex-end;
    height: 100%
}

.hero-banner--container-full .hero-banner__inner-container .hero-banner__inner-container--image .hero-banner__promo-highlight {
    position: relative;
    margin: 2rem 2rem -9rem 3.2rem
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-full .hero-banner__inner-container .hero-banner__inner-container--image .hero-banner__promo-highlight {
        bottom:12rem
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner--container-full .hero-banner__inner-container .hero-banner__inner-container--image .hero-banner__promo-highlight {
        align-self:center;
        margin: 0 4.8rem;
        bottom: 6.4rem
    }
}

.hero-banner--container-full-white .heading--1,.hero-banner--container-full-white .heading--2,.hero-banner--container-full-white .heading--3,.hero-banner--container-full-white .heading--4,.hero-banner--container-full-white .heading--5,.hero-banner--container-full-white .heading--6,.hero-banner--container-full-white h1,.hero-banner--container-full-white h2,.hero-banner--container-full-white h3,.hero-banner--container-full-white h4,.hero-banner--container-full-white h5,.hero-banner--container-full-white h6 {
    color: #fff
}

.hero-banner--container-circle {
    overflow: hidden
}

.hero-banner--container-circle .hero-banner__inner-container {
    height: auto
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-circle .hero-banner__inner-container {
        justify-content:space-between;
        min-height: 30rem;
        height: auto
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner--container-circle .hero-banner__inner-container {
        justify-content:space-between;
        min-height: 48rem;
        height: auto
    }
}

.hero-banner--container-circle .hero-banner__inner-container--text {
    margin: 0 2rem 2rem
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-circle .hero-banner__inner-container--text {
        flex-basis:33.33333%;
        max-width: 33.33333%;
        align-self: center;
        margin: 0 0 0 9rem
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner--container-circle .hero-banner__inner-container--text {
        flex-basis:58.33333%;
        max-width: 58.33333%;
        align-self: center;
        margin: 0
    }
}

.hero-banner--container-circle .hero-banner__inner-container--text h1 {
    margin: .4rem 0
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-circle .hero-banner__inner-container--text h1 {
        margin:.8rem 0
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner--container-circle .hero-banner__inner-container--text h1 {
        margin:.8rem 0
    }
}

.hero-banner--container-circle .hero-banner__inner-container--text .heading--2,.hero-banner--container-circle .hero-banner__inner-container--text h2:not([class*=heading--]) {
    margin: .4rem 0
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-circle .hero-banner__inner-container--text .heading--2,.hero-banner--container-circle .hero-banner__inner-container--text h2:not([class*=heading--]) {
        margin:.8rem 0
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner--container-circle .hero-banner__inner-container--text .heading--2,.hero-banner--container-circle .hero-banner__inner-container--text h2:not([class*=heading--]) {
        margin:.8rem 0
    }
}

.hero-banner--container-circle .hero-banner__inner-container--text .heading--4,.hero-banner--container-circle .hero-banner__inner-container--text h4:not([class*=heading--]) {
    margin: .4rem 0
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-circle .hero-banner__inner-container--text .heading--4,.hero-banner--container-circle .hero-banner__inner-container--text h4:not([class*=heading--]) {
        margin:.8rem 0
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner--container-circle .hero-banner__inner-container--text .heading--4,.hero-banner--container-circle .hero-banner__inner-container--text h4:not([class*=heading--]) {
        margin:.8rem 0
    }
}

.hero-banner--container-circle .hero-banner__inner-container--text .hero-banner__button {
    margin-top: 1.6rem
}

.hero-banner--container-circle .hero-banner__inner-container--image {
    position: relative
}

.hero-banner--container-circle .hero-banner__inner-container--image .hero-banner__promo-highlight {
    position: absolute;
    top: 2.1rem;
    align-self: flex-end;
    right: 16.8rem;
    width: 12.5rem;
    height: 15rem
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-circle .hero-banner__inner-container--image .hero-banner__promo-highlight {
        top:27.5rem;
        margin-top: -12.2rem;
        left: 0;
        align-self: flex-start;
        width: 26.4rem;
        height: 26rem
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner--container-circle .hero-banner__inner-container--image .hero-banner__promo-highlight {
        top:34.2rem;
        margin-top: -12.2rem;
        left: 0;
        align-self: flex-start;
        width: 26.4rem;
        height: 26rem
    }
}

.hero-banner--container-circle .hero-banner__inner-container--image-with-text {
    align-self: flex-end
}

.hero-banner-cards {
    margin-top: -6rem
}

.hero-banner-cards__inner-container {
    overflow: auto;
    max-width: 113.2rem;
    margin: 0 auto
}

.hero-banner .hero-banner__inner-container-backgroundcolor {
    flex-direction: row;
    align-items: end;
    height: auto
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner .hero-banner__inner-container-backgroundcolor {
        margin-left:9rem
    }
}

.hero-banner--logo {
    height: 4.8rem;
    width: 4.8rem;
    position: relative;
    right: 2rem;
    bottom: -1.6rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--logo {
        height:10rem;
        width: 10rem;
        right: 9rem;
        bottom: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner--logo {
        height:16rem;
        width: 16rem;
        right: 0;
        bottom: 0
    }
}

.hero-banner--logo img {
    height: 100%;
    width: 100%
}

.hero-banner--primary-color-4 {
    background: linear-gradient(-180deg,transparent,rgba(0,0,0,.8));
    color: #fff
}

.hero-banner--primary-color-5 {
    background: linear-gradient(-180deg,transparent,hsla(0,0%,69.4%,.55) 33%,hsla(0,0%,100%,.8))
}

.hero-banner--primary-color-6 {
    background: transparent
}

.hero-banner--container-accordion .inpage-banner__height {
    min-height: 31.6rem
}

.hero-banner--container-accordion .hero-banner__icon-text--section div {
    margin-top: 1rem;
    align-items: start
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-accordion .hero-banner__icon-text--section div {
        align-items:center
    }
}

.hero-banner--container-accordion .hero-banner__inner-container--image {
    justify-content: flex-end;
    display: flex
}

.hero-banner--container-accordion .hero-banner__inner-container--text {
    max-width: 100%;
    flex-basis: 100%
}

.hero-banner--container-accordion .icon-text-block__text {
    padding: 0 .5rem
}

.hero-banner--container-accordion .header-accordion--link {
    margin-top: .5rem
}

.hero-banner--container-accordion .image-circle__container {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-accordion .image-circle__container {
        height:19rem;
        width: 19rem;
        box-shadow: 0 .6rem .6rem 0 rgba(0,0,0,.1);
        background: #fff;
        border-radius: 15rem;
        display: flex;
        margin-top: 6rem
    }
}

.hero-banner--container-accordion .image-circle__container img {
    display: none
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner--container-accordion .image-circle__container img {
        height:14.3rem;
        width: 12.6rem;
        margin: auto;
        display: inline-flex;
        justify-content: center
    }
}

.hero-banner.in-page-banner--text {
    padding: 0 2rem
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner.in-page-banner--text {
        padding:0 3rem
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner.in-page-banner--text {
        padding:0
    }
}

.hero-banner.in-page-banner--text .inpage-banner__image {
    display: block;
    position: relative;
    min-height: 24rem
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner.in-page-banner--text .inpage-banner__image {
        min-height:24rem;
        display: flex;
        justify-content: normal;
        width: 76.5625%
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner.in-page-banner--text .inpage-banner__image {
        min-height:40rem;
        display: flex;
        justify-content: normal;
        width: 100%
    }
}

.hero-banner.in-page-banner--text .inpage-banner__image .hero-banner__inner-container--text {
    flex-basis: auto;
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner.in-page-banner--text .inpage-banner__image .hero-banner__inner-container--text {
        align-self:center;
        width: 60%;
        max-width: 60%;
        margin: 1.6rem 2.8rem 1.6rem 0
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner.in-page-banner--text .inpage-banner__image .hero-banner__inner-container--text {
        align-self:center;
        width: 81.1rem;
        max-width: 81.1rem;
        margin-top: 2.4rem;
        margin-bottom: 2.4rem
    }
}

.hero-banner.in-page-banner--text .inpage-banner__image .hero-banner__inner-container--image {
    position: absolute;
    top: 0;
    right: 2rem;
    flex-basis: auto;
    padding: 0
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner.in-page-banner--text .inpage-banner__image .hero-banner__inner-container--image {
        width:20.8rem;
        max-width: 20.8rem;
        position: relative;
        right: 0;
        align-self: center;
        padding: 1.6rem 0
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner.in-page-banner--text .inpage-banner__image .hero-banner__inner-container--image {
        width:32rem;
        max-width: 32rem;
        margin: auto 0;
        position: relative;
        padding: 2.4rem 0
    }

    .hero-banner.in-page-banner--text .inpage-banner__image .hero-banner__inner-container--image .in-page-banner__inner-container--image {
        text-align: right
    }
}

.hero-banner.in-page-banner--text .inpage-banner__image--left {
    flex-direction: row
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner.in-page-banner--text .inpage-banner__image--left {
        flex-direction:row-reverse
    }
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner.in-page-banner--text .inpage-banner__image--left .hero-banner__inner-container--text {
        margin-left:2.8rem;
        margin-right: 0
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner.in-page-banner--text .inpage-banner__image--left .hero-banner__inner-container--text {
        margin-left:2.8rem;
        margin-right: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner.in-page-banner--text .inpage-banner__image--left .hero-banner__inner-container--image .in-page-banner__inner-container--image {
        text-align:right
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner.in-page-banner--text .inpage-banner__image--left .hero-banner__inner-container--image .in-page-banner__inner-container--image {
        text-align:left
    }
}

.hero-banner.in-page-banner--text .inpage-banner__inner-container--titles {
    margin-right: 10rem;
    min-height: 10rem
}

@media only screen and (min-width: 48.0625em) {
    .hero-banner.in-page-banner--text .inpage-banner__inner-container--titles {
        margin-right:0;
        min-height: unset
    }
}

@media only screen and (min-width: 74.5em) {
    .hero-banner.in-page-banner--text .inpage-banner__inner-container--titles {
        margin-right:0;
        min-height: unset
    }
}

.hero-banner .notification.notification--author {
    position: relative;
    z-index: 5000
}

.outdated-browser-notification__browsers {
    padding: 0 1.2rem
}

.outdated-browser-notification__browsers img {
    width: 3.2rem;
    height: 3.2rem
}

.p--gutter {
    padding: 0 1rem
}

.cmp-responsivegrid--gutter {
    --padding: 0 1rem
}

.cmp-responsivegrid--gutter__l {
    --padding: 0 2.4rem
}

.cmp-responsivegrid.cmp-responsivegrid--full-height {
    flex: 1
}

.template-section {
    padding: 2.4rem 0;
    position: relative;
    z-index: 1
}

@media (min-width: 74.5em) {
    .template-section {
        max-width:144rem;
        margin: 0 auto
    }
}

@media only screen and (min-width: 48.0625em) {
    .template-section {
        padding:2.4rem 0
    }
}

@media only screen and (min-width: 74.5em) {
    .template-section {
        padding:3.2rem 0 5.6rem
    }
}

.template-section .container--default {
    padding: 0 2rem
}

@media only screen and (min-width: 48.0625em) {
    .template-section .container--default {
        padding:0 3rem
    }
}

@media only screen and (min-width: 74.5em) {
    .template-section .container--default {
        padding:0
    }
}

.template-section .container--default--video {
    z-index: 101
}

.template-section__video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}

.template-section.overlap-position--default {
    margin-top: 0
}

@media (min-width: 74.5em) {
    .template-section.overlap-position--default {
        margin-top:0
    }
}

.template-section.overlap-position--medium {
    margin-top: -4rem
}

@media (min-width: 74.5em) {
    .template-section.overlap-position--medium {
        margin-top:-8rem
    }
}

.template-section.overlap-visibility--to-front {
    position: relative;
    z-index: 2
}

.template-section.overlap-visibility--to-back {
    position: relative;
    z-index: 0
}

.template-section.overlap-animation--none {
    opacity: 1
}

.template-section.background--split .container--default,.template-section.background__image--split .container--default {
    margin-top: -2.4rem;
    margin-bottom: -2.4rem;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

@media only screen and (min-width: 48.0625em) {
    .template-section.background--split .container--default,.template-section.background__image--split .container--default {
        margin-top:-2.4rem;
        margin-bottom: -2.4rem;
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }
}

@media only screen and (min-width: 74.5em) {
    .template-section.background--split .container--default,.template-section.background__image--split .container--default {
        margin-top:-3.2rem;
        margin-bottom: -5.6rem;
        padding-top: 3.2rem;
        padding-bottom: 5.6rem
    }
}

.template-section.background--split {
    background-color: hsla(0,0%,88.2%,0);
    background-image: none
}

.template-section.background--split.background--toleft {
    --splitbackgroundangle: 90deg
}

.template-section.background--split.background--toright {
    --splitbackgroundangle: -90deg
}

@media (min-width: 74.5em) {
    .template-section.background--split {
        background-image:linear-gradient(var(--splitbackgroundangle),hsla(0,0%,88.2%,0),hsla(0,0%,88.2%,0) calc(50% - 72rem),var(--backgroundcolor) calc(50% - 72rem),var(--backgroundcolor) calc(50% - 56.5rem),hsla(0,0%,88.2%,0) calc(50% - 56.5rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--12__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*12 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*12 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--12__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*12 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*12 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--12__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 113.2rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--12 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*12 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*12 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--11__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*11 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*11 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--11__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*11 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*11 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--11__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 103.76667rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--11 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*11 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*11 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--10__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*10 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*10 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--10__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*10 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*10 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--10__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 94.33333rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--10 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*10 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*10 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--9__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*9 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*9 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--9__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*9 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*9 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--9__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 84.9rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--9 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*9 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*9 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--8__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*8 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*8 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--8__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*8 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*8 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--8__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 75.46667rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--8 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*8 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*8 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--7__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*7 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*7 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--7__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*7 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*7 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--7__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 66.03333rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--7 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*7 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*7 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--6__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*6 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*6 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--6__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*6 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*6 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--6__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 56.6rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--6 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*6 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*6 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--5__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*5 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*5 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--5__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*5 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*5 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--5__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 47.16667rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--5 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*5 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*5 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--4__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*4 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*4 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--4__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*4 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*4 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--4__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 37.73333rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--4 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*4 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*4 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--3__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*3 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*3 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--3__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*3 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*3 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--3__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 28.3rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--3 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*3 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*3 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--2__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*2 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*2 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--2__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*2 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*2 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--2__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 18.86667rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--2 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*2 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*2 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--1__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*1 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*1 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--1__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*1 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*1 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--1__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) 9.43333rem,hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--1 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*1 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*1 + 2rem))
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background--split .container--default.background--split--0__md {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*0 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*0 + 2rem))
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background--split .container--default.background--split--0__lg {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 6rem)/12*0 + 3rem),hsla(0,0%,88.2%,0) calc((100% - 6rem)/12*0 + 3rem))
    }
}

@media (min-width: 74.5em) {
    .template-section.background--split .container--default.background--split--0__xl {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor),hsla(0,0%,88.2%,0) 0)
    }
}

@media (max-width: 36em) {
    .template-section.background--split .container--default.background--split--0 {
        background-image:linear-gradient(var(--splitbackgroundangle),var(--backgroundcolor),var(--backgroundcolor) calc((100% - 4rem)/12*0 + 2rem),hsla(0,0%,88.2%,0) calc((100% - 4rem)/12*0 + 2rem))
    }
}

.template-section.background__image--split {
    background-repeat: no-repeat
}

.template-section.background__image--split.background--toleft {
    background-position: 0
}

.template-section.background__image--split.background--toright {
    background-position: 100%
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--12__md {
        background-size:calc((100% - 4rem)/12*12 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--12__lg {
        background-size:calc((100% - 6rem)/12*12 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--12__xl {
        background-size:calc(113.2rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--12 {
        background-size:calc((100% - 4rem)/12*12 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--11__md {
        background-size:calc((100% - 4rem)/12*11 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--11__lg {
        background-size:calc((100% - 6rem)/12*11 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--11__xl {
        background-size:calc(103.76667rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--11 {
        background-size:calc((100% - 4rem)/12*11 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--10__md {
        background-size:calc((100% - 4rem)/12*10 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--10__lg {
        background-size:calc((100% - 6rem)/12*10 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--10__xl {
        background-size:calc(94.33333rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--10 {
        background-size:calc((100% - 4rem)/12*10 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--9__md {
        background-size:calc((100% - 4rem)/12*9 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--9__lg {
        background-size:calc((100% - 6rem)/12*9 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--9__xl {
        background-size:calc(84.9rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--9 {
        background-size:calc((100% - 4rem)/12*9 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--8__md {
        background-size:calc((100% - 4rem)/12*8 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--8__lg {
        background-size:calc((100% - 6rem)/12*8 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--8__xl {
        background-size:calc(75.46667rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--8 {
        background-size:calc((100% - 4rem)/12*8 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--7__md {
        background-size:calc((100% - 4rem)/12*7 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--7__lg {
        background-size:calc((100% - 6rem)/12*7 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--7__xl {
        background-size:calc(66.03333rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--7 {
        background-size:calc((100% - 4rem)/12*7 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--6__md {
        background-size:calc((100% - 4rem)/12*6 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--6__lg {
        background-size:calc((100% - 6rem)/12*6 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--6__xl {
        background-size:calc(56.6rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--6 {
        background-size:calc((100% - 4rem)/12*6 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--5__md {
        background-size:calc((100% - 4rem)/12*5 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--5__lg {
        background-size:calc((100% - 6rem)/12*5 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--5__xl {
        background-size:calc(47.16667rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--5 {
        background-size:calc((100% - 4rem)/12*5 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--4__md {
        background-size:calc((100% - 4rem)/12*4 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--4__lg {
        background-size:calc((100% - 6rem)/12*4 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--4__xl {
        background-size:calc(37.73333rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--4 {
        background-size:calc((100% - 4rem)/12*4 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--3__md {
        background-size:calc((100% - 4rem)/12*3 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--3__lg {
        background-size:calc((100% - 6rem)/12*3 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--3__xl {
        background-size:calc(28.3rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--3 {
        background-size:calc((100% - 4rem)/12*3 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--2__md {
        background-size:calc((100% - 4rem)/12*2 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--2__lg {
        background-size:calc((100% - 6rem)/12*2 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--2__xl {
        background-size:calc(18.86667rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--2 {
        background-size:calc((100% - 4rem)/12*2 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--1__md {
        background-size:calc((100% - 4rem)/12*1 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--1__lg {
        background-size:calc((100% - 6rem)/12*1 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--1__xl {
        background-size:calc(9.43333rem + (100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--1 {
        background-size:calc((100% - 4rem)/12*1 + 2rem)
    }
}

@media (min-width: 36em) and (max-width:48.0625em) {
    .template-section.background__image--split--0__md {
        background-size:calc((100% - 4rem)/12*0 + 2rem)
    }
}

@media (min-width: 48.0625em) and (max-width:74.5em) {
    .template-section.background__image--split--0__lg {
        background-size:calc((100% - 6rem)/12*0 + 3rem)
    }
}

@media (min-width: 74.5em) {
    .template-section.background__image--split--0__xl {
        background-size:calc((100% - 113.2rem)/2)
    }
}

@media (max-width: 36em) {
    .template-section.background__image--split--0 {
        background-size:calc((100% - 4rem)/12*0 + 2rem)
    }
}

@media (min-width: 74.5em) {
    .template-section .wistia_embed {
        max-width:144rem
    }
}

#smartbanner {
    position: absolute;
    left: 0;
    top: -82px;
    border-bottom: 1px solid #eeeded;
    width: 100%;
    height: 78px;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    background: #fff;
    background-image: none;
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none
}

#smartbanner,html.sb-animation {
    transition: all .3s ease
}

#smartbanner .sb-container {
    margin: 0 auto
}

#smartbanner .sb-close {
    position: absolute;
    left: 20px;
    top: 31px;
    display: block;
    border: none;
    width: 16px;
    height: 16px;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #291d18;
    background: transparent;
    text-decoration: none;
    text-shadow: none;
    border-radius: 0;
    -webkit-font-smoothing: subpixel-antialiased
}

#smartbanner .sb-close:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit
}

#smartbanner .sb-close:active {
    font-size: 16px;
    color: #291d18
}

#smartbanner .sb-icon {
    position: absolute;
    left: 44px;
    top: 18px;
    display: block;
    width: 42px;
    height: 41px;
    background: #ffc421 url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/logo-telenet-white.svg) no-repeat 50%/25px;
    border-radius: .8rem
}

#smartbanner.no-icon .sb-icon {
    display: none
}

#smartbanner .sb-info {
    position: absolute;
    left: 93px;
    top: 2.2rem;
    width: 44%;
    font-size: 12px;
    line-height: 1.6rem;
    font-weight: 400;
    color: #bab6b5;
    text-shadow: none
}

#smartbanner #smartbanner.no-icon .sb-info {
    left: 5.2rem
}

#smartbanner .sb-info strong {
    display: block;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 14px;
    color: #291d18;
    line-height: 1.8rem;
    font-weight: 400
}

#smartbanner .sb-info>span {
    display: block
}

#smartbanner .sb-info em {
    font-style: normal;
    text-transform: uppercase
}

#smartbanner .sb-button {
    display: inline-flex;
    position: absolute;
    right: 20px;
    top: 19px;
    min-width: 8.2rem;
    background: #fff;
    text-transform: none;
    text-decoration: none;
    text-shadow: none
}

@media only screen and (min-width: 36em) {
    #smartbanner .sb-button {
        min-width:14rem
    }
}

#smartbanner .sb-button:active,#smartbanner .sb-button:hover {
    background: transparent
}

#smartbanner .sb-icon.gloss:after {
    content: "";
    display: none
}

#smartbanner.android {
    border-color: transparent;
    background: #fff;
    border-top: 0
}

#smartbanner.android .sb-close {
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif;
    border: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: transparent;
    text-shadow: none
}

#smartbanner.android .sb-close:before {
    font-family: icons;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit
}

#smartbanner.android .sb-close:active {
    color: #291d18
}

#smartbanner.android .sb-info {
    color: #291d18;
    text-shadow: none
}

#smartbanner.android .sb-info strong {
    color: #291d18
}

#smartbanner.android .sb-button {
    min-width: 8.2rem
}

@media only screen and (min-width: 36em) {
    #smartbanner.android .sb-button {
        min-width:14rem
    }
}

#smartbanner.android .sb-button span {
    text-align: center;
    display: block;
    padding: 0;
    background-color: transparent;
    background-image: none;
    text-transform: none;
    text-shadow: none
}

#smartbanner.android .sb-button:active,#smartbanner.android .sb-button:hover {
    background: none
}

#smartbanner.android .sb-button:active span,#smartbanner.android .sb-button:hover span {
    background: transparent
}

#smartbanner.windows .sb-icon {
    border-radius: .8rem
}

.smart-app-banner {
    position: relative;
    top: auto;
    min-height: 8rem;
    background: #fff
}

.smart-app-banner__logo {
    display: flex;
    align-items: center
}

.smart-app-banner__logo img {
    height: 5rem;
    width: 6rem;
    border-radius: .8rem
}

.smart-app-banner__button {
    background-color: #ffc421;
    padding: 0;
    min-width: 10rem;
    font-size: 1.8rem
}

@media only screen and (min-width: 48.0625em) {
    .breadcrumb-navigation__cta-item a {
        min-width:-webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content
    }
}

.breadcrumb-navigation a {
    display: inline-flex
}

.breadcrumb-navigation .cmp-breadcrumb__list {
    padding-left: 0
}

.grouping--full-height .aem-Grid .cmp-responsivegrid {
    flex: 1
}

.account-selector {
    position: relative
}

.account-selector__listing {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    border: .2rem solid #291d18
}

@media only screen and (min-width: 36em) {
    .account-selector__listing {
        justify-content:center;
        border: 0
    }
}

.account-selector__item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex: 1 0 100%;
    border-bottom: .2rem solid #291d18;
    margin-right: -4.5rem
}

@media only screen and (min-width: 36em) {
    .account-selector__item {
        flex:0 0 20%;
        border-bottom: none;
        margin-right: 0
    }
}

.account-selector__link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 8rem;
    align-items: center;
    flex-wrap: nowrap;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    width: 100%;
    color: #291d18;
    padding: 1rem 0
}

@media only screen and (min-width: 36em) {
    .account-selector__link {
        flex-direction:column;
        justify-content: flex-start;
        height: auto
    }
}

.account-selector__link:hover {
    color: #291d18;
    text-decoration: none
}

.account-selector__item:hover {
    cursor: pointer
}

.account-selector__item .avatar {
    width: 5rem;
    display: inline-block;
    margin-left: 2rem
}

@media only screen and (min-width: 36em) {
    .account-selector__item .avatar {
        width:100%;
        display: block;
        float: none;
        margin-left: 0
    }
}

.account-selector__item .avatar .invoices img {
    padding: 1.2rem 1.1rem 1.2rem 1.5rem
}

.account-selector__item.active .avatar,.account-selector__item:hover .avatar {
    border-radius: 50%;
    box-shadow: 0 0 0 .3rem #ffc421;
    width: 5rem;
    z-index: 2
}

@media only screen and (min-width: 36em) {
    .account-selector__item.active .avatar,.account-selector__item:hover .avatar {
        box-shadow:0 0 0 .3rem #ffc421
    }
}

.account-selector__item.active .avatar:hover,.account-selector__item:hover .avatar:hover {
    box-shadow: 0 0 0 .3rem #ffc421
}

.account-selector__item.active .account-selector__add-account .avatar,.account-selector__item:hover .account-selector__add-account .avatar {
    box-shadow: none
}

.account-selector__item.active .account-selector__add-account .avatar .avatar--add:hover,.account-selector__item:hover .account-selector__add-account .avatar .avatar--add:hover {
    box-shadow: none
}

.account__info {
    width: calc(100% - 4.5rem);
    display: inline-block;
    box-sizing: inherit;
    text-align: left;
    padding-left: 2rem;
    padding-right: 4rem
}

@media only screen and (min-width: 36em) {
    .account__info {
        width:100%;
        display: block;
        float: none;
        margin-top: 1rem;
        text-align: center;
        padding: 0 .5rem
    }
}

.account__info * {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.4rem
}

.account__info .account__id {
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media only screen and (min-width: 36em) {
    .account__info .account__id,.account__info .account__name {
        font-size:1.4rem;
        line-height: 1.6rem
    }
}

.account__info .account__name span {
    font-size: 1.4rem;
    line-height: 1.6rem
}

.account__info .account__id+.account__name,.account__info .account__id+.account__street {
    margin-top: .5rem
}

@media only screen and (min-width: 36em) {
    .account__info .account__id+.account__name {
        margin-top:0;
        margin-bottom: .5rem
    }
}

.account__info .account__city,.account__info .account__street {
    display: inline-block
}

@media only screen and (min-width: 36em) {
    .account__info .account__city,.account__info .account__street {
        display:block
    }
}

.account__info .account__street {
    margin-right: .5rem;
    width: 96%
}

@media only screen and (min-width: 36em) {
    .account__info .account__street {
        margin-right:0
    }
}

.account-selector__trigger {
    position: absolute;
    right: 1.5rem;
    top: 2.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    height: 4rem;
    width: 4rem
}

@media only screen and (min-width: 36em) {
    .account-selector__trigger {
        display:none
    }
}

.account-selector__trigger img {
    width: 2rem;
    line-height: 4rem;
    display: block
}

.account-selector__listing {
    overflow: hidden;
    background: #fff;
    height: 8.4rem;
    padding-right: 4.5rem
}

@media only screen and (min-width: 36em) {
    .account-selector__listing {
        overflow:visible;
        height: auto;
        padding-right: 0
    }
}

.account-selector__listing li:only-of-type {
    pointer-events: none
}

.account-selector__listing.is-open {
    overflow: visible;
    height: auto
}

.account-selector__item.active {
    order: -1
}

@media only screen and (min-width: 36em) {
    .account-selector__item.active {
        order:0
    }
}

.account-selector__item.active .account__info h2 {
    font-weight: 700
}

.account-selector__item.active .account__info p,.account-selector__item.active .account__info span {
    font-weight: 400
}

@media only screen and (min-width: 36em) {
    .account-selector__item.active .account__info p,.account-selector__item.active .account__info span {
        font-weight:700
    }
}

.account-selector__item .account__info h2,.account-selector__item .account__info p,.account-selector__item .account__info span {
    font-weight: 400
}

.icon-circle .question-mark {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 2.5rem;
    font-weight: 500
}

.form-container {
    display: flex;
    flex-direction: column
}

.form-container form {
    box-sizing: border-box;
    width: 100%;
    padding: 3.2rem 0
}

.form-container form .form-submit {
    display: flex;
    justify-content: flex-start;
    padding-top: 3.2rem
}

.form-container form .form-helper,.form-container form label {
    cursor: default
}

.form-container form .disabled.form-helper,.form-container form label.disabled {
    opacity: .4
}

.form-container .hidden-author {
    position: relative;
    white-space: nowrap;
    width: 100%;
    min-height: 4rem;
    border-radius: 1rem;
    background: repeating-linear-gradient(-55deg,#f7f6f6,#f7f6f6 1rem,#fff 0,#f7f6f6 2rem)
}

.form-container .hidden-author:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    line-height: 1.4rem;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    margin: -.7rem 0 0;
    opacity: .75;
    content: "[Hidden Form Component]"
}

.form-container .form-field-group-author {
    display: block;
    border: .1rem dashed #291d18;
    border-radius: .8rem;
    margin: 1rem 0
}

.form-builder.form-group {
    width: calc(100% - 3.2rem)
}

.form-builder.form-group:last-child {
    margin-bottom: 2rem
}

.form-builder.form-group.disabled .icon-calendar,.form-builder.form-group.disabled .icon-tooltip-container {
    display: none
}

.form-builder.form-group .dtp-input {
    display: block
}

.form-builder.form-group .dtp-input .icon-calendar {
    right: .8rem;
    top: 1.4rem
}

.form-builder.form-group textarea.form-control {
    max-width: 100%;
    overflow: auto;
    resize: both
}

.form-builder.form-group .icon-tooltip-container {
    position: relative;
    text-align: right
}

.form-builder.form-group .icon-tooltip-container .icon-help {
    right: -2.4rem;
    position: absolute;
    top: -.8rem;
    float: right;
    font-size: 1.8rem;
    color: #291d18;
    cursor: pointer;
    word-wrap: break-word;
    box-sizing: border-box
}

.form-builder.form-group .icon-tooltip-container .icon-help.tooltip .tooltip-text {
    visibility: hidden
}

.form-builder.form-group .icon-tooltip-container .icon-help.tooltip:hover {
    color: #ffc421
}

.form-builder.form-group .icon-tooltip-container .icon-help.tooltip:hover .tooltip-text {
    right: 2rem;
    visibility: visible;
    z-index: 2
}

.form-builder.form-group .icon-tooltip-container .icon-help.dropdown {
    top: -3.8rem
}

.form-builder.form-group .icon-tooltip-container .icon-help:before {
    bottom: 2rem
}

.form-builder.form-group .icon-tooltip-container .tooltip-position-correction {
    top: 1.5rem
}

.form-builder.form-group .formErrorInput {
    padding-top: 1rem;
    line-height: 1
}

.form-builder.form-group .disable-resize {
    resize: none
}

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

.form-builder.form-group .email-field {
    width: calc(100% - 3.2rem);
    margin: 0 1.6rem
}

@media only screen and (min-width: 36em) {
    .form-builder.form-group .email-field {
        width:calc(100% - 3.2rem);
        margin: 0
    }
}

.form-builder.form-group .email-field small {
    line-height: 1.6rem
}

.form-builder.form-group .email-field ::-moz-placeholder {
    color: #766f6b
}

.form-builder.form-group .email-field :-ms-input-placeholder {
    color: #766f6b
}

.form-builder.form-group .email-field ::placeholder {
    color: #766f6b
}

.form-builder.form-group .email-field__filled {
    color: #291d18
}

.form-builder.form-group .email-field__error {
    margin-bottom: .8rem;
    border-bottom: .2rem solid #c95942
}

.form-builder.form-group .phone-number .error {
    border-color: #c95942
}

.form-builder.form-group.bus-field,.form-builder.form-group.city-field,.form-builder.form-group.house-number-field,.form-builder.form-group.street-field,.form-builder.form-group.sub-number-field,.form-builder.form-group.zip-field {
    position: relative;
    min-height: 4.8rem;
    box-sizing: border-box
}

.form-builder.form-group.bus-field .icon-tooltip-container .icon-help.auto-complete,.form-builder.form-group.city-field .icon-tooltip-container .icon-help.auto-complete,.form-builder.form-group.house-number-field .icon-tooltip-container .icon-help.auto-complete,.form-builder.form-group.street-field .icon-tooltip-container .icon-help.auto-complete,.form-builder.form-group.sub-number-field .icon-tooltip-container .icon-help.auto-complete,.form-builder.form-group.zip-field .icon-tooltip-container .icon-help.auto-complete {
    top: -3.5rem
}

.form-builder.form-group.bus-field .icon-tooltip-container .icon-help.tooltip:hover .tooltip-text,.form-builder.form-group.city-field .icon-tooltip-container .icon-help.tooltip:hover .tooltip-text,.form-builder.form-group.house-number-field .icon-tooltip-container .icon-help.tooltip:hover .tooltip-text,.form-builder.form-group.street-field .icon-tooltip-container .icon-help.tooltip:hover .tooltip-text,.form-builder.form-group.sub-number-field .icon-tooltip-container .icon-help.tooltip:hover .tooltip-text,.form-builder.form-group.zip-field .icon-tooltip-container .icon-help.tooltip:hover .tooltip-text {
    z-index: 1001
}

.form-builder.form-group.zip-field .AutoComplete {
    z-index: 1000
}

.form-builder.form-group.city-field .AutoComplete {
    z-index: 999
}

.form-builder.form-group.street-field .AutoComplete {
    z-index: 998
}

.form-builder.form-group.sub-number-field .AutoComplete {
    z-index: 997
}

.form-builder.form-group .AutoComplete {
    position: relative;
    width: 100%;
    height: 4.8rem;
    margin-bottom: .8rem
}

.form-builder.form-group .AutoComplete .Form__input {
    display: block;
    box-sizing: border-box;
    min-width: 100%;
    padding: 1.2rem 0 1.2rem 1.6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #291d18;
    margin-bottom: 0;
    opacity: 1;
    border: .2rem solid transparent;
    border-radius: 0
}

.form-builder.form-group .AutoComplete .Form__input:focus {
    border-color: #291d18;
    outline: 0
}

.form-builder.form-group .AutoComplete .Form__input::-moz-placeholder {
    color: #766f6b;
    opacity: 1
}

.form-builder.form-group .AutoComplete .Form__input:-ms-input-placeholder {
    color: #766f6b;
    opacity: 1
}

.form-builder.form-group .AutoComplete .Form__input::placeholder {
    color: #766f6b;
    opacity: 1
}

.form-builder.form-group .AutoComplete .Form__input.disabled,.form-builder.form-group .AutoComplete .Form__input:disabled,.form-builder.form-group .AutoComplete .Form__input[readonly] {
    opacity: .4
}

.form-builder.form-group .AutoComplete .tg-autocomplete-list {
    width: 100%;
    position: absolute;
    border-radius: .8rem
}

.form-builder.form-group .AutoComplete .AutoComplete__list {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    padding: 1rem;
    color: #291d18;
    cursor: pointer
}

.form-builder.form-group .AutoComplete .AutoComplete__list:hover {
    font-weight: 700;
    color: #ffc421
}

.form-builder.form-group .AutoComplete .AutoComplete__list .AutoComplete__list-item {
    padding: .2rem 0;
    line-height: 1
}

.form-builder.form-group.billing-dropdown {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 500
}

.form-builder.form-group.billing-dropdown .billing-account {
    display: block;
    font-size: 1.8rem;
    line-height: 2rem;
    color: #291d18
}

.form-builder.form-group.billing-dropdown .billing-address {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #bab6b5
}

.form-builder.form-group.billing-dropdown .billing-amount {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: .8rem;
    color: #291d18;
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.form-builder.form-group.billing-dropdown .billing-amount .amount {
    font-size: 1.8rem;
    line-height: 2rem
}

.form-builder.form-group.billing-dropdown .select2-results,.form-builder.form-group.billing-dropdown li.ui-select-choices-group {
    padding: 0!important
}

.form-builder.form-group.billing-dropdown .select2-results li {
    padding: 1.6rem 0;
    border-bottom: .1rem solid #f7f6f6
}

.form-builder.form-group.billing-dropdown .select2-results li:last-child {
    border-bottom: 0
}

.form-builder.form-group.billing-dropdown .ui-select-choices-row:hover {
    background: #ffc421
}

.form-builder.form-group.billing-dropdown .ui-select-choices-row:hover .billing-account,.form-builder.form-group.billing-dropdown .ui-select-choices-row:hover .billing-address,.form-builder.form-group.billing-dropdown .ui-select-choices-row:hover .billing-amount {
    color: #fff;
    font-weight: 500
}

.form-builder.form-group.billing-dropdown .select2-container .select2-choice {
    height: 10rem;
    border: .1rem solid #291d18;
    border-radius: .8rem;
    padding: 1.6rem
}

.form-builder.form-group.billing-dropdown .select2-dropdown-open .select2-choice {
    border: 0;
    border-radius: 0;
    border-top-right-radius: .8rem;
    border-top-left-radius: .8rem
}

.form-builder.form-group.billing-dropdown .select2-drop {
    margin-top: 0
}

.form-builder.form-group.billing-dropdown .select2-container .select2-choice .select2-arrow {
    right: 2.8rem;
    top: 3rem
}

.form-builder.form-group.billing-dropdown .select2-dropdown-open .select2-choice .select2-arrow {
    top: 3.6rem
}

.form-builder.form-group.billing-dropdown .select2-container .select2-choice>.select2-chosen {
    height: 8rem;
    padding-top: 0;
    padding-bottom: 1.6rem
}

.form-builder.form-group.billing-dropdown .ui-select-choices-row .billing-amount {
    margin-right: 2rem
}

.form-builder.form-group.billing-dropdown .select2-results {
    max-height: 31rem
}

.form-builder.form-group.billing-dropdown .select2-dropdown-open.direction-up .select2-choice {
    border-bottom-left-radius: .8rem;
    border-bottom-right-radius: .8rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.form-builder.form-group .validation-error a.select2-choice {
    border-color: #c95942
}

.form-builder.form-group .form-control,.form-builder.form-group .form__input {
    width: 100%;
    max-width: 100%
}

.form-builder.form-group .form__input-container {
    display: flex;
    flex-direction: row;
    align-items: center
}

.form-builder.form-group .form__input-container .form__input__prefix {
    box-sizing: inherit;
    padding: 0 0 .65rem;
    font-size: 1.8rem
}

.error-text-field {
    background-color: var(--theme__shade-12___elevation_white_l)
}

.error-text-field:focus {
    border-color: inherit
}

.error-form-text-field input {
    background-color: var(--theme__shade-12___elevation_white_l)
}

.error-form-text-field input:focus {
    border-color: inherit
}

.form-address.form-builder.form-group {
    margin-bottom: 2.4rem
}

.cmp-address .address-header {
    margin-bottom: 2.4rem;
    font-size: 1.8rem;
    line-height: 1
}

.cmp-address .form-control.disabled,.cmp-address .form-control:disabled,.cmp-address .form-control[readonly] {
    background-color: var(--theme__shade-12___elevation_white_l);
    padding: 1.2rem 0 1.2rem 1.6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #291d18;
    margin-bottom: 0;
    opacity: .4;
    border: .2rem solid transparent
}

.cmp-address .read-only .form-control.disabled,.cmp-address .read-only .form-control:disabled,.cmp-address .read-only .form-control[readonly] {
    padding: 0;
    opacity: 1;
    border-width: 0
}

.cmp-address .form-helper,.cmp-address label {
    margin-bottom: 0;
    cursor: default
}

.cmp-address .disabled.form-helper,.cmp-address label.disabled {
    opacity: .4
}

.cmp-address .address-dropdown {
    margin-bottom: 2.4rem
}

.third-party-subscription__heading {
    margin-bottom: 2.4rem
}

.third-party-subscription__action {
    margin-top: 2.4rem
}

.third-party-subscription__action button {
    margin-bottom: 1.6rem
}

.third-party-subscription--card {
    background-color: #f7f6f6;
    padding: 2.4rem;
    width: auto;
    display: inline-flex
}

.third-party-subscription--card .cards--body__inner-margin {
    margin-bottom: .8rem
}

.third-party-subscription--card .cards--body__inner-heading {
    font-size: 4rem;
    line-height: 2.8rem;
    text-transform: uppercase
}

.third-party-subscription--card .cards--body__inner-label {
    line-height: 2rem
}

.care-page--version2 .secondary-header--care,.care-page-tln-bus--version-2 .secondary-header--care,.care-page .secondary-header--care {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    background: #fff
}

@media only screen and (min-width: 48.0625em) {
    .care-page--version2 .secondary-header--care,.care-page-tln-bus--version-2 .secondary-header--care,.care-page .secondary-header--care {
        margin-top:-8rem;
        padding-top: 0
    }
}

.care-page--version2 .secondary-header--care__container,.care-page-tln-bus--version-2 .secondary-header--care__container,.care-page .secondary-header--care__container {
    display: flex;
    padding: 2rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 113.2rem;
    margin: 0 auto
}

@media only screen and (min-width: 48.0625em) {
    .care-page--version2 .secondary-header--care__container,.care-page-tln-bus--version-2 .secondary-header--care__container,.care-page .secondary-header--care__container {
        padding:2rem;
        flex-direction: row;
        align-items: flex-end
    }
}

.care-page--version2 .secondary-header--care__container__component-name h1,.care-page-tln-bus--version-2 .secondary-header--care__container__component-name h1,.care-page .secondary-header--care__container__component-name h1 {
    font-size: 4rem;
    line-height: 4.4rem;
    color: #291d18
}

@media only screen and (min-width: 48.0625em) {
    .care-page--version2 .secondary-header--care__container__component-name h1,.care-page-tln-bus--version-2 .secondary-header--care__container__component-name h1,.care-page .secondary-header--care__container__component-name h1 {
        font-size:5.6rem;
        line-height: 5.2rem
    }
}

.care-page--version2 .secondary-header--care__container__account-selector,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector,.care-page .secondary-header--care__container__account-selector {
    margin-top: 0;
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .care-page--version2 .secondary-header--care__container__account-selector,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector,.care-page .secondary-header--care__container__account-selector {
        margin-top:0;
        width: auto
    }
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector,.care-page .secondary-header--care__container__account-selector .account-line-selector {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding: 0;
    background: #fff
}

@media only screen and (min-width: 48.0625em) {
    .care-page--version2 .secondary-header--care__container__account-selector .account-line-selector,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector,.care-page .secondary-header--care__container__account-selector .account-line-selector {
        margin-top:0
    }
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector {
    background: #fff;
    color: #291d18
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__action .arrow.arrow--down:after,.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__action .arrow.arrow--up:after,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__action .arrow.arrow--down:after,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__action .arrow.arrow--up:after,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__action .arrow.arrow--down:after,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__action .arrow.arrow--up:after {
    color: #291d18;
    border-color: #291d18 transparent
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list {
    border-color: #291d18
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__icon .icon-circle,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__icon .icon-circle,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__icon .icon-circle {
    background: #ffc421
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__icon [class^=icon],.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__icon [class^=icon],.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__icon [class^=icon] {
    color: #fff
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__account-info__account-details,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__account-info__account-details,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__account-info__account-details {
    color: #291d18
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__account-info__outstanding-balance .inclusive-text,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__account-info__outstanding-balance .inclusive-text,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__account-info__outstanding-balance .inclusive-text {
    color: inherit
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__first-item--opened,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__first-item--opened,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__first-item--opened {
    background: #fff
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__first-item--opened+ul,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__first-item--opened+ul,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__first-item--opened+ul {
    background: #fff
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .account-selector__list__account-info,.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .account-selector__list__account-info__account-details,.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .inclusive-text,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .account-selector__list__account-info,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .account-selector__list__account-info__account-details,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .inclusive-text,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .account-selector__list__account-info,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .account-selector__list__account-info__account-details,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .inclusive-text {
    color: #fff
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .icon-circle,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .icon-circle,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover .icon-circle {
    background: #fff
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover [class^=icon],.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover [class^=icon],.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item:hover [class^=icon] {
    color: #ffc421
}

.care-page--version2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item__link,.care-page-tln-bus--version-2 .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item__link,.care-page .secondary-header--care__container__account-selector .account-line-selector .account-selector__list__options__item__link {
    color: #291d18
}

.care-page--version2 .container--care,.care-page .container--care {
    padding: 0 1.6rem
}

@media only screen and (min-width: 48.0625em) {
    .care-page--version2 .container--care,.care-page .container--care {
        padding:0 1.6rem
    }
}

.care-page--version2 .container--care .Title,.care-page .container--care .Title {
    max-width: 100%;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .care-page--version2 .container--care .Title,.care-page .container--care .Title {
        justify-content:space-between;
        flex-direction: row;
        text-align: left
    }
}

.care-page--version2 .container--care .Title .button,.care-page--version2 .container--care .Title .template-link,.care-page .container--care .Title .button,.care-page .container--care .Title .template-link {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .care-page--version2 .container--care .Title .button,.care-page--version2 .container--care .Title .template-link,.care-page .container--care .Title .button,.care-page .container--care .Title .template-link {
        width:auto
    }
}

.care-page--version2 .container--care .Title .template-link .button,.care-page .container--care .Title .template-link .button {
    min-height: 4rem
}

.care-page--version2 .container--care .Title--secondary-section,.care-page .container--care .Title--secondary-section {
    align-items: center;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .care-page--version2 .container--care .Title--secondary-section,.care-page .container--care .Title--secondary-section {
        align-items:flex-end
    }
}

.care-page--version2 .container--care--fullwidth,.care-page .container--care--fullwidth {
    max-width: 113.2rem;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .care-page--version2 .container--care--fullwidth,.care-page .container--care--fullwidth {
        padding:0 1.6rem
    }
}

.care-page--version2 .container--care--fullwidth .Panel,.care-page .container--care--fullwidth .Panel {
    margin-bottom: 2rem;
    padding: 0
}

@media only screen and (min-width: 48.0625em) {
    .care-page--version2 .container--care--fullwidth .Panel,.care-page .container--care--fullwidth .Panel {
        padding:0
    }
}

.care-page--version2 .container--care--fullwidth .Panel.bg-transparent,.care-page .container--care--fullwidth .Panel.bg-transparent {
    padding: 0
}

.care-page .mask-gradient {
    background: hsla(0,0%,94.9%,.4);
    padding: 4rem 0 5.6rem;
    border-top: .1rem solid #f7f6f6;
    border-bottom: .1rem solid #f7f6f6
}

.care-page .container--care {
    width: auto
}

@media only screen and (min-width: 36em) {
    .care-page .container--care {
        width:100%
    }
}

.care-page .container--care.half--width {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .care-page .container--care.half--width {
        width:50%
    }
}

.care-page__bg {
    background-image: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/care-page-dtv-background-mobile.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (min-width: 48.0625em) {
    .care-page__bg {
        background-image:url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/care-page-dtv-background-desktop.svg);
        background-size: cover
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .care-page__bg {
        background-size:contain
    }
}

.care-page__choose-flavour-bg {
    background-image: url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/care-page-dtv-background-mobile.svg);
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (device-width: 768px) {
    .care-page__choose-flavour-bg {
        background-size:contain
    }
}

@media only screen and (min-width: 48.0625em) {
    .care-page__choose-flavour-bg {
        background-image:url(../../../aff-telenetgroup/atomic/clientlibs/clientlib-atomic/fonts/care-page-dtv-background-desktop.svg)
    }
}

.care-page .title-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 113.2rem;
    width: 100%;
    margin: 0 auto 3.2rem;
    text-align: center
}

@media only screen and (min-width: 36em) {
    .care-page .title-section {
        margin:4rem auto 3.2rem
    }
}

.care-page .title-section .cmp.cmp-title h1 {
    color: #291d18;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 4rem;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .care-page .title-section .cmp.cmp-title h1 {
        font-size:5.5rem;
        margin: 0
    }
}

.care-page .title-section .cmp-text p {
    color: #291d18;
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem;
    margin-top: 1.6rem;
    margin-bottom: 2rem
}

@media only screen and (min-width: 36em) {
    .care-page .title-section .cmp-text p {
        margin-bottom:0
    }
}

.care-page .title-section .template-link .Title-link {
    display: block;
    min-width: 14rem;
    text-align: center;
    margin-top: 2.4rem;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .7rem 1.8rem;
    font-size: 1.6rem;
    text-decoration: none;
    line-height: 1.5;
    border: .1rem solid #eeeded;
    border-radius: .8rem;
    color: #291d18;
    background-color: transparent;
    white-space: nowrap;
    transition: background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out;
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 36em) {
    .care-page .title-section .template-link .Title-link {
        margin-bottom:0
    }
}

.care-page .title-section .template-link .Title-link:hover {
    background-color: hsla(0,0%,100%,.2);
    box-shadow: 0 0 0 .1rem transparent;
    color: #291d18;
    border: .1rem solid #291d18
}

.care-page .title-section .template-link .Title-link.focus,.care-page .title-section .template-link .Title-link:focus {
    box-shadow: 0 0 0 .1rem rgba(0,0,0,.3)
}

.care-page .title-section.secondary {
    text-align: center
}

@media only screen and (min-width: 36em) {
    .care-page .title-section.secondary {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        padding: 0 1.6rem
    }
}

@media only screen and (min-width: 36em) {
    .care-page .title-section.secondary .template-link {
        align-self:center
    }
}

.care-page .title-section.secondary.title-section--secondary-section {
    align-items: center;
    flex-direction: column;
    margin-top: -4rem
}

@media only screen and (min-width: 48.0625em) {
    .care-page .title-section.secondary.title-section--secondary-section {
        align-items:flex-end;
        padding: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    .care-page .title-section.secondary.title-section--secondary-section .template-link {
        align-self:flex-end
    }
}

.care-page .title-section--secondary-section {
    align-items: center;
    flex-direction: column
}

@media only screen and (min-width: 48.0625em) {
    .care-page .title-section--secondary-section {
        align-items:flex-end;
        padding: 0
    }
}

.minimal-page .container--care {
    padding: 0 1.6rem;
    margin-top: 3.2rem
}

@media only screen and (min-width: 36em) {
    .minimal-page .container--care {
        padding:0;
        margin-top: 12.8rem
    }
}

.Panel.bg-transparent {
    padding: 0;
    background: transparent
}

.template--aemcontainer {
    border: 2px dashed #ccc;
    text-align: center;
    padding: 20px;
    color: #291d18;
    font-family: tahoma,arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: 700
}

.dashboard-container {
    max-width: 113.2rem;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .dashboard-container {
        padding:0
    }
}

.dashboard-container .cmp-text,.dashboard-container .cmp-title {
    text-align: center
}

.dashboard-container .cdh-message {
    margin: 1rem
}

.dashboard-page .mask-gradient {
    background: hsla(0,0%,94.9%,.4);
    padding: 4rem 0 5.6rem
}

.dashboard-page .mask-gradient .navigation-content-box {
    margin-top: 2.4rem
}

@media only screen and (min-width: 36em) {
    .dashboard-page .mask-gradient .navigation-content-box {
        margin-top:0
    }
}

.dashboard-page .mask-gradient .navigation-content-box .account-line-selector {
    padding: 0;
    margin: 0 1rem 2.4rem;
    float: none;
    background: transparent
}

@media only screen and (min-width: 36em) {
    .dashboard-page .mask-gradient .navigation-content-box .account-line-selector {
        padding:0;
        margin: 0 1rem 2.4rem 0;
        float: right
    }
}

.dashboard-page .mask-gradient .navigation-content-box .cmp-text {
    margin-left: 1rem;
    text-align: left;
    font-size: 2rem;
    line-height: 2.8rem
}

.dashboard-page .mask-gradient .navigation-list__icon:before {
    vertical-align: inherit
}

.dashboard-page .dashboard-img-container {
    position: relative
}

.dashboard-page .dashboard-img-container img {
    height: 30rem;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .dashboard-page .dashboard-img-container img {
        height:50rem
    }
}

.dashboard-page .dashboard-img-container .dashboard-img-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    margin-top: -10rem
}

@media only screen and (min-width: 36em) {
    .dashboard-page .dashboard-img-container .dashboard-img-content {
        margin-top:-15rem
    }
}

.dashboard-page .dashboard-img-container .dashboard-img-content .cmp-title h1 {
    font-size: 4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    font-weight: 900;
    color: #fff
}

@media only screen and (min-width: 36em) {
    .dashboard-page .dashboard-img-container .dashboard-img-content .cmp-title h1 {
        font-size:5.5rem
    }
}

.sales-page {
    position: relative;
    background-color: #f7f6f6
}

.sales-page .Header {
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .sales-page .Header {
        margin-bottom:0
    }
}

.sales-page .Header .Header-container {
    height: 6rem
}

@media only screen and (min-width: 36em) {
    .sales-page .Header .Header-container {
        height:10rem
    }
}

.sales-page .header-base .menu-nav .customer-zone-link {
    margin-bottom: 3rem
}

.sales-page__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #fff
}

@media only screen and (max-width: 48.0525em) {
    .sales-page__container .sales-overlay .icon-close:before {
        font-size:12px
    }
}

@media only screen and (max-width: 48.0525em) {
    .sales-page__container .sales-overlay .sales-page__container__title {
        padding-top:3.4rem
    }
}

.sales-page__container .sales-overlay .sales-page__container__title__header {
    margin-bottom: .8rem
}

@media only screen and (min-width: 36em) {
    .sales-page__container .sales-overlay .sales-page__container__title__header {
        margin-bottom:1.5rem
    }
}

@media only screen and (max-width: 48.0525em) {
    .sales-page__container .sales-overlay .sales-checkout-step-container .overlay__section__content__action,.sales-page__container .sales-overlay .sales-checkout-step-container .stepper-page__content--split.container {
        padding:0
    }
}

.sales-page__container .sales-overlay .sales-checkout-step-container .overlay__section__content__action .sales-flow__content__delivery__action {
    padding: 0
}

@media only screen and (max-width: 35.99em) {
    .sales-page__container .sales-overlay .sales-checkout-step-container .overlay__section__content__action .sales-flow__content__delivery__action {
        padding:0 2rem
    }
}

.sales-page__container__title {
    width: 100%;
    padding: 2.4rem 2rem;
    text-align: center;
    background: #fff;
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .sales-page__container__title {
        margin-top:0;
        margin-bottom: 0;
        padding: 3.2rem 0
    }
}

.sales-page__container__title__header {
    font-size: 2.4rem;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif;
    margin: 0;
    padding-bottom: 0;
    line-height: 2.8rem
}

@media only screen and (min-width: 36em) {
    .sales-page__container__title__header {
        font-size:3.2rem;
        line-height: 4rem
    }
}

.sales-page__container__title .cmp-title h1,.sales-page__container__title h1 {
    margin: 0;
    padding-bottom: 1.5rem;
    color: #291d18;
    font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
}

.sales-page__container__title p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0
}

.sales-page__container__title__section {
    max-width: 128rem;
    margin: 0 auto
}

.sales-page__container__title--secondary {
    margin-top: 2.4rem
}

@media only screen and (min-width: 36em) {
    .sales-page__container__title--secondary {
        margin-top:-2.4rem
    }
}

.sales-page__container__content {
    width: 100%;
    background: #f7f6f6
}

.sales-page__container__content__section {
    max-width: 128rem;
    margin: 0 auto
}

.sales-page__container__content__section.width--full {
    max-width: 100%
}

.sales-page__container__content__section.width--full .sales-overlay {
    position: absolute;
    top: 0;
    padding-top: 12rem;
    background: #fff;
    width: 100%;
    z-index: 1
}

.sales-page__container__content__section.width--full .sales-overlay .overlay__section__content__close {
    position: absolute;
    right: 0
}

.sales-page__container__content__section.width--full .sales-overlay .sales-page__container__title {
    padding-bottom: 0
}

.sales-page__container__content__section.width--full .sales-page__container__title {
    margin-bottom: 2.4rem
}

@media only screen and (min-width: 36em) {
    .sales-page__container__content__section.width--full .sales-page__container__title {
        margin-bottom:5.5rem
    }
}

.sales-page__container__content__section.width--full .sales-checkout {
    max-width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .sales-page__container__content__section.width--full .sales-checkout {
        max-width:100%
    }
}

.sales-page__container__content__section .notification,.sales-page__container__content__section.width--full .sales-review-container {
    max-width: 124rem;
    margin: 0 auto
}

.sales-page__container__content__section .notification.notification--errorfield .icon-status-errorfield:before {
    margin-top: 1rem
}

.sales-page__container__content__section .order-confirmation-section__title {
    padding: 0 2rem .5rem;
    font-size: 2rem;
    line-height: 2rem;
    color: #291d18;
    margin: 0 0 1.1rem
}

@media only screen and (min-width: 48.0625em) {
    .sales-page__container__content__section .order-confirmation-section__title {
        padding:0 0 1rem;
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin: 0 0 .8rem;
        font-family: TelenetAlbra-Bold,Helvetica,Verdana,Arial,Sans-serif
    }
}

.sales-page__container__content__section .order-confirmation-section .notification {
    max-width: 100%;
    margin: 0
}

@media only screen and (min-width: 48.0625em) {
    .sales-page__container__content__section .order-confirmation-section .notification {
        max-width:37rem
    }
}

.sales-page .sales-checkout-step-container {
    width: 100%;
    padding: 0;
    margin: 0;
    background: transparent
}

@media only screen and (min-width: 36em) {
    .sales-page .sales-checkout-step-container {
        width:100%;
        padding: 0 4rem
    }
}

.sales-page .sales-checkout-step-container .stepper-page__content-first {
    position: sticky;
    top: 0;
    height: auto!important;
    width: auto!important;
    margin-right: 13rem!important;
    padding-top: 0!important;
    display: flex;
    justify-content: center;
    flex: 1 0 auto!important;
    align-items: center
}

@media only screen and (min-width: 48.0625em) {
    .sales-page .sales-checkout-step-container .stepper-page__content-first {
        padding-left:6rem
    }
}

.sales-page .sales-checkout-step-container .stepper-page__content-first svg {
    height: auto;
    width: 200px!important
}

@media only screen and (min-width: 74.5em) {
    .sales-page .sales-checkout-step-container .stepper-page__content-first svg {
        width:100%!important
    }
}

.sales-page .Title-heading,.sales-page .Title .cmp-title h1 {
    color: #fff
}

.template--whole-page__wrapper,body.template--whole-page {
    display: flex;
    flex-direction: column
}

.template--whole-page__wrapper {
    min-height: 100vh
}

.template--eos__header {
    margin: 3vh 3vw 0;
    width: 94vw;
    z-index: 2
}

.template--eos__body {
    flex-grow: 1;
    margin: 3vh 3vw 0
}

.template--eos__body--whole-height {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

body.event-page .event-page__container {
    display: block;
    margin: 0 1rem
}

@media only screen and (min-width: 36em) {
    body.event-page .event-page__container {
        margin:0 2rem
    }
}

@media only screen and (min-width: 48.0625em) {
    body.event-page .event-page__container {
        display:flex;
        margin: 0 3rem 0 9rem
    }
}

@media only screen and (min-width: 74.5em) {
    body.event-page .event-page__container {
        display:flex;
        margin: 0
    }
}

body.event-page .event-page__container:not(:first-of-type) {
    margin-top: .8rem
}

body.event-page .event-page__container .event-page__container1 {
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    body.event-page .event-page__container .event-page__container1 {
        width:64.84%
    }
}

@media only screen and (min-width: 74.5em) {
    body.event-page .event-page__container .event-page__container1 {
        width:67.14%
    }
}

.minimal-page {
    background: #f7f6f6
}

.minimal-page header {
    position: relative;
    top: 0;
    width: 100%;
    min-height: 6.4rem;
    padding-top: 2rem;
    background: #fff;
    margin-bottom: 8rem
}

@media only screen and (min-width: 36em) {
    .minimal-page header {
        padding-top:0;
        min-height: 10.4rem;
        margin-bottom: 0
    }
}

.minimal-page header .fixed-header {
    position: fixed;
    top: 0;
    padding: 2rem 1.6rem 0;
    min-height: 6.4rem;
    z-index: 1005;
    background: #fff
}

@media only screen and (min-width: 36em) {
    .minimal-page header .fixed-header {
        min-height:10.4rem
    }
}

.minimal-page header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 113.2rem;
    margin: 0 auto
}

.minimal-page header .container .logo {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    width: 4.2rem
}

@media only screen and (min-width: 36em) {
    .minimal-page header .container .logo {
        width:8rem
    }
}

.minimal-page header .container .logo img {
    max-height: 4.2rem
}

@media only screen and (min-width: 36em) {
    .minimal-page header .container .logo img {
        max-height:8rem
    }
}

.minimal-page header .container .language-selector {
    padding: 0
}

.minimal-page header .container .language-selector .form-helper,.minimal-page header .container .language-selector label {
    display: none
}

.minimal-page .customer-journey__header {
    top: 6.4rem
}

@media only screen and (min-width: 36em) {
    .minimal-page .customer-journey__header {
        top:10rem
    }
}

.overlay-page {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    min-width: inherit;
    width: 100%;
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    z-index: 1001
}

@media only screen and (min-width: 36em) {
    .overlay-page {
        overflow-x:hidden
    }
}

.overlay-page--blur {
    background: hsla(0,0%,100%,.8)
}

.overlay-page .container--overlay {
    max-width: 113.2rem;
    box-sizing: border-box;
    padding: 3.2rem 1.6rem 0;
    width: 100%;
    margin: 0 auto 3.2rem;
    z-index: 1001
}

@media only screen and (min-width: 36em) {
    .overlay-page .container--overlay {
        margin-bottom:10rem;
        padding: 0 1.6rem
    }
}

body.overlay-page {
    position: absolute
}

@media only screen and (min-width: 36em) {
    body.overlay-page {
        position:inherit
    }
}

.overlay-page-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3.2rem 1.6rem;
    margin-bottom: 5.6rem
}

@media only screen and (min-width: 36em) {
    .overlay-page-header {
        margin-bottom:9.6rem;
        padding: 3.2rem 3.2rem 0
    }
}

.overlay-page-header__small {
    margin-bottom: .6rem;
    padding: 3.2rem 1.6rem 0
}

@media only screen and (min-width: 36em) {
    .overlay-page-header__small {
        margin-bottom:4.6rem;
        padding: 1.2rem 3.2rem 0
    }
}

.overlay-page-header .page-title {
    display: flex;
    flex-direction: row
}

.overlay-page-header .page-title.invisible {
    visibility: hidden;
    height: 0;
    padding: 0
}

.overlay-page-header .page-title__icon,.overlay-page-header .page-title__icon img {
    height: 2.4rem;
    width: 2.4rem;
    font-size: 2.4rem;
    margin-right: 1.6rem;
    margin-bottom: .8rem
}

.overlay-page-header .page-title__header .cmp-title h1 {
    font-family: TelenetAlbra-Regular,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 800;
    margin: 0
}

.overlay-page-header .icon-close {
    font-size: 1.8rem;
    margin-right: 1.6rem;
    margin-top: -.5rem;
    color: #291d18;
    cursor: pointer;
    position: fixed;
    right: 0;
    z-index: 105;
    width: 2.2rem;
    height: 2.4rem
}

@media only screen and (min-width: 36em) {
    .overlay-page-header .icon-close {
        margin-right:3.2rem
    }
}

.stepper-page {
    background: #f7f6f6;
    display: flex;
    flex-direction: column;
    height: auto;
    overflow-y: auto;
    width: 100%
}

.stepper-page--header,.stepper-page header {
    background-color: #fff;
    display: flex;
    height: 5.6rem;
    margin: 0;
    min-height: 5.6rem;
    padding: 0 1rem
}

@media only screen and (min-width: 36em) {
    .stepper-page--header,.stepper-page header {
        height:10.4rem;
        min-height: 10.4rem
    }
}

.stepper-page--header .container,.stepper-page header .container {
    justify-content: space-between;
    align-items: center;
    display: flex
}

@media only screen and (min-width: 36em) {
    .stepper-page--header .container,.stepper-page header .container {
        height:10.4rem;
        min-height: 10.4rem
    }
}

.stepper-page--header .logo,.stepper-page--header .logo i,.stepper-page header .logo,.stepper-page header .logo i {
    display: flex;
    flex-direction: column;
    font-size: auto;
    height: auto;
    justify-content: center;
    line-height: auto;
    width: 3.2rem
}

@media only screen and (min-width: 36em) {
    .stepper-page--header .logo,.stepper-page--header .logo i,.stepper-page header .logo,.stepper-page header .logo i {
        font-size:5.6rem;
        line-height: 5.6rem;
        width: 5.6rem
    }
}

.stepper-page--header .link,.stepper-page header .link {
    display: inline-block;
    flex: 1 0 auto;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-left: 2.4rem;
    overflow-x: hidden;
    padding: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (min-width: 36em) {
    .stepper-page--header .link,.stepper-page header .link {
        margin-left:8rem
    }
}

.stepper-page--header .icon-close,.stepper-page header .icon-close {
    cursor: pointer
}

.stepper-page__body {
    background: #f7f6f6;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: center
}

.stepper-page__body-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3vw;
    padding-top: 2rem;
    padding-bottom: 6rem;
    min-height: calc(100vh - 3vw - 10.4rem)
}

@media only screen and (min-width: 36em) {
    .stepper-page__body-inner {
        padding-bottom:8.8rem
    }
}

.stepper-page__body-inner__centered {
    min-height: auto;
    margin-top: 0
}

@media only screen and (min-width: 36em) {
    .stepper-page__body-inner__centered {
        margin-top:18rem
    }
}

.stepper-page__title {
    margin-bottom: 3vw;
    max-width: 64rem;
    padding: 2rem 1rem 0;
    text-align: center
}

.stepper-page__title-label {
    margin-bottom: .8rem
}

.stepper-page__content {
    width: 100%;
    overflow: hidden;
    z-index: 1000
}

.stepper-page__content-second {
    display: none
}

.stepper-page__content--split.container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem
}

@media only screen and (min-width: 36em) {
    .stepper-page__content--split.container {
        align-items:flex-start;
        flex-direction: row;
        flex-grow: 1 1
    }
}

@media only screen and (min-width: 74.5em) {
    .stepper-page__content--split.container {
        padding:0
    }
}

.stepper-page__content--split.container .appointment-picker .label-cards.cards.card-mini.card-mini--with-icon .cards-slot {
    width: 100%
}

@media only screen and (min-width: 36em) {
    .stepper-page__content--split.container .appointment-picker .label-cards.cards.card-mini.card-mini--with-icon .cards-slot {
        width:100%
    }

    .stepper-page__content--split.container .appointment-picker .label-cards.cards.card-mini.card-mini--with-icon .cards-slot:last-child {
        margin-right: 0
    }
}

.stepper-page__content--split.container .appointment-picker .label-cards.cards.card-mini.card-mini--with-icon .cards--container {
    width: 100%
}

.stepper-page__content--split.container .stepper-page__content-first {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 5vw;
    width: 60vw
}

@media only screen and (min-width: 36em) {
    .stepper-page__content--split.container .stepper-page__content-first {
        justify-content:flex-end;
        margin-bottom: 0;
        margin-right: 2rem;
        flex-grow: 1;
        width: calc(100% - 2rem)
    }
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .stepper-page__content--split.container .stepper-page__content-first {
        flex-direction: column
    }
}

.stepper-page__content--split.container .stepper-page__content-first img {
    max-width: 30rem;
    height: 100%
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .stepper-page__content--split.container .stepper-page__content-first img {
        flex: 1;
        height: 100%;
        min-height: 28rem
    }
}

.stepper-page__content--split.container .stepper-page__content-first .bodymovin svg,.stepper-page__content--split.container .stepper-page__content-first svg {
    flex: 1 0 auto;
    width: 100%;
    justify-content: center
}

@media only screen and (min-width: 36em) {
    .stepper-page__content--split.container .stepper-page__content-first .bodymovin svg,.stepper-page__content--split.container .stepper-page__content-first svg {
        display:inherit;
        justify-content: inherit;
        width: auto;
        max-width: 100%
    }
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .stepper-page__content--split.container .stepper-page__content-first .bodymovin svg,.stepper-page__content--split.container .stepper-page__content-first svg {
        -ms-flex: 1;
        min-height: 28rem;
        width: auto;
        max-width: 100%
    }
}

.stepper-page__content--split.container .stepper-page__content-second {
    display: block;
    align-self: center;
    width: 100%;
    z-index: 4
}

@media only screen and (min-width: 36em) {
    .stepper-page__content--split.container .stepper-page__content-second {
        flex-grow:1;
        min-width: 40rem
    }
}

.stepper-page__content--split.container .stepper-page__content-second>* {
    max-width: 100%
}

@media only screen and (min-width: 20em) {
    .stepper-page__content--split.container .stepper-page__content-second .pr-desk-0 {
        padding-right:0
    }
}

@media only screen and (min-width: 20em) {
    .stepper-page__content--split.container .stepper-page__content-second .px-desk-0 {
        padding-right:0;
        padding-left: 0
    }
}

.stepper-page__content--split.stepper-page__content--split--no-image.container .stepper-page__content-first {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 0
}

@media only screen and (min-width: 36em) {
    .stepper-page__content--split.stepper-page__content--split--no-image.container .stepper-page__content-first {
        justify-content:flex-start;
        width: calc(100% - 2rem);
        margin-right: 2rem
    }
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .stepper-page__content--split.stepper-page__content--split--no-image.container .stepper-page__content-first {
        flex-direction: column
    }
}

.stepper-page__content--split.stepper-page__content--split--no-image.container .stepper-page__content-second {
    display: block;
    align-self: flex-start
}

@media only screen and (min-width: 36em) {
    .stepper-page__content--split.stepper-page__content--split--no-image.container .stepper-page__content-second {
        flex-grow:1;
        min-width: 40rem
    }
}

.stepper-page__content .tooltip:hover .tooltip__info-section {
    margin-bottom: 10rem
}

.stepper-page__content .Container--partitioned hr {
    border-top: .1rem solid #8c8d8e
}

.stepper-page .svg-mobile-line.activated {
    fill: #291d18
}

.stepper-page__bottom-shadow {
    height: 100vh;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

.stepper-page__bottom-shadow-box {
    bottom: 5.6rem;
    height: 6rem;
    left: 0;
    position: absolute;
    width: 100%
}

@media only screen and (min-width: 36em) {
    .stepper-page__bottom-shadow-box {
        bottom:10.4rem;
        height: 8.8rem
    }
}

.stepper-page--test-flow .responsivegrid {
    background: transparent
}

@media only screen and (min-width: 36em) {
    .stepper-page .sticky {
        position:sticky;
        top: 3%
    }
}

.openid-login-page {
    background-color: #fff7c8;
    background-image: url("/openid/img/bg/default_yellowBG.jpg");
    position: relative;
    z-index: 2;
}

.openid-login-page__container--inner .logo img {
    width: 5.5rem !important;
}

.openid-login-page__container--inner a {
    color: #291D18;
    line-height: 2rem !important
}

.openid-login-page__container--form-login-section .form-group .form__input-container {
    background-color: #e5e3e3
}

#passwordEye.hide-show {
    top: 4.2rem
}

#passwordEye.show-hide {
    top: 4.7rem
}

.openid-login-page ul.clientid-alignment a {
    float: none;
}

#forgotLogin, .fit-content{
    max-width: fit-content;
}

.notification--errorfield .input--error:before{
    content: "";
    background-image: url(../../img/error.svg);
    height: 2.4rem;
    width: 2.4rem;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    position: absolute;
    left: 10px;
    top: 13px;
}

.notification--warning:before{
    content: "";
    background-image: url(../../img/warning.svg);
    height: 2.4rem;
    width: 2.4rem;
    font-family: icons,Helvetica,Verdana,Arial,Sans-serif;
    font-size: 1.6rem;
    line-height: inherit;
    position: absolute;
    left: 10px;
    top: 13px;
}

.notification--errorfield{
    padding-left: 4rem !important;
}

#login-with-other-user{
    white-space: initial;
}

.navigation-list.navigation-list--input span.navigation-list__label-name{
    width: calc(28rem - 1.6rem) !important;
}

.openid-login-page .openid-login-page__container--form-login-section span.navigation-list__label-name form{
    flex-direction: row !important;
}

.openid-login-page .openid-login-page__container--form-login-section span.navigation-list__label-name form input[type="submit"]{
    padding-left: 2.5rem !important;
}

.openid-login-page .form-item input[type="radio"]{
    height: 24px;
    width: 24px;
}

input#j_password::placeholder, input#j_username::placeholder{
    font-size: 1.4rem;
}

.navigation--back .icon-arrow-back {
    background: url(../img/chevron-left.svg);
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
}