@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
main{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
@font-face{
    font-family:'NoirPro-light';
    font-display:swap;
    src:url(../../new_fonts/NoirPro-Light.otf)
}
@font-face{
    font-family:'NoirPro-regular';
    font-display:swap;
    src:url(../../new_fonts/NoirPro-Regular.otf)
}
@font-face{
    font-family:NoirPro;
    font-display:swap;
    src:url(../../new_fonts/NoirPro-Light.otf)
}
@font-face{
    font-family:'NoirPro-title';
    font-display:swap;
    src:url(../../new_fonts/NoirPro-Medium.otf)
}
@font-face{
    font-family:'Lumios Marker';
    font-weight:400;
    font-display:swap;
    src:url(../../fonts/lumios-marker.otf)
}
@font-face{
    font-family:'Auto Rich';
    font-weight:400;
    font-display:swap;
    src:url(../../new_fonts/Auto-Rich.ttf)
}
html,input,select,textarea{
    font-size:12px;
    font-family:NoirPro,sans-serif;
    font-weight:500
}
@media (min-width:1024px){
    html,input,select,textarea{
        font-size:16px
    }
}
html{
    max-width:1920px;
    margin:0 auto;
    scroll-behavior:smooth
}
body{
    margin-top:68px
}
.container{
    margin-left:24px;
    margin-right:24px
}
.title{
    font-family:'NoirPro-title';
    font-size:3.75rem;
    line-height:52px;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    margin:0
}
.title--second{
    color:#0067A0
}
@media (min-width:1024px){
    .title{
        line-height:69px;
        position:relative
    }
    .title:before{
        content:"";
        border:solid #00AFD7;
        border-width:0 10px 10px 0;
        display:inline-block;
        padding:10px;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        position:absolute;
        top:20px;
        left:-50px
    }
}
.paragraph{
    font-family:'NoirPro-regular';
    font-size:1.5rem;
    line-height:36px;
    color:#fff;
    margin:0
}
.paragraph--second{
    color:#0067A0
}
@media (min-width:1024px){
    .paragraph{
        line-height:42px
    }
}
.cta{
    font-family:'NoirPro-regular';
    display:inline-block;
    font-size:14px;
    font-weight:900;
    color:#0067A0;
    background-color:#ffb500;
    border:1px solid #ffb500;
    padding:20px 10px;
    min-width:185px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    -webkit-transition:-webkit-transform .25s;
    transition:-webkit-transform .25s;
    transition:transform .25s;
    transition:transform .25s,-webkit-transform .25s
}
.cta--second{
    border-color:#fff;
    background-color:#0067A0;
    color:#fff
}
.cta--border{
    color:#0067A0;
    border-color:#0067A0;
    background-color:#fff
}
.cta:hover{
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}
.anchor{
    position:relative;
    top:-68px;
    display:block
}
#consent_blackbar,#teconsent{
    position:fixed;
    bottom:0
}
.header{
    background-color:#fff;
    padding:6px 20px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:3;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-shadow:0 3px 5px rgba(57,63,72,.3);
    box-shadow:0 3px 5px rgba(57,63,72,.3)
}
@media (min-width:1920px){
    .header{
        width:1920px;
        left:calc((100% - 1920px)/ 2)
    }
}
.header__logo img{
    width:50px;
    height:50px;
    -o-object-fit:contain;
    object-fit:contain
}
.header__highlight{
    text-decoration:none;
    color:#0067A0;
    text-transform:uppercase;
    font-size:16px;
    margin-right:20px
}
.header__right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media (min-width:1024px){
    .header__right__highlight{
        display:block
    }
}
.header__right__highlight ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    list-style:none
}
.header__right__highlight a{
    text-decoration:none;
    color:#0067A0;
    text-transform:uppercase;
    font-size:16px;
    margin-right:20px
}
@media (min-width:1024px){
    .header__right__highlight.mobile{
        display:none
    }
}
.header__right__highlight.desk{
    display:none
}
@media (min-width:1024px){
    .header__right__highlight.desk{
        display:block
    }
}
.header__right__cta{
    padding:13px 15px;
    font-weight:700;
    color:#fff;
    background-color:#00358e;
    text-decoration:none;
    font-size:14px;
    text-transform:uppercase;
    margin-right:20px;
    -webkit-transition:.3s;
    transition:.3s
}
.header__right__cta:hover{
    background-color:#003db8;
    -webkit-transition:.3s;
    transition:.3s
}
@media (max-width:1024px){
    .header__right__cta--desk-only{
        display:none
    }
}
.header__buttonmenu{
    border:0;
    background-color:transparent;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.header__buttonclose{
    border:0;
    background-color:transparent;
    cursor:pointer;
    position:absolute;
    top:40px;
    right:40px
}
.header__nav{
    position:fixed;
    -webkit-transform:translateX(100vw);
    transform:translateX(100vw);
    background-color:#fff;
    height:100vh;
    right:0;
    top:0;
    width:100%;
    padding-top:68px;
    -webkit-transition:-webkit-transform .25s;
    transition:-webkit-transform .25s;
    transition:transform .25s;
    transition:transform .25s,-webkit-transform .25s
}
@media (min-width:1024px){
    .header__nav{
        max-width:500px
    }
}
.header__nav--active{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.header__nav ul{
    padding:0;
    margin:0;
    list-style:none
}
.header__nav a{
    color:#0067A0;
    font-size:16px;
    padding:12px 0;
    margin:0 0 12px 0;
    display:block;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center
}
@media (min-width:1024px){
    .header__nav__hightlight{
        display:none
    }
}
body.logged-in .header,body.logged-in .header__nav{
    top:46px
}
@media (min-width:782px){
    body.logged-in .header,body.logged-in .header__nav{
        top:32px
    }
}
.footer{
    color:#fff;
    font-size:1.5rem;
    background-color:#00AFD7;
    padding:50px 0;
    text-align:center
}
@media (min-width:1024px){
    .footer{
        text-align:left;
        padding:30px 0
    }
}
@media (min-width:1024px){
    .footer .container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.footer__copyright{
    margin:0 0 40px 0
}
@media (min-width:1024px){
    .footer__copyright{
        margin:0
    }
}
.footer__brand{
    font-weight:900;
    text-transform:uppercase;
    margin:0
}
.footer__lgpd{
    margin:0
}
.footer__lgpd a{
    color:#fff;
    margin:0 0 10px 0;
    display:block
}
@media (min-width:1024px){
    .footer__lgpd a{
        display:inline-block;
        margin:0 0 0 10px
    }
}
.footer__social{
    margin:0 0 40px 0
}
@media (min-width:1024px){
    .footer__social{
        margin:0
    }
}
.footer__sociallink{
    margin:0 10px;
    text-decoration:none
}
.popupCookies{
    background-color:#fff;
    padding:60px 0;
    text-align:center;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:0 -3px 5px 0 rgba(57,63,72,.3);
    box-shadow:0 -3px 5px 0 rgba(57,63,72,.3);
    display:none;
    z-index:99
}
.popupCookies--active{
    display:block
}
@media (min-width:1024px){
    .popupCookies{
        padding:60px 0;
        text-align:left
    }
}
@media (min-width:1024px){
    .popupCookies .container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.popupCookies__content{
    color:#0067A0;
    font-size:24px;
    font-weight:500;
    line-height:1.4;
    margin:0 0 50px 0;
    max-width:1000px
}
.popupCookies__content a{
    color:#0067A0
}
@media (min-width:1024px){
    .popupCookies__content{
        margin:0 50px 0 0
    }
}
.popupCookies__button{
    border:0;
    font-weight:900;
    font-size:14px;
    color:#0067A0;
    text-transform:uppercase;
    text-align:center;
    padding:20px;
    min-width:175px;
    background-color:#ffb500;
    cursor:pointer;
    -webkit-transition:-webkit-transform .25s;
    transition:-webkit-transform .25s;
    transition:transform .25s;
    transition:transform .25s,-webkit-transform .25s
}
.popupCookies__button:hover{
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}
.popupCookies__close{
    position:absolute;
    top:16px;
    right:16px;
    cursor:pointer
}
.tns-outer{
    padding:0!important
}
.tns-outer [hidden]{
    display:none!important
}
.tns-outer [aria-controls],.tns-outer [data-action]{
    cursor:pointer
}
.tns-slider{
    -webkit-transition:all 0s;
    transition:all 0s
}
.tns-slider>.tns-item{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.tns-horizontal.tns-subpixel{
    white-space:nowrap
}
.tns-horizontal.tns-subpixel>.tns-item{
    display:inline-block;
    vertical-align:top;
    white-space:normal
}
.tns-horizontal.tns-no-subpixel:after{
    content:'';
    display:table;
    clear:both
}
.tns-horizontal.tns-no-subpixel>.tns-item{
    float:left
}
.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{
    margin-right:-100%
}
.tns-no-calc{
    position:relative;
    left:0
}
.tns-gallery{
    position:relative;
    left:0;
    min-height:1px
}
.tns-gallery>.tns-item{
    position:absolute;
    left:-100%;
    -webkit-transition:transform 0s,opacity 0s;
    -webkit-transition:opacity 0s,-webkit-transform 0s;
    transition:opacity 0s,-webkit-transform 0s;
    transition:transform 0s,opacity 0s;
    transition:transform 0s,opacity 0s,-webkit-transform 0s
}
.tns-gallery>.tns-slide-active{
    position:relative;
    left:auto!important
}
.tns-gallery>.tns-moving{
    -webkit-transition:all .25s;
    transition:all .25s
}
.tns-autowidth{
    display:inline-block
}
.tns-lazy-img{
    -webkit-transition:opacity .6s;
    transition:opacity .6s;
    opacity:.6
}
.tns-lazy-img.tns-complete{
    opacity:1
}
.tns-ah{
    -webkit-transition:height 0s;
    transition:height 0s
}
.tns-ovh{
    overflow:hidden
}
.tns-visually-hidden{
    position:absolute;
    left:-10000em
}
.tns-transparent{
    opacity:0;
    visibility:hidden
}
.tns-fadeIn{
    opacity:1;
    filter:alpha(opacity=100);
    z-index:0
}
.tns-fadeOut,.tns-normal{
    opacity:0;
    filter:alpha(opacity=0);
    z-index:-1
}
.tns-vpfix{
    white-space:nowrap
}
.tns-vpfix>div,.tns-vpfix>li{
    display:inline-block
}
.tns-t-subp2{
    margin:0 auto;
    width:310px;
    position:relative;
    height:10px;
    overflow:hidden
}
.tns-t-ct{
    width:2333.3333333%;
    width:calc(100% * 70 / 3);
    position:absolute;
    right:0
}
.tns-t-ct:after{
    content:'';
    display:table;
    clear:both
}
.tns-t-ct>div{
    width:1.4285714%;
    width:calc(100% / 70);
    height:10px;
    float:left
}
body{
    margin:0
}
.checkout{
    background:#0067A0 0 0 no-repeat padding-box;
    color:#fff
}
.checkout *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.checkout a{
    color:#fff
}
.formCategory{
    border-top:1px solid #fff;
    padding:20px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative
}
.formCategory .formCategory__title{
    margin:0;
    font-size:1.75rem
}
.formCategory .arrow{
    display:none;
    width:21px;
    position:absolute;
    right:20px;
    top:27px
}
@media (min-width:1024px){
    .formCategory .arrow{
        top:40px;
        width:27px
    }
}
.formCategory .lock{
    display:none
}
@media (min-width:1024px){
    .formCategory .lock{
        margin-right:16px;
        margin-top:4px
    }
}
.formCategory .check{
    margin-right:15px
}
@media (min-width:1024px){
    .formCategory .check{
        margin-right:16px;
        margin-top:4px
    }
}
@media (min-width:1024px){
    .formCategory{
        padding:32px 0
    }
}
.promoter .formCategory .code-button{
    position:absolute;
    right:1px;
    top:22px;
    font-size:1.5rem;
    font-weight:700;
    text-decoration:underline;
    cursor:pointer
}
.promoter .formCategory .code-button.add{
    display:none
}
@media (min-width:1024px){
    .promoter .formCategory .code-button{
        top:32px
    }
}
.checkout .user__label.checkbox{
    display:inline-block;
    position:relative;
    font-size:16px;
    margin:0 0 32px 36px;
    cursor:pointer
}
@media (min-width:1024px){
    .checkout .user__label.checkbox{
        font-size:20px;
        margin-bottom:0
    }
}
.edit-button{
    display:none
}
.container__form.edit{
    position:relative
}
.container__form.edit .formCategory{
    cursor:pointer
}
.container__form.edit .formCategory .check *{
    fill:#ffb500
}
.container__form.edit .formCategory .arrow{
    display:block;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.container__form.edit .address__input,.container__form.edit .dependent__input,.container__form.edit .user__input{
    background-color:#dcdcdc;
    border-color:#dcdcdc;
    pointer-events:none
}
.container__form.edit .edit-button{
    display:block;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-left:auto;
    margin-right:0;
    margin:-14px 0 16px auto;
    cursor:pointer
}
.container__form.edit .edit-button span{
    font-size:16px;
    text-decoration:underline;
    font-weight:600
}
.container__form.edit .edit-button .icon{
    width:15px;
    height:15px;
    margin-left:12px
}
@media (min-width:1024px){
    .container__form.edit .edit-button{
        position:absolute;
        top:36px;
        right:96px;
        margin:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .container__form.edit .edit-button span{
        font-size:20px
    }
    .container__form.edit .edit-button .icon{
        width:18px;
        height:18px;
        margin-right:12px;
        margin-left:0
    }
}
.container__form.edit .containerButton{
    display:none
}
.container__form.closed .formContent{
    display:none
}
.container__form.closed .formCategory{
    cursor:pointer
}
.container__form.closed .formCategory .check *{
    fill:#ffb500
}
.container__form.closed .formCategory .arrow{
    display:block
}
.container__form.closed.promoter .formCategory .code-button.remove{
    display:none
}
.container__form.closed.promoter .formCategory .code-button.add{
    display:block
}
.container__form.locked .formContent{
    display:none
}
.container__form.locked .formCategory .check{
    display:none
}
.container__form.locked .formCategory .lock{
    display:block;
    margin-right:15px
}
.container__form.locked .formCategory .arrow{
    display:block
}
.container__form.promoter{
    border-bottom:1px solid #fff
}
.container__form.promoter .input__flag .user__input{
    padding-left:50px;
    margin-bottom:24px
}
.container__form.promoter .input__flag .icon{
    position:absolute;
    left:17px;
    top:11.5px
}
@media (min-width:1024px){
    .container__form.promoter.closed .formContent{
        display:none
    }
    .container__form.promoter .formContent{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        line-height:1.5;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .container__form.promoter .formContent .form{
        width:318px;
        min-width:318px
    }
    .container__form.promoter .formContent .form__description{
        margin-bottom:32px
    }
}
.checkout input[type=checkbox],.checkout input[type=radio]{
    display:none
}
.checkout input[type=checkbox]+label:before,.checkout input[type=radio]+label:before{
    position:absolute;
    left:-36px;
    top:0;
    border:1px solid #fff;
    content:"";
    display:inline-block;
    margin-right:15px;
    width:18px;
    height:18px
}
@media (min-width:1024px){
    .checkout input[type=checkbox]+label:before,.checkout input[type=radio]+label:before{
        top:2px
    }
}
.additional .formCategory{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.additional .formCategory .add-dependent-button{
    display:inline-block;
    width:45px;
    height:24px;
    border-radius:12px;
    background-color:#ffb500;
    margin-right:8px;
    cursor:pointer
}
.additional .formCategory .add-dependent-button .ball{
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:12px;
    background-color:#0067A0;
    margin:2px 3px;
    margin-left:22px
}
.container__form.closed.additional .add-dependent-button{
    background-color:#fff
}
.container__form.closed.additional .add-dependent-button .ball{
    margin-left:3px
}
.checkout input[type=checkbox]:checked+label:before,.checkout input[type=radio]:checked+label:before{
    background-image:url(../../assets/icons/checkbox.svg);
    background-size:14px 14px;
    background-repeat:no-repeat;
    background-position:center
}
.checkout input[type=text]{
    font-size:16px;
    color:#00358e
}
.checkout input[type=number]{
    font-size:16px;
    color:#00358e
}
.checkout select{
    font-size:16px;
    color:#00358e
}
.checkout .container--mobile{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:27px 0 15px;
    min-height:100vh
}
.checkout .newUser__title{
    font-weight:700;
    font-size:20px;
    margin:0 0 20px;
    text-align:center;
    text-transform:uppercase
}
@media (min-width:1024px){
    .checkout .newUser__title{
        font-size:38px;
        margin-left:48px;
        text-align:left
    }
}
.checkout .goBack{
    position:absolute;
    cursor:pointer
}
.checkout .goBack svg{
    width:19px;
    height:19px
}
@media (min-width:1024px){
    .checkout .goBack{
        margin-top:12px
    }
}
.checkout .newUser__text{
    text-align:left;
    font-size:1.5rem;
    line-height:1.75rem;
    margin-bottom:40px;
    font-weight:500
}
.checkout .newUser__text a{
    color:#fff;
    font-weight:700
}
@media (min-width:1024px){
    .checkout .newUser__text{
        margin-bottom:60px
    }
}
.checkout .user{
    text-align:left
}
.checkout .address__input,.checkout .dependent__input,.checkout .user__input{
    min-width:calc(100% - 40px);
    width:100%;
    margin-bottom:22px;
    padding:14px 26px;
    border:1px solid #fff;
    background-color:#fff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.checkout .address__input.auto,.checkout .address__input.disable,.checkout .dependent__input.auto,.checkout .dependent__input.disable,.checkout .user__input.auto,.checkout .user__input.disable{
    background-color:#dcdcdc;
    border-color:#dcdcdc;
    pointer-events:none
}
@media (min-width:1024px){
    .checkout .address__input,.checkout .dependent__input,.checkout .user__input{
        padding:18px 19px;
        margin-bottom:20px
    }
}
.checkout .form{
    width:calc(100% - 14px);
    margin:0 7px
}
.checkout .form .checkout .form__description{
    margin-top:22px
}
@media (min-width:1024px){
    .checkout .form{
        margin:0;
        width:100%
    }
}
.checkout .form__description{
    font-size:18px;
    margin-bottom:26px
}
.checkout .form__description p{
    margin:0
}
@media (min-width:1024px){
    .checkout .form__description{
        font-size:20px;
        margin-top:8px;
        margin-bottom:24px
    }
}
.additional .form__description{
    margin-bottom:40px
}
.checkout .inputs_optin-text{
    font-size:16px;
    margin:18px 0 20px
}
@media (min-width:1024px){
    .checkout .inputs_optin-text{
        font-size:20px;
        margin-top:12px
    }
}
.checkout .dependent__container,.checkout .user__container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.checkout #date::-webkit-calendar-picker-indicator,.checkout #date::-webkit-inner-spin-button,.checkout #dependent_date::-webkit-calendar-picker-indicator,.checkout #dependent_date::-webkit-inner-spin-button{
    display:none;
    -webkit-appearance:none
}
.checkout #club{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    min-width:calc(100% - 4px)
}
.checkout input[type=text].invalid{
    border:1px solid red;
    color:red
}
.checkout .input__flag{
    position:relative;
    display:inline-block;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    width:100%
}
.checkout .input__flag.input-terms{
    margin-top:30px
}
@media (min-width:1024px){
    .checkout .input__flag.input-terms{
        margin-top:50px
    }
    .checkout .input__flag.input-terms .user__label.checkbox{
        font-size:16px;
        line-height:1.5;
        margin-bottom:30px
    }
    .checkout .input__flag.input-terms input[type=checkbox]+label:before{
        top:4px
    }
}
.checkout .input__flag.showObr .address__input::-webkit-input-placeholder,.checkout .input__flag.showObr .dependent__input::-webkit-input-placeholder,.checkout .input__flag.showObr .user__input::-webkit-input-placeholder{
    color:red
}
.checkout .input__flag.showObr .address__input::-moz-placeholder,.checkout .input__flag.showObr .dependent__input::-moz-placeholder,.checkout .input__flag.showObr .user__input::-moz-placeholder{
    color:red
}
.checkout .input__flag.showObr .address__input:-ms-input-placeholder,.checkout .input__flag.showObr .dependent__input:-ms-input-placeholder,.checkout .input__flag.showObr .user__input:-ms-input-placeholder{
    color:red
}
.checkout .input__flag.showObr .address__input::-ms-input-placeholder,.checkout .input__flag.showObr .dependent__input::-ms-input-placeholder,.checkout .input__flag.showObr .user__input::-ms-input-placeholder{
    color:red
}
.checkout .input__flag.showObr .address__input::placeholder,.checkout .input__flag.showObr .dependent__input::placeholder,.checkout .input__flag.showObr .user__input::placeholder{
    color:red
}
.checkout .input__flag.showObr::after{
    content:"*Obrigatório";
    color:#ffb500;
    position:absolute;
    font-size:1rem;
    bottom:10px;
    right:0;
    width:auto;
    height:auto
}
@media (min-width:1024px){
    .checkout .input__flag.showObr::after{
        bottom:4px
    }
}
.checkout .input__flag.showInv::after{
    content:"*Inválido";
    color:#ffb500;
    position:absolute;
    font-size:1rem;
    bottom:10px;
    right:0;
    width:auto;
    height:auto
}
@media (min-width:1024px){
    .checkout .input__flag.showInv::after{
        bottom:4px
    }
}
.checkout .input__flag.showMinor::after{
    content:"*Você precisa ser maior de 18 anos";
    color:#ffb500;
    position:absolute;
    font-size:1rem;
    bottom:10px;
    right:0;
    width:auto;
    height:auto
}
@media (min-width:1024px){
    .checkout .input__flag.showMinor::after{
        top:56px;
        text-align:right
    }
}
.additional .input__flag.showMinor::after{
    content:"*Seu dependente precisa ser maior de 18 anos"
}
@media (min-width:1024px){
    .additional .input__flag.showMinor::after{
        top:56px;
        text-align:right
    }
}
.checkout .input__flag#flagTerm::after{
    bottom:31px;
    left:0
}
.checkout .address__input::-webkit-input-placeholder,.checkout .dependent__input::-webkit-input-placeholder,.checkout .user__input::-webkit-input-placeholder{
    font-size:16px;
    color:#00358e
}
.checkout .address__input::-moz-placeholder,.checkout .dependent__input::-moz-placeholder,.checkout .user__input::-moz-placeholder{
    font-size:16px;
    color:#00358e
}
.checkout .address__input:-ms-input-placeholder,.checkout .dependent__input:-ms-input-placeholder,.checkout .user__input:-ms-input-placeholder{
    font-size:16px;
    color:#00358e
}
.checkout .address__input::-ms-input-placeholder,.checkout .dependent__input::-ms-input-placeholder,.checkout .user__input::-ms-input-placeholder{
    font-size:16px;
    color:#00358e
}
.checkout .address__input::placeholder,.checkout .dependent__input::placeholder,.checkout .user__input::placeholder{
    font-size:16px;
    color:#00358e
}
.checkout .containerButton{
    text-align:center
}
.checkout .button{
    background-color:#ffb500;
    color:#00358e;
    border:none;
    cursor:pointer;
    display:block;
    font-size:16px;
    font-weight:700;
    margin:0;
    margin-bottom:40px;
    width:100%;
    padding:15px 0;
    text-transform:uppercase
}
@media (min-width:1024px){
    .checkout .button{
        width:auto;
        padding:20px 62px;
        margin:0 auto 40px
    }
}
.additional .button{
    margin-top:6px
}
@media (min-width:1024px){
    .additional .button{
        margin-top:10px
    }
}
.checkout .button.address{
    margin-top:18px
}
.checkout .button.payment{
    margin-top:40px;
    margin-bottom:0
}
.desk-sidebar{
    display:none
}
@media (min-width:1024px){
    .desk-sidebar{
        display:block;
        min-width:360px;
        height:100vh
    }
}
@media (min-width:1024px) and (min-width:1366px){
    .desk-sidebar{
        min-width:480px
    }
}
@media (min-width:1024px) and (min-width:1600px){
    .desk-sidebar{
        min-width:600px
    }
}
@media (min-width:1024px){
    .desk-sidebar .content{
        position:fixed;
        right:0;
        top:0;
        width:360px
    }
}
@media (min-width:1024px) and (min-width:1366px){
    .desk-sidebar .content{
        width:480px
    }
}
@media (min-width:1024px) and (min-width:1440px){
    .desk-sidebar .content{
        width:600px
    }
}
@media (min-width:1440px){
    .desk-sidebar .content{
        width:540px
    }
}
@media (min-width:2560px){
    .desk-sidebar .content{
        width:985px
    }
}
@media (min-width:1024px){
    .desk-sidebar .images-container{
        position:relative;
        width:480px;
        -webkit-transform:scale(.75);
        transform:scale(.75);
        margin-left:-60px
    }
}
@media (min-width:1024px) and (min-width:1366px){
    .desk-sidebar .images-container{
        -webkit-transform:scale(1);
        transform:scale(1);
        margin-left:0
    }
}
@media (min-width:1024px) and (min-width:1600px){
    .desk-sidebar .images-container{
        -webkit-transform:scale(1.25);
        transform:scale(1.25);
        margin-left:60px
    }
}
@media (min-width:1024px){
    .header-mobile{
        width: 100%;
        height:5%;
        background-color: white;
    }
    .desk-sidebar .images-container img{
        position:absolute;
        width:318px;
        height:auto;
        top:210px;
        right:-48px
    }
    .desk-sidebar .images-container img:first-of-type{
        width:308px;
        height:auto;
        top:45px;
        right:125px
    }
    .desk-sidebar .images-container img:last-of-type{
        width:360px;
        height:auto;
        top:363px;
        right:120px
    }
    .container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin-left:96px;
        margin-right:0;
        padding-bottom:230px
    }
    .container .container--mobile{
        padding-top:37px;
        padding-right:70px
    }
    .input-wrapper-t{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }

    .first-child {
        margin-right: 10px;
    }

    .last-child {
        margin-left: 10px;
    }

    .input-wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .input-wrapper :first-child{
        margin-right:10px;
        -webkit-box-flex:5;
        -ms-flex:5;
        flex:5
    }
    .input-wrapper :last-child{
        margin-right:0;
        -webkit-box-flex:3;
        -ms-flex:3;
        flex:3
    }
    .input-wrapper.equal :first-child{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
    .input-wrapper.equal :last-child{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
    .input-wrapper.reverse :first-child{
        -webkit-box-flex:3;
        -ms-flex:3;
        flex:3
    }
    .input-wrapper.reverse :last-child{
        -webkit-box-flex:5;
        -ms-flex:5;
        flex:5
    }
}
@media (min-width:1200px){
    .inputs__optin{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.club-alert{
    margin-top:0;
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px);
    font-size:1rem;
    color:#ffb500;
    display:none
}
.club-alert.show{
    display:block
}
.error-alert{
    text-align:center;
    font-size:16px;
    font-weight:700;
    margin-bottom:0;
    position:relative;
    top:15px;
    display:none
}
.error-alert.show{
    display:block
}
.success{
    display:none
}
.success.show{
    display:block;
    text-align:center;
    padding:34px 0 0
}
@media (min-width:1024px){
    .success.show{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding:0;
        height:100vh;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.success.show .blue .title-container .icon{
    width:48px;
    height:48px
}
@media (min-width:1024px){
    .success.show .blue .title-container .icon{
        width:64px;
        height:64px
    }
}
.success.show .blue .title-container .title{
    font-size:28px;
    line-height:1.5;
    font-weight:700;
    max-width:190px;
    margin:12px auto 20px
}
@media (min-width:1024px){
    .success.show .blue .title-container .title{
        font-size:38px;
        max-width:410px;
        margin:0;
        margin-left:18px
    }
    .success.show .blue .title-container .title::before{
        content:none
    }
}
@media (min-width:1024px){
    .success.show .blue .title-container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        max-width:492px;
        margin:0 auto
    }
}
.success.show .blue .description{
    font-size:1.5rem;
    line-height:1.75rem;
    margin:0 36px 34px
}
@media (min-width:1024px){
    .success.show .blue .description{
        line-height:1.5;
        margin:32px auto 0;
        width:492px
    }
    .success.show .blue .description p{
        margin:0
    }
    .success.show .blue .description :first-child{
        margin-bottom:40px
    }
}
@media (min-width:1024px){
    .success.show .blue{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1;
        text-align:left
    }
}
.success.show .white{
    background-color:#fff;
    padding-bottom:112px
}
.success.show .white a,.success.show .white span{
    display:inline-block;
    width:100%;
    font-size:1.5rem;
    color:#0067A0
}
.success.show .white a strong,.success.show .white span strong{
    display:inline-block;
    font-size:20px;
    margin:10px 0
}
@media (min-width:1024px){
    .success.show .white a strong,.success.show .white span strong{
        font-size:28px;
        margin:0
    }
}
@media (min-width:1024px){
    .success.show .white a,.success.show .white span{
        font-size:20px;
        margin:16px 0
    }
}
.success.show .white .logo{
    width:121px;
    height:121px;
    margin-top:32px;
    margin-bottom:16px
}
@media (min-width:1024px){
    .success.show .white .logo{
        margin:0;
        margin-bottom:26px;
        width:157px;
        height:157px
    }
}
.success.show .white .appstore-link{
    margin:14px 0 12px
}
.success.show .white .appstore-link img{
    width:131px;
    margin-bottom:10px
}
@media (min-width:1024px){
    .success.show .white .appstore-link img{
        width:auto;
        height:52px
    }
}
@media (min-width:1024px){
    .success.show .white .appstore-link{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin:12px 0 28px
    }
    .success.show .white .appstore-link a{
        margin:0
    }
    .success.show .white .appstore-link a :first-of-type{
        margin-right:20px
    }
}
.success.show .white .visit{
    margin-top:5px
}
.success.show .white .desktop{
    display:none
}
@media (min-width:1024px){
    .success.show .white .desktop{
        display:block
    }
}
.success.show .white .button{
    padding:20px 52px;
    width:auto;
    font-size:14px
}
.success.show .white .mobile{
    display:inline-block
}
@media (min-width:1024px){
    .success.show .white .mobile{
        display:none
    }
}
@media (min-width:1024px){
    .success.show .white{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1;
        height:100vh;
        padding:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.success.show+.container{
    display:none
}
 .checkout .loading{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:rgba(0,0,0,.5);
    z-index:10
}
.checkout .loading--active{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.checkout .loader{
    border:16px solid #f3f3f3;
    border-top:16px solid #0067A0;
    border-radius:50%;
    width:80px;
    height:80px;
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@media (min-width: 500px) {
    .mobile {
        display: none !important;
    }
}
@media (max-device-width: 480px) {
    .desktop {
        display: none !important;
    }
}
.dotBox{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.checkout .dotBox__dot{
    content:"";
    height:14px;
    width:14px;
    border-radius:14px;
    -webkit-transition:.5s ease-out;
    transition:.5s ease-out
}
.checkout .dotBox__line{
    content:"";
    height:0;
    width:39px
}
.checkout .dotBox__dot{
    background-color:#fff;
    border:1px solid #fff
}
.checkout .dotBox__dot.infocus{
    background-color:#fa7d0f;
    border:1px solid #fff
}
.checkout .dotBox__dot.checked{
    background-color:#fa7d0f;
    border:1px solid #fa7d0f
}
.checkout .dotBox__line{
    border-top:1px solid #fff
}
.checkout .dotBox__line.checked{
    border-top:1px solid #fa7d0f
}
@media screen and (min-width: 1px) and (max-width: 480px) {
     #consent_blackbar{
        position: unset;
    }
}
 /* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
  }

  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
  }

  /* Tooltip arrow */
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }

  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

  .tooltipicon {
    width: 30px;
    background-color: #ffb500;
    color: #00358e;
    text-align: center;
    border-radius: 10%;
    position: absolute;
    z-index: 1;
    transition: opacity 0.3s;
    margin-left: 5px;
    padding: 10px;
    margin-top: 8px;
    font-weight: 700;
    text-transform: uppercase;
}
@media (max-width:425px){
    .header-mobile{
        background-color: white;
        display: inline;
    }
    .header-logo{
        display: block;
        margin: auto;
        width: 50%;
        padding: 8%;
        background-image:url('https://sejasocio.samsclub.com.br/wp-content/uploads/2024/01/header_new_checkout.png');
        background-size:65%;
        background-repeat:no-repeat;
        background-position:center
    }
}

.success-button-styling{
    background-color:green;
    padding: 8px 30px 8px 30px;
    color: white;
    border-radius: 10px;
    margin-right: 5px;
}
.deny-button-styling{
    background-color:red;
    padding: 8px 30px 8px 30px;
    color: white;
    border-radius: 10px;
    margin-left: 5px;
}
.floating-button{
    position:fixed;
    margin:1% auto;
    width:360px;
    bottom:0%;
    z-index:999;
    display:block;
    border-radius:10px;
    padding:17px 10px;
    box-shadow: 0px 8px 24px 0px rgba(18, 18, 18, 0.16), 0px 16px 64px 0px rgba(18, 18, 18, 0.12);
}
@media (max-width:425px) and (min-width:0px){
    .floating-button{
        width:85%;
        padding:10px 10px;
    }
}
@media (max-width:768px) and (min-width:425px){
    .floating-button{
        left:27%;
    }
}
@media (max-width:1024px) and (min-width:769px){
    .floating-button{
        left:16%;
    }
}
@media (max-width:1440px) and (min-width:1025px){
    .floating-button{
        left:21%;
    }
}
@media (min-width:2561){
    .floating-button{
        left:32%;
    }
}
.swal2-styled.swal2-cancel{
    background-color: #fff !important;
    color: #0067A0 !important;
    width: 80% !important;
    height: 40px !important;
    font-size: 14px !important;
}
.swal2-styled.swal2-confirm{
    background-color: #fff !important;
    color: #0067A0 !important;
    margin: 10px !important; 
    width: 80% !important;
    height: 40px !important;
}