body{ margin:0;padding:0;font-family: 'Roboto', sans-serif!important;background:#FFFFFF;color:#000000!important; }
*,::after,::before{ box-sizing:border-box; }
img{ vertical-align:middle;border-style:none; }

input:-webkit-autofill,
 input:-webkit-autofill:hover, 
 input:-webkit-autofill:focus, 
 input:-webkit-autofill:active,
 select:-webkit-autofill,
 select:-webkit-autofill:hover, 
 select:-webkit-autofill:focus, 
 select:-webkit-autofill:active  {
    box-shadow: 0 0 0 30px #efe  inset !important;
    -webkit-box-shadow: 0 0 0 30px #efe  inset !important;
}

.flex-1 { flex: 1; }

header .logo { max-width: 258px; width: 100%; }
header .wrapper_bg { display: none; background: url('../images/bg-form.png') no-repeat center / cover; padding: 3rem; margin-bottom: 1rem; }
header ul { margin: 1rem 0; padding: 0; }
header li { position: relative; list-style: none; margin-left: 2rem; font-weight: 700; }
header li::before { content: url(../images/tick.png); position: absolute; left: -2rem; top: .2rem; }
header .box_badge { display: flex; align-items: center; background: #ffffff; padding: 7px 15px; margin: 1em 0; border-radius: 50px; max-width: max-content; width: 100%; }
header .box_badge img { margin-right: 15px; }
header .box_badge p { font-size: 14px; font-weight: 500; color: #626262; }
header .people { position: absolute; bottom: -3rem; left: -40px; max-width: 800px; }
header .product { position: absolute; z-index: 9999; bottom: -4rem; right: 100px; }



@media (max-width: 1199.98px) {
    header .product { width: 133px; right: 60px; }
}

@media (max-width: 991.98px) {
    header .people { display: none; }
}

@media (max-width: 767.98px) {
    header ul,
    header .product { display: none; }
    header .wrapper_bg { background: unset; padding: 0; margin: 0; }
    header .logo { display: block; margin: 0 auto; padding: 2rem 0; }
    header h1 { text-align: center; }
    header .box_badge { margin: .5em 0; }
}

@media (max-width: 575.98px) {
    header .header_icons-safe { width: 16%; }
    header .box_badge { margin: 0; padding: 7px 0; }
    header .box_badge p { font-size: 12px; }
}


.wrapper-img { display: flex; align-items: center; }
.pack-img { background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; }
.pack-img.pack-img--1 { background-image: url('../img/pack-3plus3.png'); }
.pack-img.pack-img--2 { background-image: url('../img/pack-2plus1.png'); }
.pack-img.pack-img--3 { background-image: url('../img/pack-1plus1.png'); }
.obox.selected .pack-img.pack-img--1 { background-image: url('../img/pack-3plus3-active.png'); }
.obox.selected .pack-img.pack-img--2 { background-image: url('../img/pack-2plus1-active.png'); }
.obox.selected .pack-img.pack-img--3 { background-image: url('../img/pack-1plus1-active.png'); }

html:lang(pt) .pack-img.pack-img--1,
html:lang(se) .pack-img.pack-img--1,
html:lang(fr) .pack-img.pack-img--1,
html:lang(be) .pack-img.pack-img--1,
html:lang(nl) .pack-img.pack-img--1 { background-image: url('../img/pack-3plus1.png'); }
html:lang(pt) .pack-img.pack-img--2,
html:lang(se) .pack-img.pack-img--2,
html:lang(fr) .pack-img.pack-img--2,
html:lang(be) .pack-img.pack-img--2,
html:lang(nl) .pack-img.pack-img--2 { background-image: url('../img/pack-2.png'); }
html:lang(pt) .pack-img.pack-img--3,
html:lang(se) .pack-img.pack-img--3,
html:lang(fr) .pack-img.pack-img--3,
html:lang(be) .pack-img.pack-img--3,
html:lang(nl) .pack-img.pack-img--3 { background-image: url('../img/pack-1.png'); }

html:lang(pt) .obox.selected .pack-img.pack-img--1,
html:lang(se) .obox.selected .pack-img.pack-img--1,
html:lang(fr) .obox.selected .pack-img.pack-img--1,
html:lang(be) .obox.selected .pack-img.pack-img--1,
html:lang(nl) .obox.selected .pack-img.pack-img--1 { background-image: url('../img/pack-3plus1-active.png'); }
html:lang(pt) .obox.selected .pack-img.pack-img--2,
html:lang(se) .obox.selected .pack-img.pack-img--2,
html:lang(fr) .obox.selected .pack-img.pack-img--2,
html:lang(be) .obox.selected .pack-img.pack-img--2,
html:lang(nl) .obox.selected .pack-img.pack-img--2 { background-image: url('../img/pack-2.png'); }
html:lang(pt) .obox.selected .pack-img.pack-img--3,
html:lang(se) .obox.selected .pack-img.pack-img--3,
html:lang(fr) .obox.selected .pack-img.pack-img--3,
html:lang(be) .obox.selected .pack-img.pack-img--3,
html:lang(nl) .obox.selected .pack-img.pack-img--3 { background-image: url('../img/pack-1.png'); }

a img{ border:0; }
footer { font-size: 14px; }
footer .row{ padding:15px 0; }
section.form{ padding:40px 0; }
section.form div.info{ display:grid;grid-template-columns:40px 1fr;margin-bottom:20px; }
section.form div.info h4{ font-size:22px;font-weight:500;margin-bottom:10px;color:#38383a;line-height:100%;text-transform:uppercase; }
section.form div.info p{ color: #000000; margin: 0; font-size: 16px; text-align: justify; }
section.form .header{ font-size:18px;color:#ffffff;line-height:1.6em;font-weight:600;text-transform:uppercase;line-height:44px;padding-left:25px;background:#0b6fab;height:44px; border-radius: 30px; }
section.form .header.trojka{ background-position:110% 100%; }

@media (max-width:1220px){
    section.form .header.trojka{ background-image:none; }
}

section.form .obox,
section.form .obox-upsell{ margin:15px 0 0 0;padding:15px 20px; background: #ffffff;cursor:pointer;-webkit-transition:background border .3s ease;-moz-transition:background .3s ease, border .3s ease;-ms-transition:background .3s ease, border .3s ease;-o-transition:background .3s ease, border .3s ease;transition:background .3s ease, border .3s ease; }
.obox-upsell p{ font-size:14px; }
h4.upsell-header{ color:#000000;font-size:18px;font-weight:600;text-transform:uppercase;margin:15px 0 0 0; }
section.form .obox.selected,
section.form .obox-upsell.selected { background:#1472b8; }


section.form .finish{ margin-top:15px; }
section.form .finish label{ font-family:lato, tahoma, sans-serif;font-size:8pt;color:#2c2c2c;line-height:1.6em;font-weight:400;display:block; }
html[lang="pl"] section.form .finish label{ font-size:10pt; }
section.form .finish input.full,section.form .finish select.full{ width:100%;margin-bottom:10px; }
section.form .finish .innerblock{ padding:10px 0 0 0; }
section.form .finish .innerblock .obox{ background:#ffffff;padding:10px; }
section.form .finish .innerblock.payments .obox{ background:#ffffff;padding:15px; border-radius: 30px; }
section.form .finish .innerblock .obox.selected{ background: #F1F1F1; }
section.form .finish .innerblock .obox.selected strong,
section.form .finish .innerblock .obox.selected p { color: #000; }
section.form .finish .innerblock .obox.selected .czek { border-color: #1472b8; }
section.form .finish .innerblock span.czek{ position: relative; margin: 0 15px 0 0; border-radius: 50%; background: #ffffff; }
section.form .finish .innerblock p{ color: #2c2c2c; display: flex; align-items: center; font-size: 12px; }
section.form .finish .innerblock p strong{ font-size:12pt;color:#000; }
section.form .finish .innerblock.summary{ padding:20px 0 0 0; }
section.form .finish .innerblock.summary p.summary,section.form .finish .innerblock.summary p.summary label{ line-height:120%;color:#646464; }
section.form .finish .row>div{ margin-top:1em; }
section.form .finish input.full,section.form .finish select.full{ width:100%;margin-bottom:0px; }
section.form .innerblock .logos{ margin: 0!important; }
section.form .innerblock div{ margin: 0 0 10px 0 !important; }

.rabat{ font-size:14px;font-weight:400;color:#000;display:inline-block; }
.rabat span{ display:block;padding:0.5em 0; }
/* .rabat input,.rabat button{ display:none; } */
.rabat button{ color:#000; }

.obox{ position:relative; }
section.form .finish .row>div{ margin-top:1em; }
label{ display:inline-block;margin-bottom:0; }
.obox .czek{ display:inline-block;width:25px;height:25px;border-radius:1em;border:solid 2px #d3d3d3;text-align:center; position: relative ;}
/* .obox.selected .czek .czek{ background-color: transparent; color: #ffffff; border: 2px solid #ffffff; } */
.obox-upsell.selected .czek{ background-color: #1472b8; color: #66bc56; border: 2px solid #66bc56; }
.obox.selected .czek::after{ content: "\f00c"; font-family: FontAwesome; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; position: absolute; top: -2px; left: -2px; font-size: 14px; }
.packs .obox .czek{ font-size:14px; }
.obox p.pay .czek{ font-size:12px; border:solid 2px #d3d3d3; }
.obox.selected p.pay .czek{ border-color:#1472b8; }

section.form .finish .innerblock .obox.selected span.czek { background: #1472b8; color: #ffffff; }
section.form .finish .innerblock.shipments .obox.selected span.czek { border: 2px solid #1472b8; }
section.form .finish .innerblock.shipments .obox.selected h5 { color: #000000; font-weight: 500; }

.obox-upsell .czek { display: block; width: 25px; height: 25px; border-radius: 50%; border: solid 2px #d3d3d3; position: relative; font-size: 14px; }

.obox-upsell.selected .czek::after { content: "\f00c"; font-family: FontAwesome; width: 25px; height: 25px; display: block; position: absolute; top: 0; right: -7px; }


.pack-title{ font-size:20px;font-weight:700; }
.pack-desc{ font-size:14px; }
.obox.selected,
.obox-upsell.selected { color: #ffffff; }
.pack-count{ font-size:14px;font-weight:700;color:#1472b8; }
.obox.selected .pack-count { color: #ffffff; }
.pack-treatment{ font-size:14px; }
/* .wrapper-safe{ } */
.safe{ background: #63bd4b; padding: 0; border: 1px solid transparent; color: #ffffff; font-size: 18px; font-weight: 600; margin-bottom: 0; width: 100%; display: flex; align-items: center; justify-content: center; }
.obox.selected .safe { background: #ffffff; color: #63bd4b; }
.right-col{ background: #ffffff; padding-top: 0; }
.pay strong{ font-size:14px!important;font-weight:500; }
.payments p{ font-size:14px!important;line-height:1.3!important; }
.summary p{ font-size:14px!important; }
.summary-order{ margin-bottom:10px; }
.summary-delivery{ margin-bottom:10px; }
p.summary-total{ font-size:18px!important;font-weight:500;color:#000000!important; }
.btn#orderBtn{ background:#1472b8;color:#FFFFFF;display:block;border-radius:30px;position:relative;padding:12px 0 14px 0!important;margin:0 auto;max-width:300px;font-size:22px;font-weight:600;cursor:pointer; }
.btn#orderBtn > img{ margin:-3px 0 0 10px; }
.shipments .obox{ border:none!important;padding:0!important;display:grid;grid-template-columns:40px 1fr; }
.shipments .obox.selected{ border:none!important;box-shadow:none!important;background:none!important; }
.shipments h5{ font-size:14px; margin: 4px 0 0; }


/* #main .card-packs .pack-price-old{ color:#626262;font-size:.8em;font-weight:300;text-decoration:line-through; } */
/* #main .card-packs .wrapper-bottom { grid-area: 1 / 4; display: flex; align-items: flex-end; justify-content: flex-end; } */
/* #main .card-packs .wrapper-bottom .wrapper-safe { display: none; } */
/* #main .card-packs .wrapper_car-price { grid-column-start: 3; grid-column-end: 4; display: flex; align-items: center; justify-content: flex-end; } */
/* #main .card-packs .wrapper-price { display: flex; align-items: center; justify-content: flex-end; flex-direction: column; width: 100%; } */
/* #main .card-packs .car { background: url(../img/car.svg) no-repeat center / contain; width: 70px; height: 36px; margin-right: 15px; transition: background .3s ease-in-out; border: none; } */
/* #main .card-packs .pack-price-old{ background:transparent;padding:5px 5px;border:1px solid transparent;color:#626262;font-size:20px;font-weight:600;margin-right:2px; margin-bottom: 0; text-align: center; width: 100%; } */
/* #main .card-packs .pack-price { background:#1472b8;padding:5px 5px;border:1px solid transparent;color:#FFFFFF;font-size:20px;font-weight:600; margin-bottom: 0; width: 100%; text-align: center; } */
/* #main .card-packs .obox.selected .pack-price { background: #ffffff; color: #000000; } */
/* #main .card-packs .wrapper-content { display: flex; flex-direction: column; height: 100%; } */


/* CARD */
#main .card { border: none; margin-bottom: 1rem; }
#main .card-header { padding: 0; border-bottom: none; background: transparent; }
#main .card-header,
#main .card-header:active,
#main .card-header:focus { text-decoration: none; }
#main .btn-link.focus, .btn-link:focus { text-decoration: none; box-shadow: none; }
#main .card-title { background: #efefef; font-weight: 700; color: #000000; margin: 0; width: 100%; text-align: left; height: 44px; padding-left: 15px; font-size: 1.6rem; border-radius: 30px; }
#main .card-title:hover { text-decoration: none; }
#main .card-title.collapsed { color: #000000; }
/* accordion - CARD */
#main .card-body { display: flex; flex-direction: column; background: #efefef; color: #040404; margin: 15px 0; padding: 2rem 1.5rem; transition: background .3s ease-in-out, color .3s ease-in-out; border-radius: 30px; }
/* #main .card-body:last-child { margin-bottom: 5px; } */
#main .card-body .card-btn { display: flex; align-items: center; justify-content: center; background: #1472b8; color: #ffffff; width: 196px; height: 53px; border-radius: 50px; font-weight: 700; font-size: 20px; padding: 0 30px; transition: background .3s ease-in-out; cursor: pointer; }
#main .card-body .card-btn .fa { font-weight: 300; margin-left: 15px; }

html:lang(sk) #main .card-body .card-btn { font-size: 18px; }


/* CARD - SELECTED */
#main .card.selected .card-title { font-weight: 700; color: #000000; }

@media (max-width: 359.98px) {
  #main .card-body .card-btn { font-size: 1.7rem; }
}

/* CARD - PACK - CONTENT */
/* #main .card-packs.error .card-title { background: var(--danger); color: var(--light); } */
#main .card-packs .wrapper-img { padding: 0 0 2rem; }
#main .card-packs .pack-img { display: block; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 87px; }
/* #main .card-packs .pack-img--1 { background-image: url(../img/pack-mobile.png); }
#main .card-packs .pack-img--2 { background-image: url(../img/pack2-mobile.png); }
#main .card-packs .pack-img--3 { background-image: url(../img/pack1-mobile.png); } */
#main .card-packs .wrapper-pack { padding: 0; max-width: 360px; width: 100%; margin: 0 auto; }
/* #main .card-packs .wrapper-content { text-align: center; } */
#main .card-packs .pack-title { font-size: 22px; font-weight: 700; text-transform: lowercase; color: #1472b8; }
#main .card-packs .pack-title::first-letter { text-transform: uppercase; }
#main .card-packs .pack-count { font-weight: 700; margin-bottom: 0; }
#main .card-packs .pack-desc { font-size: 14px; margin-bottom: 1em; }
/* #main .card-packs .pack-price {} */
/* CARD - PACK - PRICE */
#main .card-packs .wrapper-bottom { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; margin: 1em auto; transition: border-color .3s ease-in-out; padding: 10px 0; max-width: 360px; width: 100%; flex-wrap: wrap; }
#main .card-packs .wrapper-bottom .wrapper-price { display: flex; flex-direction: row-reverse; align-items: baseline; margin-right: 15px; }
#main .card-packs .wrapper-bottom .wrapper-price .car { display: none; }
#main .card-packs .wrapper-bottom .wrapper-safe .safe { background: transparent; color: #040404; width: 100%; height: 100%; font-weight: 600; padding: 0; }
#main .card-packs .pack-price, 
#main .card-packs .pack-price-old { font-size: 20px; font-weight: 600; margin: 7px 0; background: unset; border: none; color: #040404; margin: 0; padding: 0; }
#main .card-packs .pack-price-old { font-size: .8em; font-weight: 300; text-decoration: line-through; margin-left: 5px; }
#main .card-packs .pack-price::first-letter { text-transform: uppercase; }
/* CARD - PACK - CAR & BTN */
#main .card-packs .wrapper-btn { display: flex; align-items: center; justify-content: space-evenly; }
#main .card-packs .car { background: url(../img/car.svg) no-repeat center / contain; width: 70px; height: 36px; margin-right: 15px; transition: background .3s ease-in-out; border: none; }
html:lang(ch) #main .card-packs .car { display: none; }
html:lang(hr) #main .card-packs .car { display: none; }
#main .card-packs #pack-3 .car { background-image: none; }
html:lang(bg) #main .card-packs #pack-1 .car,
html:lang(bg) #main .card-packs #pack-2 .car { background-image: none; }
html:lang(com) #main .card-packs #pack-2 .car { background-image: none; }
/* #main .card-packs .wrapper-price { width: auto; } */

@media (max-width: 379.98px) {
  #main .card-packs .wrapper-btn { justify-content: space-between; }
  #main .card-packs .wrapper-content { text-align: left; }
  #main .card-packs .wrapper-bottom { flex-wrap: wrap; align-items: flex-start; }
}

/* SELECTED */
#main .card-packs .card-body.selected .pack-title { color: #ffffff; }
#main .card-packs .card-body.selected { background: #1472b8; color: #ffffff; }
#main .card-packs .card-body.selected .card-btn { background: #66bc56; }
#main .card-packs .card-body.selected .car { background: url(../img/car-active.svg) no-repeat center / contain; }
#main .card-packs .card-body.selected .wrapper-bottom { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
/* #main .card-packs .card-body.selected .pack-img--1 { background-image: url(../img/pack3-mobile-active.png); }
#main .card-packs .card-body.selected .pack-img--2 { background-image: url(../img/pack2-mobile-active.png); }
#main .card-packs .card-body.selected .pack-img--3 { background-image: url(../img/pack1-mobile-active.png); } */
#main .card-packs .card-body.selected .pack-price, 
#main .card-packs .card-body.selected .pack-price-old { background: none; border: none; color: white; }
#main .card-packs .card-body.selected .wrapper-bottom .wrapper-safe .safe { color: white; }



#main .obox-upsell .pack-title .price { color: #66bc56; }
/* SELECTED */
#main .card-upsell .card-body.selected .pack-title { color: #ffffff; }
#main .card-upsell .card-body.selected { background: #1472b8; color: #ffffff; }
#main .card-upsell .card-body.selected .card-btn { background: #66bc56; }

.card { background-color: #ffffff; }


/* CARD - FORM */
#main .card-form.error .header.trojka { background: #D50000; color: #ffffff; }

@media (min-width: 992px){
    .collapseOne_InnerWrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 15px; }

    .card-header, #top { display: none; }
    .card{ border:none; }
    .card-body{ padding:.5rem 0; }
    .pack-title{ color:#1472b8;margin-bottom:15px; }
    .obox.selected .pack-title,
    .obox.selected .pack-desc,
    .obox-upsell.selected .pack-title,
    /* #main .card-packs .obox.selected .pack-price-old, */
    .obox-upsell.selected .pack-desc { color: #ffffff; }
    /* #main .card-packs .obox.selected .car { background: url(../img/car-active.svg) no-repeat center / contain; } */
    /* #main .card-packs .obox { display:grid;grid-template-columns:25px 0.6fr 1fr 120px; grid-gap:0 15px; } */
    #main .card-upsell .obox-upsell { display:grid;grid-template-columns:25px 0.4fr 1fr; grid-gap:0 15px; }
    #main .card-upsell .obox-upsell{ align-items:center; }
    /* #main .card-packs .obox#pack-1, */
    /* #main .card-packs .obox#pack-2{ grid-gap:15px; } */
    #main .wrapper-tick{ display:flex;align-items:center; }
    #main .wrapper-btn { display: none; }
    #main .finish .innerblock.payments .card-btn { display: none; }
    #main .card-shipments .card-btn { display: none; }
    
    #main .card-upsell .wrapper-bottom{ display:none; }
    #main .card-upsell .wrapper-img img{ display:block;margin:0 auto;max-width:100px;width:100%; }
    #main .card-form .card-body{ background:#ffffff; }
    #main .grid-template_finish .card-body { padding: 0; background: #ffffff; }
    #main .card-form .card-body .col{ padding:0 15px; }
    #main .card-form .formItem{ position:relative;flex-shrink:0; }
    #main .card-form .inputStyled{ background:#f4f4f4; width:100%;height:42px;padding:0 15px;margin-bottom:.5rem;border:1px solid #f4f4f4; color:#171a20; font-size: 14px; border-radius: 21px; }
    #main .card-form .inputStyled:focus{ outline: none; border: 1px solid #d0d1d2; }
    #main .card-form .inputStyled::placeholder{ color:#131313; }
    #main .card-form .label{ position:absolute; color:#8a8a8a; top:9px;left:30px;transition:0.2s ease-out all;font-size:14px; }
    #main .card-form .custom-pl .label{ left:20px; }
    #main .card-form .inputStyled:focus + .label{ top:-20px; left: 20px; font-size:13px; background:transparent; padding:0 3px; }
    #main .card-form .inputStyled:not(:placeholder-shown) + .label{ top:-20px; left: 20px; font-size:13px;background:transparent; padding:0 3px; }
    #main .card-form .custom-pl .inputStyled:focus + .label,
    #main .card-form .custom-pl .inputStyled:not(:placeholder-shown) + .label{ left:10px; }
    #main .card-form .card-btn{ display:none;width:100%;margin-top:4rem;justify-content:center;font-size:1.6rem;max-width:300px;width:100%;margin:0 auto; }
    #main .card-form .shipments .obox p{ display:flex;align-items:center;margin:0;font-size:12px; }
    #main .card-form .btn-tooltip{ display:flex;align-items:center;justify-content:center;border:2px solid #b8b8b8;color:#b8b8b8;border-radius:100%;width:26px;height:26px;padding:0;position:absolute;top:8px;right:21px; background: #ffffff; }
    #main .card-form .btn-t--select{ right:31px; }
    #main .card-form .custom-pr{ padding-right:0.25rem; }
    #main .card-form .custom-pl{ padding-left:0.25rem; }
    #main .card-form .innerblock{ padding:0 15px; }
}

@media (min-width: 359.98px){
    #main .card-form .card-btn{ font-size:2rem; }
}



.finish { display: grid; }
.grid-template_finish { grid-template-columns: repeat(3, 1fr); grid-column-gap: 15px; margin: 0; }
.g-col { padding: 0; max-width: 100%; }
.col-form { grid-area: 1 / 1; }
.col-payments { grid-area: 1 / 2 / span 2 / span 1; }
.col-shipments { grid-area: 2 / 1; }
.col-summary { grid-area: 1 / 3 / span 2 / auto; }

@media (max-width: 1199.98px) {
    #main .card-body { padding: 2rem 0.5rem; }
    #main .card-packs .wrapper-btn { justify-content: space-between; }
    #main .card-packs .wrapper-content { text-align: left; }
    #main .card-packs .wrapper-bottom { flex-wrap: wrap; align-items: flex-start; }
}
@media (max-width: 991.98px) {
    /* .grid-template_finish { grid-template-columns: repeat(2, 1fr); }
    .col-form { grid-area: 1 / 1 / auto / span 2; }
    .col-payments { grid-area: 3 / 1; }
    .col-shipments { grid-area: 2 / 1 / auto / span 2; }
    .col-summary { grid-area: 3 / 2; } */
    .finish { display: flex; flex-direction: column; }
    .grid-template_finish { grid-template-columns: unset; }
    .col-form, .col-payments, .col-shipments, .col-summary { grid-area: unset; }
    #main .card-packs .wrapper-content .wrapper-safe { display: none; }
    .collapseOne_InnerWrapper { display: flex; flex-direction: column; }
}
@media (max-width: 767.98px) {
    
    /* #main .card-packs .wrapper-bottom .wrapper-safe { display: block; } */
}
@media (max-width: 575.98px) {}


a.fb-messenger img{ position: fixed; right: 15px; bottom: 15px; z-index: 999; }
a.fb-messenger:hover img{ animation: moveArrow .5s ease; }

@keyframes moveArrow {
    0%, 50%, 100% { transform: translateY(0); }
    25%, 75% { transform: translateY(-5px); }
}

#main .card-form .inputStyled.error { background: #fee !important; border: 1px solid #c00; box-shadow: none; }
#main .card-form .inputStyled.success { background: #efe !important; border: 1px solid #090; box-shadow: none; }

.a-terms { color: #000000; text-decoration: none !important; font-size: 14px; }
.a-terms:hover { color: #000000; text-decoration: underline !important; cursor: pointer; }

section.form .obox.prom {
    border: solid 2px #fc1b19;
    background: #faf0ef;
}

.card-body.obox.prom:after {
    content: ""; border: solid 2px #f00; text-align: center; display: block; position: absolute; left: -2px; right: -2px; bottom: -40px; padding: 5px; color: red; right: -2px; background: #faf0ef; font-size: 14px;
}
.survey .card-packs { margin-bottom: 3rem !important; }

.form-info { background: #e60000; color: white; padding: 5px; text-align: center; }


#rabat-input{ border-radius: 30px; background: #f4f4f4; color: #171a20; border: 1px solid #f4f4f4; padding: 5px 20px; }
#rabat-input:focus{ outline: none; border: 1px solid #d0d1d2; }
#rabat-button{ background: #1472b8; color: #FFFFFF; border: none; border-radius: 30px; padding: 5px 15px; cursor: pointer; }
#rabat-button:focus{ outline: none; }


.error--info { display: none; font-size: 12px; color: #cc0000; margin: -5px 0 10px 15px; }
html:lang(pl) .error--info.show { display: block; }

#main .obox-upsell .pack-title .price-base { color: #bbb5b5; text-decoration: line-through; }