*, *::before, *::after { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html { font-size: 62.5%; }

body { margin: 0; padding: 0; font-size: 1.6rem; font-family: 'Lato', sans-serif; color: #131313; }

.overflow { display: none; z-index: 5; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: auto; }


.wrapper-mobile { display: none; }
@media(max-width: 739px) {
    .wrapper-desktop { display: none; }
    .wrapper-mobile { display: block; }
}


#top { padding: 25px 15px 9px; }
#top .logo { display: block; margin: 0 auto; max-width: 1078px; width: 100%; margin-bottom: 1.5em }
#top .text-icon { display: flex; align-items: flex-start; margin-bottom: 1em; }
#top .text-icon img { margin-top: 3px; }
#top .text-icon p { margin: 0; color: #545454; padding-left: 7px; font-weight: 700; }

/* accordion - CARD */
#main .card-body { background: #efefef; color: #040404; margin: 15px 0; padding: 2rem 1.5rem; transition: background .3s ease-in-out, color .3s ease-in-out; }
#main .card-body:last-child { margin-bottom: 5px; }
.survey .card-packs .card-body.obox.prom { margin-bottom: 45px !important; }
#main .card-body .card-btn { display: flex; align-items: center; justify-content: space-evenly; background: #1472b8; color: #ffffff; width: 196px; height: 53px; border-radius: 50px; font-weight: 700; font-size: 2rem; padding: 0 30px; transition: background .3s ease-in-out; cursor: pointer; }
#main .card.selected .card-header:before { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;position: absolute; top: calc(50% - 8px); right: 25px; color: #1472b8; }
#main .card.inactive .card-header:before { content: ""; }

/* #main .card-header { position: relative; } */

/* CARD - PACK - CONTENT */
#main .card-packs.error .card-title { background: #D50000; color: #ffffff; }

#main .card-packs .pack-title { font-size: 2rem; font-weight: 700; text-transform: lowercase; color: #1472b8; }

#main .card-packs .pack-desc { font-size: 1.2rem; margin-bottom: 1em; }
/* #main .card-packs .pack-price {} */
/* CARD - PACK - PRICE */

#main .card-packs .wrapper-bottom .wrapper-price { flex-direction: row-reverse; align-items: baseline; }

#main .card-packs .wrapper-price { width: auto; }

#main .card-header { position: relative; }

@media (max-width: 1199.98px) {
  #main .card-packs .wrapper-btn { justify-content: space-between; max-width: 360px; width: 100%; margin: 0 auto; }
  #main .card-packs .wrapper-content { text-align: left; }
  #main .card-packs .wrapper-bottom { display: flex; }
}

@media (max-width: 380px) {
  #main .card-packs .wrapper-bottom { display: flex; align-items: flex-start; }
}

/* SELECTED */


#main .card-packs .card-body.selected .wrapper-bottom { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;  }

/* UPSELL */
#main .card-upsell.error .card-title { background: #D50000; color: #ffffff; }
#main .card-upsell { display: none; }
#main .card-upsell.show { display: block; }
#main .card-upsell .wrapper-img { padding: 0 0 2rem; }
/* #main .card-upsell .wrapper-content { text-align: center; } */
#main .card-upsell .pack-img { display: block; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 87px; }
#main .card-upsell .pack-img img { display: block; margin: 0 auto; height: 100%; }
#main .card-upsell .pack-title { font-size: 2rem; font-weight: 700; }
#main .card-upsell .pack-title .price { color: #66bc56; }
#main .card-upsell .pack-title::first-letter { text-transform: uppercase; }
#main .card-upsell .pack-count { font-weight: 700; margin-bottom: 0; }
#main .card-upsell .pack-desc { font-size: 1.2rem; margin-bottom: 1em; }
#main .card-upsell .descr { font-size: 1.4rem; margin-bottom: 1em; }
#main .card-upsell .wrapper-btn { display: flex; align-items: center; justify-content: center; }
#main .card-upsell .wrapper-btn .card-btn { max-width: 360px; width: max-content; font-size: 1.4rem; font-weight: 500; text-align: center; }
#main .card-upsell .wrapper-btn .card-btn-no { max-width: max-content; width: 100%; text-align: center; margin-top: 1rem; border-radius: 20px; font-size: 1.4rem; padding: 4px 15px; text-decoration: underline; }
#main .card-upsell .wrapper-btn .card-btn-no-text { cursor: pointer; }

/* SELECTED */


@media (max-width: 359.98px) {
  #main .card-upsell .wrapper-content { text-align: left; }
}


/* CARD - FORM */
#main .card-form.error .card-title { background: #D50000; color: #ffffff; }
#main .card-form .card-body { background: #ffffff; padding-top: 0; }
#main .card-form .card-body .col { padding: 0; }
#main .card-form .formItem{ position: relative; flex-shrink: 0; padding: 0; }
#main .card-form .inputStyled { background: #f4f4f4; width: 100%; height: 42px; padding: 0 15px; margin-bottom: 5px; border: 1px solid #f4f4f4; color: #171a20; border-radius: 21px; }
#main .card-form .inputStyled::placeholder { color: #131313; }
#main .card-form .inputStyled.error { border-color: #D50000; }
#main .card-form .label { position: absolute; color: #8c8c8c; top: 7px; left: 15px; transition: 0.2s ease-out all; font-size: 16px; }
#main .card-form .inputStyled:focus{ outline: none; border: 1px solid #d0d1d2; }
#main .card-form .inputStyled:focus + .label { top: -20px; font-size: 13px; background: transparent; padding: 0 3px; }
#main .card-form .inputStyled:not(:placeholder-shown) + .label { top: -20px; font-size: 13px; background: transparent; padding: 0 3px; }
#main .card-form .card-btn { width: 100%; margin-top: 4rem; justify-content: center; font-size: 1.6rem; max-width: 300px; width: 100%; margin: 0 auto; }
#main .card-form .custom-pr { padding-right: 5px !important; }
#main .card-form .custom-pl { padding-left: 5px !important; }
#main .card-form .custom-px-0 { padding: 0 !important; }

#main .card-form .shipments .obox { border: 2px solid #efefef; margin: 1.5rem 0; padding: 7px; transition: border-color .3 ease; }
#main .card-form .shipments .obox p { display: flex; align-items: center; margin: 0; font-size: 1.2rem; }
#main .card-form .shipments .obox p .czek { position: relative; width: 20px; height: 20px; margin-right: .5em; border: 2px solid #efefef; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: border-color .3 ease; }
#main .card-form .shipments .obox p .czek::after { content: "\f00c"; color: #ffffff; position: absolute; top: 2px; left: 2px; }


#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: transparent; }
#main .card-form .btn-tooltip.btn-t--select { right: 31px; }


/* SELECTED */
#main .card-form .shipments .obox.selected { border-color: #1472b8; }
#main .card-form .shipments .obox.selected p .czek { border-color: #1472b8; background: #1472b8; }

@media (max-width: 767.98px) {
  #main .card-form .custom-sm-pr-0 { padding-right: 0px !important; }
  #main .card-form .custom-sm-pl-0 { padding-left: 0px !important; }
}

@media (min-width: 360px) {
  #main .card-form .info .info-content { position: absolute; bottom: 38px; width: 310px; right: -20px; background:#999999; color: #ffffff; padding: 15px; border-radius: 8px; font-size: 1.2rem; }
}

/* CARD - PAYMENTS */
#main .card-payments.error .card-title { background: #D50000; color: #ffffff; }
#main .card-payments .obox { background: #f6f6f6; padding: 15px; margin: 0 0 15px; width: 100%; transition: background .3s ease-in-out; font-size: 1.2rem; border: unset; }
#main .card-payments .obox p:first-child { font-size: 1.4rem; }
#main .card-payments .card-body { background: #ffffff; padding: 0; }
#main .card-payments .card-body .card-btn { margin: 1em auto 0 !important; }
#main .card-payments .card-body img { max-width: 100%; }

/* SELECTED */
#main .card-payments .obox.selected { background: #1472b8; }
#main .card-payments .obox.selected .card-btn { background: #66bc56; }
#main .card-payments .obox.selected .czek { border-color: #ffffff; border-color: #ffffff; }
#main .card-payments .obox.selected p,
#main .card-payments .obox.selected p strong { color: #ffffff; }


/* CARD - SHIPMENTS */
#main .card-shipments .card-body { background: #ffffff; padding: 0; }
#main .card-shipments .card-btn { width: 100%; margin-top: 4rem; justify-content: center; font-size: 1.6rem; max-width: 300px; width: 100%; margin: 0 auto; }
#main .card-shipments .innerblock.shipments { margin: 0; padding: 0; }



/* CARD - SUMMARY */
#main .card-summary .card-body { background: #ffffff; padding: 0 15px; }
#main .card-summary .card-btn { background: #66bc56; width: 100%; max-width: 300px; width: 100%; margin: 0 auto; }
#main .card-summary .summary { position: relative; }
#main .card-summary .summary p { font-size: 1.2rem; }
#main .card-summary .summary p:nth-child(1) { margin-bottom: 0; }
#main .card-summary .summary p:nth-child(3) { font-weight: 700; }
#main .card-summary .summary label { padding-left: 70px; }
#main .card-summary .summary label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
#main .card-summary .summary label .checkmark { position: absolute; top: calc(50% - 24px); left: 0; height: 48px; width: 48px; background-color: #ffffff; border: 1px solid #efefef; border-radius: 5px; }
#main .card-summary .summary label .checkmark:after { content: ""; position: absolute; display: none; }
#main .card-summary .summary label input:checked ~ .checkmark:after { display: block; }
#main .card-summary .summary label .checkmark:after { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: calc(50% - 15px); left: calc(50% - 14px); margin: 0 auto; width: 28px; height: 32px; font-size: 3rem; }
#main .card-summary .summary:nth-child(2) { padding-left: 70px; }
#main .card-summary .rabat #rabat-title { font-size: 1.2rem; }
#main .card-summary .rabat #rabat-title.hide { display: none; }
/* #main .card-summary .rabat #rabat-input,
#main .card-summary .rabat #rabat-button { display: none; } */
#main .card-summary .rabat #rabat-input.show,
#main .card-summary .rabat #rabat-button.show { display: inline-block; }
#main .card-summary .rabat #rabat-button { background: #1472b8; color: #ffffff; width: 110px; border-radius: 30px; font-weight: 400; font-size: 1.4rem; padding: 5px 15px; transition: background .3s ease-in-out; cursor: pointer; border: none; text-align: center; }
#main .card-summary .rabat #rabat-input { border: 1px solid #f4f4f4; padding: 5px 20px; width: 140px; border-radius: 30px; }
#rabat-input:focus{ outline: none; border: 1px solid #d0d1d2!important; }

footer .footer-icons { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; }
footer .footer-icons img { max-width: max-content; width: 100%; margin: 15px; }

@media(max-width: 991.98px) {
  .header-packs-title,
  .show-desktop,
  .eader-packs-title,
  .upsell-header,
  .header.trojka,
  section.banner.bannerform { display: none; }
  section.form .finish { margin-top: 0; }

  .ui-dialog .ui-dialog-titlebar .ui-dialog-title { text-overflow: clip; white-space: normal; font-size: 20px; }
  #paczkomatyModal .modal-footer a { font-size: 18px; }
}