/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/aktivacija-kartice/aktivacija-kartice.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.kartice_aktiviranje {
  background-color: #fff;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (min-width: 1921px) {
    .kartice_aktiviranje {
      max-width: 100%; } }
  .kartice_aktiviranje input {
    font-family: "Gilroy";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%;
    letter-spacing: -0.14px; }
  .kartice_aktiviranje .card-activation__form-snnp-input--one,
  .kartice_aktiviranje .card-activation__form-snnp-input--two {
    font-family: "Gilroy";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 142.857%;
    letter-spacing: -0.14px; }
  .kartice_aktiviranje .card-activation__form-button {
    font-family: "Gilroy";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 142.857%;
    letter-spacing: -0.14px; }

.region-help-programmatically {
  display: none; }

.nalog {
  margin-left: 5px !important; }

.card-activation__form {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 950px) {
    .card-activation__form {
      flex-direction: column;
      align-items: center; } }

.card-activation__form-left {
  max-width: 845px;
  width: 100%;
  margin-right: 35px; }
  @media screen and (max-width: 1250px) {
    .card-activation__form-left {
      max-width: 650px; } }
  @media screen and (max-width: 950px) {
    .card-activation__form-left {
      margin-right: 0;
      margin-bottom: 35px; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-left {
      max-width: 44vw;
      margin-right: 1.82vw; } }

.card-activation__form-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 700px;
  width: 100%;
  padding: 21px 21px 0; }
  @media screen and (max-width: 950px) {
    .card-activation__form-right {
      padding: 0;
      max-width: 650px; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-right {
      max-width: 36.45vw;
      padding: 1.09vw 1.09vw 0; } }

.card-activation {
  width: 100%;
  max-width: 1222px;
  margin: auto;
  background-color: #fff;
  border-radius: 40px;
  box-shadow: 0 7px 20px 3px rgba(0, 121, 192, 0.53); }
  @media screen and (min-width: 1921px) {
    .card-activation {
      max-width: 63.64vw;
      border-radius: 2.08vw;
      box-shadow: 0 0.36vw 1.04vw 0.15vw rgba(0, 121, 192, 0.53); } }

.card-activation__header {
  display: flex;
  flex-direction: column;
  z-index: 1;
  position: relative; }

.card-activation__header-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 35px 15px 30px; }
  @media screen and (min-width: 1921px) {
    .card-activation__header-top {
      margin: 1.82vw 0.78vw 1.56vw; } }

.card-activation__form-contact-box {
  margin-bottom: 32px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-contact-box {
      margin-bottom: 1.66vw; } }
  .card-activation__form-contact-box .card-activation__form-box {
    margin-bottom: 12px; }
    @media screen and (min-width: 1921px) {
      .card-activation__form-contact-box .card-activation__form-box {
        margin-bottom: 0.62vw; } }

.card-activation__form-personal-info {
  margin-bottom: 32px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-personal-info {
      margin-bottom: 1.66vw; } }
  .card-activation__form-personal-info .card-activation__form-box {
    margin-bottom: 12px; }
    @media screen and (min-width: 1921px) {
      .card-activation__form-personal-info .card-activation__form-box {
        margin-bottom: 0.62vw; } }

.card-activation__form-location-box .card-activation__form-box {
  margin-bottom: 0; }

.card-activation__form-location-box .card-activation__form-location-box-top {
  margin-bottom: 12px;
  display: flex; }
  @media screen and (max-width: 1250px) {
    .card-activation__form-location-box .card-activation__form-location-box-top {
      flex-direction: column; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-location-box .card-activation__form-location-box-top {
      margin-bottom: 0.62vw; } }

.card-activation__form-location-box .card-activation__form-street.card-activation__form-input--validate-error .error-div {
  display: block;
  cursor: pointer;
  position: relative;
  height: 21px; }
  .card-activation__form-location-box .card-activation__form-street.card-activation__form-input--validate-error .error-div:hover .error-message {
    opacity: 1;
    visibility: visible; }
  .card-activation__form-location-box .card-activation__form-street.card-activation__form-input--validate-error .error-div:hover::after {
    opacity: 1;
    visibility: visible; }
  .card-activation__form-location-box .card-activation__form-street.card-activation__form-input--validate-error .error-div .error-message {
    position: absolute;
    white-space: nowrap;
    font-size: 13px;
    bottom: 10px;
    right: -30px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.09);
    background-color: #fff;
    padding: 5px 8px;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity 300ms ease-out, visibility 300ms ease-out;
    border-color: rgba(84, 84, 84, 0.047); }
  .card-activation__form-location-box .card-activation__form-street.card-activation__form-input--validate-error .error-div::after {
    content: "";
    position: absolute;
    bottom: 24px;
    left: 50%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: #fff transparent transparent;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity 300ms ease-out, visibility 300ms ease-out; }

.card-activation__form-location-box .card-activation__form-street .error-div {
  display: none; }

.card-activation__form-location-box .card-activation__form-location-box-bottom {
  display: flex; }
  @media screen and (max-width: 1250px) {
    .card-activation__form-location-box .card-activation__form-location-box-bottom {
      flex-direction: column; } }

.card-activation__form-location-box .card-activation__form-location-box-long {
  flex: 1;
  margin-right: 12px; }
  @media screen and (max-width: 1250px) {
    .card-activation__form-location-box .card-activation__form-location-box-long {
      margin-bottom: 12px;
      margin-right: 0; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-location-box .card-activation__form-location-box-long {
      margin-right: 0.62vw; } }

.card-activation__form-location-box .card-activation__form-location-box-short {
  max-width: 300px;
  width: 100%; }
  @media screen and (max-width: 1250px) {
    .card-activation__form-location-box .card-activation__form-location-box-short {
      max-width: 100%; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-location-box .card-activation__form-location-box-short {
      max-width: 15.62vw; } }
  .card-activation__form-location-box .card-activation__form-location-box-short .card-activation__form-label {
    min-width: 105px;
    margin-right: 12px; }
    @media screen and (max-width: 1250px) {
      .card-activation__form-location-box .card-activation__form-location-box-short .card-activation__form-label {
        min-width: 235px;
        margin-right: 0; } }
    @media screen and (max-width: 500px) {
      .card-activation__form-location-box .card-activation__form-location-box-short .card-activation__form-label {
        min-width: 150px; } }
    @media screen and (min-width: 1921px) {
      .card-activation__form-location-box .card-activation__form-location-box-short .card-activation__form-label {
        min-width: 5.46vw; } }
  .card-activation__form-location-box .card-activation__form-location-box-short .card-activation__form-input {
    max-width: 140px; }
    @media screen and (max-width: 600px) {
      .card-activation__form-location-box .card-activation__form-location-box-short .card-activation__form-input {
        max-width: 100%; } }
    @media screen and (min-width: 1921px) {
      .card-activation__form-location-box .card-activation__form-location-box-short .card-activation__form-input {
        max-width: 6.25vw; } }

.card-activation__form-bithday {
  position: relative; }
  @media screen and (max-width: 950px) {
    .card-activation__form-bithday {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      position: relative; } }

.card-activation__form-date-btn {
  pointer-events: none;
  position: absolute;
  top: 18px;
  right: 0;
  background-color: #fff;
  border: none;
  padding: 0;
  width: 32px;
  height: 32px;
  margin-right: 25px;
  min-width: 32px; }
  @media screen and (max-width: 1550px) {
    .card-activation__form-date-btn {
      top: 14px;
      margin-right: 22px; } }
  @media screen and (max-width: 950px) {
    .card-activation__form-date-btn {
      align-self: flex-end;
      position: absolute;
      top: 18px;
      right: 0;
      margin-right: 18px; } }
  @media screen and (max-width: 600px) {
    .card-activation__form-date-btn {
      top: 45px;
      display: none; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-date-btn {
      top: 0.93vw;
      width: 1.66vw;
      height: 1.66vw;
      margin-right: 1.3vw; }
      .card-activation__form-date-btn svg {
        width: 100%;
        height: 100%; } }
  .card-activation__form-date-btn svg,
  .card-activation__form-date-btn path,
  .card-activation__form-date-btn ellipse {
    transition: 0.3s ease; }
  .card-activation__form-date-btn:hover svg path,
  .card-activation__form-date-btn:hover svg ellipse {
    fill: #0079c1; }

.ap-cont {
  padding: 24px; }
  @media screen and (min-width: 1921px) {
    .ap-cont {
      padding: 1.25vw; } }

.ap-header {
  display: none !important; }

.ap-theme-default .ap-button-cont {
  float: none; }

#ap-button-set {
  width: 100%;
  max-width: 100%;
  display: block;
  border: 2px solid #0079c1;
  color: #0079c1;
  font-weight: 700;
  transition: 0.3s ease; }
  @media screen and (min-width: 1921px) {
    #ap-button-set {
      border: 0.1041vw solid #0079c1; } }
  #ap-button-set:hover {
    background-color: #0079c1;
    color: #fff; }

#ap-button-cancel {
  background: #f00;
  position: absolute;
  top: -16px;
  right: -16px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: #fff; }
  @media screen and (min-width: 1921px) {
    #ap-button-cancel {
      top: -0.83vw;
      right: -0.83vw;
      width: 1.66vw;
      height: 1.66vw; } }

.ap-icon-arrow-up-filled::before,
.ap-icon-arrow-down-filled::before {
  color: #0079c1; }

.ap-component-selector {
  border-top: none;
  border-bottom: none; }

.ap-row-selected {
  font-weight: 700; }

.card-activation__header-top-nis {
  margin-right: 50px; }
  @media screen and (min-width: 1921px) {
    .card-activation__header-top-nis {
      margin-right: 2.6vw; } }

.card-activation__header-middle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 15px;
  overflow: hidden; }
  @media screen and (min-width: 1921px) {
    .card-activation__header-middle {
      margin: 0 0.78vw; } }

.card-activation__header-call {
  font-size: 21px;
  color: #fff;
  margin-left: 33px;
  padding: 10px 0; }
  @media screen and (min-width: 1921px) {
    .card-activation__header-call {
      font-size: 1.09vw;
      margin-left: 1.71vw;
      padding: 0.52vw 0; } }

.card-activation__header-actions {
  display: flex;
  flex-direction: row;
  position: relative;
  top: 2px;
  height: 44px; }
  @media screen and (min-width: 1921px) {
    .card-activation__header-actions {
      top: 0.1vw;
      height: 2.29vw; } }

.card-activation__header-red {
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  height: 100%;
  background: #ff0101;
  display: flex;
  align-items: center;
  padding: 0 10px; }
  @media screen and (min-width: 1921px) {
    .card-activation__header-red {
      font-size: 0.93vw;
      padding: 0 0.52vw; } }

.card-activation__header-bottom {
  margin: 0 15px; }
  @media screen and (min-width: 1921px) {
    .card-activation__header-bottom {
      margin: 0 0.78vw; } }

.card-activation__header-red:hover {
  text-decoration: underline; }

.card-activation__header-list {
  padding: 0;
  margin: 30px 10px 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 1921px) {
    .card-activation__header-list {
      margin: 1.56vw 0.52vw 0; } }

.card-activation__header-item {
  display: inline-block;
  margin-bottom: 15px;
  border-bottom: 3px solid #006cb1;
  padding-bottom: 10px;
  background: #fff; }
  @media screen and (min-width: 1921px) {
    .card-activation__header-item {
      margin-bottom: 0.78vw;
      padding-bottom: 0.52vw; } }

.card-activation__header-item a {
  text-transform: uppercase;
  font-size: 16px;
  color: #006cb1;
  border-right: 1px solid #006cb1;
  padding: 0 15px;
  display: inline-block;
  text-decoration: none; }
  @media screen and (min-width: 1921px) {
    .card-activation__header-item a {
      font-size: 0.83vw;
      padding: 0 0.78vw; } }

.card-activation__content-image {
  width: auto; }

.card-activation__content-bg {
  text-align: center;
  margin-bottom: 35px; }
  @media screen and (min-width: 1921px) {
    .card-activation__content-bg {
      margin-bottom: 1.82vw; } }

.card-activation__content-top-image {
  max-width: 100%; }

.card-activation__content-top {
  margin-top: -35px;
  margin-bottom: 20px; }
  @media screen and (min-width: 1921px) {
    .card-activation__content-top {
      margin-top: -1.82vw;
      margin-bottom: 1.04vw; } }

.card-activation__content-top h2 {
  text-transform: uppercase;
  font-size: 31px;
  color: #006cb1;
  font-weight: normal;
  margin-bottom: 0; }
  @media screen and (min-width: 1921px) {
    .card-activation__content-top h2 {
      font-size: 1.61vw; } }

.card-activation__content {
  max-width: 1750px;
  width: 100%;
  margin: 0 auto;
  padding: 90px 24px; }
  @media screen and (max-width: 640px) {
    .card-activation__content {
      padding: 45px 15px; } }
  @media screen and (min-width: 1921px) {
    .card-activation__content {
      max-width: 91.14vw;
      padding: 4.69vw 0.78vw; } }

.card-activation__body {
  padding-bottom: 50px; }
  @media screen and (min-width: 1921px) {
    .card-activation__body {
      padding-bottom: 2.6vw; } }

.card-activation__form-label {
  color: #333;
  font-weight: 700;
  min-width: 235px;
  display: inline-block; }
  @media screen and (max-width: 1550px) {
    .card-activation__form-label {
      font-size: 16px; } }
  @media screen and (max-width: 500px) {
    .card-activation__form-label {
      min-width: 90px; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-label {
      font-size: 0.83vw;
      min-width: 12.23vw; } }

.card-activation__form-label--validate-error {
  border: 1px solid #d91a21 !important; }
  .card-activation__form-label--validate-error label {
    color: #d91a21 !important; }
    .card-activation__form-label--validate-error label span {
      color: initial !important; }

.card-activation__form-label--phone-number {
  padding: 0 0 0 10px;
  flex: 1; }
  @media screen and (max-width: 600px) {
    .card-activation__form-label--phone-number {
      padding: 0;
      margin-bottom: 0 !important; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-label--phone-number {
      padding: 0 0 0 0.52vw; } }

.card-activation__form-label span {
  opacity: 0.6;
  font-size: 12px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-label span {
      font-size: 0.62vw; } }

.card-activation__form-label--phone-number span {
  opacity: 1;
  font-size: 16px;
  font-weight: 500; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-label--phone-number span {
      font-size: 0.83vw; } }

.card-activation__form-right-top {
  margin-bottom: 126px;
  padding-left: 15px; }
  @media screen and (max-width: 1280px) {
    .card-activation__form-right-top {
      margin-bottom: 30px; } }
  @media screen and (max-width: 950px) {
    .card-activation__form-right-top {
      padding-left: 0; } }
  @media screen and (max-width: 600px) {
    .card-activation__form-right-top {
      margin-bottom: 0; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-right-top {
      margin-bottom: 6.56vw;
      padding-left: 0.78vw; } }
  .card-activation__form-right-top .card-activation__form-paragraph {
    margin-bottom: 42px; }
    @media screen and (max-width: 600px) {
      .card-activation__form-right-top .card-activation__form-paragraph {
        margin-bottom: 22px; } }
    @media screen and (min-width: 1921px) {
      .card-activation__form-right-top .card-activation__form-paragraph {
        margin-bottom: 2.18vw; } }

.card-activation__form-novosti {
  margin-bottom: 62px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-novosti {
      margin-bottom: 3.22vw; } }

.card-activation__form-paragraph {
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 18px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-paragraph {
      font-size: 0.8333333vw;
      margin-bottom: 0.93vw; } }

.card-activation__form-pravila {
  border-top: 1px solid #0079c1;
  border-bottom: 1px solid #0079c1;
  padding: 20px 0 20px 15px;
  margin-bottom: 26px; }
  @media screen and (max-width: 950px) {
    .card-activation__form-pravila {
      padding: 20px 0; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-pravila {
      padding: 1.04vw 0 1.04vw 0.78vw;
      margin-bottom: 1.35vw; } }
  .card-activation__form-pravila .card-activation__form-paragraph {
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 144%;
    margin-bottom: 32px; }
    @media screen and (min-width: 1921px) {
      .card-activation__form-pravila .card-activation__form-paragraph {
        margin-bottom: 1.66vw; } }
  .card-activation__form-pravila a {
    color: #0070ba;
    font-weight: 700;
    letter-spacing: 0.2px; }

.card-activation__form-error {
  display: none; }

.card-activation__form-error-dob {
  display: none;
  padding-top: 20px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-error-dob {
      padding-top: 1.04vw; } }

.card-activation__form-paragraph--error-validation {
  color: #d91a21;
  font-weight: bold; }

.card-activation__form-radio-span {
  color: #808080;
  font-size: 16px;
  margin-right: 10px; }
  @media screen and (max-width: 480px) {
    .card-activation__form-radio-span {
      font-size: 14px; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-radio-span {
      font-size: 0.83vw;
      margin-right: 0.52vw; } }

.card-activation__form-box {
  display: flex;
  flex-direction: row;
  width: 100%;
  border: 1px solid #0079c1;
  padding: 17px;
  margin-bottom: 32px;
  min-height: 64px;
  max-height: 64px;
  align-items: center; }
  @media screen and (max-width: 1500px) {
    .card-activation__form-box {
      padding: 12px; } }
  @media screen and (max-width: 600px) {
    .card-activation__form-box {
      min-height: unset;
      max-height: unset; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-box {
      padding: 0.88vw;
      margin-bottom: 1.66vw;
      min-height: 3.33vw;
      max-height: 3.33vw; } }

.card-activation__form-radio-buttons {
  display: flex;
  flex-direction: row; }

.card-activation__form-radio-box {
  display: flex;
  align-items: center; }

.card-activation__form-radio-input {
  opacity: 0;
  position: absolute; }

.card-activation__form-radio-label:focus {
  border: 1px dashed #006cb1; }

.card-activation__form-radio-label {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #006cb1;
  position: relative;
  top: 1px;
  cursor: pointer;
  margin-right: 10px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-radio-label {
      width: 1.25vw;
      height: 1.25vw;
      top: 0.05vw;
      margin-right: 0.52vw; } }

.card-activation__form-radio-label span {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #006cb1;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.2s;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-radio-label span {
      width: 0.72vw;
      height: 0.72vw; } }

.card-activation__form-radio-input:checked
~ .card-activation__form-radio-label
> span {
  transform: translate(-50%, -50%) scale(1); }

.card-activation__form-checkbox-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }

.card-activation__form-checkbox {
  display: none; }

.card-activation__form-checkbox-label {
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  border: 1px solid #006cb1;
  position: relative;
  cursor: pointer;
  margin-right: 10px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-checkbox-label {
      width: 1.25vw;
      height: 1.25vw;
      margin-right: 0.52vw; } }

.card-activation__form-checkbox-label > span {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #006cb1;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.2s;
  display: inline-block;
  cursor: pointer; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-checkbox-label > span {
      width: 0.72vw;
      height: 0.72vw; } }

.card-activation__form-checkbox:checked
~ .card-activation__form-checkbox-label
> span {
  transform: translate(-50%, -50%) scale(1); }

.card-activation__form-checkbox-span {
  font-weight: 700; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-checkbox-span {
      font-size: 0.8333333vw; } }

.card-activation__form-button-icon {
  margin-left: 12px;
  transition: 0.3s ease; }
  .card-activation__form-button-icon svg path {
    transition: 0.3s ease; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-button-icon {
      margin-left: 0.62vw; }
      .card-activation__form-button-icon svg {
        width: 0.88vw;
        height: 0.67vw; } }

.card-activation__form-button-box {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 525px) {
    .card-activation__form-button-box {
      flex-direction: column;
      align-items: flex-start; } }
  .card-activation__form-button-box .card-activation__form-button {
    margin-right: 24px !important;
    text-transform: uppercase; }
    @media screen and (max-width: 525px) {
      .card-activation__form-button-box .card-activation__form-button {
        margin-bottom: 16px; } }
    @media screen and (min-width: 1921px) {
      .card-activation__form-button-box .card-activation__form-button {
        margin-right: 1.25vw !important; } }
  .card-activation__form-button-box .card-activation__form-paragraph {
    margin-bottom: 0; }

.card-activation__form-button {
  background: #fff;
  border: 2px solid #006cb1;
  color: #006cb1;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  margin-right: 12px;
  padding: 16px 25px 16px 40px;
  min-width: 220px;
  transition: 0.3s ease; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-button {
      padding: 0.78vw 1.25vw;
      font-size: 0.72vw;
      margin-right: 0.62vw;
      border: 0.1041vw solid #006cb1;
      min-width: 11.45vw; } }
  .card-activation__form-button:last-of-type {
    margin-right: 0; }
  @media screen and (min-width: 479px) {
    .card-activation__form-button:hover {
      background: #006cb1;
      color: #fff; }
      .card-activation__form-button:hover .btn-text-wrap {
        color: #fff; }
      .card-activation__form-button:hover svg path {
        fill: #fff; } }

.card-activation__form-button--disabled {
  display: none; }
  .card-activation__form-button--disabled img {
    height: 15px;
    min-width: unset;
    display: inherit; }
  .card-activation__form-button--disabled:hover {
    background: #fff; }

.card-activation__form-button--blue {
  background: #006cb1;
  border: 1px solid #006cb1;
  color: #fff;
  padding: 15px 24px;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  margin-right: 12px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-button--blue {
      padding: 0.78vw 1.25vw;
      font-size: 0.72vw;
      margin-right: 0.62vw; } }
  .card-activation__form-button--blue:last-of-type {
    margin-right: 0; }

.card-activation__form-button--hide {
  display: none; }

.card-activation__form-button:focus {
  outline: none; }

.card-activation__form-button:active {
  outline: none; }

.card-activation__form-loader {
  display: none;
  padding: 8px 20px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-loader {
      padding: 0.42vw 1.04vw; } }

.card-activation__form-loader--show {
  display: block; }

.card-activation__form-input {
  border: none;
  flex: 1;
  color: #808080;
  font-size: 16px;
  padding: 3px 10px;
  background: transparent; }
  @media screen and (max-width: 600px) {
    .card-activation__form-input {
      padding: 3px 10px 3px 0; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-input {
      font-size: 0.83vw;
      padding: 0.15vw 0.52vw; } }

.card-activation__form-input--phone-number {
  border-bottom: none;
  padding: 3px 0;
  margin-left: -3px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-input--phone-number {
      padding: 0.15vw 0;
      margin-left: -0.15vw; } }

.card-activation__form-input:focus {
  outline: none; }

.card-activation__form-input:active {
  outline: none; }

.card-activation__footer {
  margin-top: 40px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media screen and (min-width: 1921px) {
    .card-activation__footer {
      margin-top: 2.08vw;
      margin-bottom: 0.78vw; } }

.card-activation__footer-text {
  color: #006cb1;
  font-size: 11px;
  line-height: 11px;
  margin-bottom: 20px; }
  @media screen and (min-width: 1921px) {
    .card-activation__footer-text {
      font-size: 0.57vw;
      line-height: 0.57vw;
      margin-bottom: 1.04vw; } }

.card-activation__footer-images {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.card-activation__footer-images img {
  margin: 0 15px 15px; }
  @media screen and (min-width: 1921px) {
    .card-activation__footer-images img {
      margin: 0 0.78vw 0.78vw; } }

.card-activation__form-snnp-box {
  display: flex;
  align-items: center;
  flex: 1; }

.card-activation__form-snnp-box div {
  width: 46px; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-snnp-box div {
      width: 2.39vw; } }

.card-activation__form-snnp-input {
  width: 56px;
  border: none;
  padding: 0 7px;
  box-sizing: border-box;
  font-size: 16px; }
  @media screen and (max-width: 600px) {
    .card-activation__form-snnp-input {
      padding: 0 7px 0 0; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-snnp-input {
      width: 2.91vw;
      padding: 0 0.36vw;
      font-size: 0.83vw; } }

.card-activation__form-snnp-input--big {
  width: 100%; }
  @media screen and (min-width: 1921px) {
    .card-activation__form-snnp-input--big {
      width: 100%; } }

.card-activation__form-snnp-input:focus {
  outline: none; }

.card-activation__form-snnp-input:active {
  outline: none; }

.card-activation__modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999; }

.card-activation__modal--uspesno .card-activation__modal-inner-paragraph,
.card-activation__modal--nije-moguce .card-activation__modal-inner-paragraph,
.card-activation__modal--van-sistema .card-activation__modal-inner-paragraph,
.card-activation__modal--van-upotrebe .card-activation__modal-inner-paragraph,
.card-activation__modal--blokirana .card-activation__modal-inner-paragraph,
.card-activation__modal--otkazana .card-activation__modal-inner-paragraph,
.card-activation__modal--vec-aktivirana .card-activation__modal-inner-paragraph,
.card-activation__modal--trenutno-nije-u-funkciji .card-activation__modal-inner-paragraph {
  margin: 0 auto 10px;
  max-width: 440px; }
  .card-activation__modal--uspesno .card-activation__modal-inner-paragraph p,
  .card-activation__modal--nije-moguce .card-activation__modal-inner-paragraph p,
  .card-activation__modal--van-sistema .card-activation__modal-inner-paragraph p,
  .card-activation__modal--van-upotrebe .card-activation__modal-inner-paragraph p,
  .card-activation__modal--blokirana .card-activation__modal-inner-paragraph p,
  .card-activation__modal--otkazana .card-activation__modal-inner-paragraph p,
  .card-activation__modal--vec-aktivirana .card-activation__modal-inner-paragraph p,
  .card-activation__modal--trenutno-nije-u-funkciji .card-activation__modal-inner-paragraph p {
    margin-bottom: 10px; }
    .card-activation__modal--uspesno .card-activation__modal-inner-paragraph p:last-child,
    .card-activation__modal--nije-moguce .card-activation__modal-inner-paragraph p:last-child,
    .card-activation__modal--van-sistema .card-activation__modal-inner-paragraph p:last-child,
    .card-activation__modal--van-upotrebe .card-activation__modal-inner-paragraph p:last-child,
    .card-activation__modal--blokirana .card-activation__modal-inner-paragraph p:last-child,
    .card-activation__modal--otkazana .card-activation__modal-inner-paragraph p:last-child,
    .card-activation__modal--vec-aktivirana .card-activation__modal-inner-paragraph p:last-child,
    .card-activation__modal--trenutno-nije-u-funkciji .card-activation__modal-inner-paragraph p:last-child {
      margin-bottom: 0; }
  @media screen and (min-width: 1921px) {
    .card-activation__modal--uspesno .card-activation__modal-inner-paragraph,
    .card-activation__modal--nije-moguce .card-activation__modal-inner-paragraph,
    .card-activation__modal--van-sistema .card-activation__modal-inner-paragraph,
    .card-activation__modal--van-upotrebe .card-activation__modal-inner-paragraph,
    .card-activation__modal--blokirana .card-activation__modal-inner-paragraph,
    .card-activation__modal--otkazana .card-activation__modal-inner-paragraph,
    .card-activation__modal--vec-aktivirana .card-activation__modal-inner-paragraph,
    .card-activation__modal--trenutno-nije-u-funkciji .card-activation__modal-inner-paragraph {
      margin: 0 auto 0.52vw;
      max-width: 22.91vw; }
      .card-activation__modal--uspesno .card-activation__modal-inner-paragraph p,
      .card-activation__modal--nije-moguce .card-activation__modal-inner-paragraph p,
      .card-activation__modal--van-sistema .card-activation__modal-inner-paragraph p,
      .card-activation__modal--van-upotrebe .card-activation__modal-inner-paragraph p,
      .card-activation__modal--blokirana .card-activation__modal-inner-paragraph p,
      .card-activation__modal--otkazana .card-activation__modal-inner-paragraph p,
      .card-activation__modal--vec-aktivirana .card-activation__modal-inner-paragraph p,
      .card-activation__modal--trenutno-nije-u-funkciji .card-activation__modal-inner-paragraph p {
        margin-bottom: 0.52083vw; } }

@media screen and (max-height: 850px) and (min-width: 1280px) {
  .card-activation__modal--uspesno .card-activation__modal-inner--reward {
    width: 30vw;
    padding: 48px 24px 24px; } }

@media screen and (max-height: 700px) and (min-width: 1280px) {
  .card-activation__modal--uspesno .card-activation__modal-inner--reward {
    width: 27vw; } }

.card-activation__modal-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 635px;
  padding: 64px;
  z-index: 1;
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 0 7px 20px 3px rgba(0, 0, 0, 0.4);
  text-align: center;
  animation: slideDown 0.5s forwards; }
  .card-activation__modal-inner .card-activation__form-button {
    padding: 16px 25px; }
    @media screen and (min-width: 1921px) {
      .card-activation__modal-inner .card-activation__form-button {
        padding: 0.83333vw 1.30208vw; } }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-inner {
      width: 33.07vw;
      padding: 3.33vw;
      box-shadow: 0 0.36vw 1.04vw 0.15vw rgba(0, 0, 0, 0.4); } }
  .card-activation__modal-inner .card-activation__form-box {
    max-width: 300px;
    margin: 0 auto 32px; }
    @media screen and (max-width: 600px) {
      .card-activation__modal-inner .card-activation__form-box {
        display: flex; } }
    @media screen and (min-width: 1921px) {
      .card-activation__modal-inner .card-activation__form-box {
        max-width: 15.62vw;
        margin: 0 auto 1.66vw; } }
  .card-activation__modal-inner .card-activation__modal-inner-input {
    margin-bottom: 0;
    border: none;
    width: inherit; }
    .card-activation__modal-inner .card-activation__modal-inner-input:focus {
      border: none;
      outline: none; }
  .card-activation__modal-inner .card-activation__form-label {
    min-width: 70px; }
    @media screen and (max-width: 600px) {
      .card-activation__modal-inner .card-activation__form-label {
        margin-bottom: 0; } }
    @media screen and (min-width: 1921px) {
      .card-activation__modal-inner .card-activation__form-label {
        min-width: 3.64vw; } }
  .card-activation__modal-inner .entry-content {
    max-width: 100%;
    margin-bottom: 24px; }
    .card-activation__modal-inner .entry-content h2 {
      font-size: 30px;
      margin-bottom: 24px; }
    .card-activation__modal-inner .entry-content p:last-child {
      margin-bottom: 0; }

.card-activation__modal-inner--reward {
  padding: 64px 24px 24px; }

.card-activation__modal-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
  animation: fadeIn 0.5s forwards; }

.card-activation__modal-inner-close-btn {
  position: absolute;
  top: -16px;
  right: -16px;
  background-color: #d91a21;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-inner-close-btn {
      top: -0.83vw;
      right: -0.83vw;
      width: 1.66vw;
      height: 1.66vw; } }

.card-activation__modal-inner-paragraph {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 36px; }
  @media screen and (max-width: 991px) {
    .card-activation__modal-inner-paragraph {
      font-size: 16px;
      margin-bottom: 16px; } }
  @media screen and (max-width: 600px) {
    .card-activation__modal-inner-paragraph {
      font-size: 14px;
      margin-bottom: 16px; } }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-inner-paragraph {
      font-size: 1.04vw;
      margin-bottom: 1.87vw; } }

.card-activation__modal-resend-sms {
  display: block;
  font-size: 16px;
  color: #d91a21; }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-resend-sms {
      font-size: 0.83vw; } }
  .card-activation__modal-resend-sms a {
    text-decoration: underline; }

.card-activation__resend-loader {
  display: none; }

.card-activation__loader {
  margin: 0 auto;
  padding-bottom: 30px; }
  @media screen and (min-width: 1921px) {
    .card-activation__loader {
      padding-bottom: 1.56vw; } }

.card-activation__modal-inner--failed {
  display: none; }

.card-activation__modal-inner--ttl-expired {
  display: none; }

.card-activation__modal-inner-img {
  width: 96px;
  margin: 0 auto 32px; }
  @media screen and (max-width: 640px) {
    .card-activation__modal-inner-img {
      width: 64px;
      margin: 0 auto 16px; } }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-inner-img {
      width: 5vw;
      margin: 0 auto 1.66vw; } }

.card-activation__modal-inner-paragraph--big {
  font-size: 72px;
  margin-bottom: 32px;
  font-weight: 700; }
  @media screen and (max-width: 768px) {
    .card-activation__modal-inner-paragraph--big {
      font-size: 32px; } }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-inner-paragraph--big {
      font-size: 3.75vw;
      margin-bottom: 1.66vw; } }

.card-activation__modal-uslovi {
  max-height: 100vh;
  overflow: hidden;
  padding: 40px 60px 80px; }
  @media screen and (max-width: 768px) {
    .card-activation__modal-uslovi {
      padding: 30px 10px 100px !important; } }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-uslovi {
      padding: 2.08vw 3.12vw 4.16vw; } }

.button-holder-modal {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  background: #fff;
  left: 0; }
  @media screen and (min-width: 1921px) {
    .button-holder-modal {
      padding: 1.04vw 0; } }

.button-holder-modal button {
  margin-top: 0; }

.uslovi-content {
  overflow-y: scroll;
  max-height: 80vh;
  width: 100%; }

.card-activation__modal-inner-input {
  margin-bottom: 20px;
  padding: 8px 14px;
  box-sizing: border-box;
  border: 1px solid #808080; }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-inner-input {
      margin-bottom: 1.04vw;
      padding: 0.41vw 0.72vw; } }

.card-activation__modal-inner-input:focus {
  border: 1px solid #006cb1;
  outline: none; }

.card-activation__modal-inner-input:active {
  outline: none; }

.card-activation__modal-inner-paragraph--upozorenje {
  color: #ff0101;
  font-size: 14px; }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-inner-paragraph--upozorenje {
      font-size: 0.72vw; } }

.card-activation__modal-inner-paragraph--upozorenje--first {
  margin-top: 20px; }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-inner-paragraph--upozorenje--first {
      margin-top: 1.04vw; } }

.card-activation__modal-inner-paragraph--upozorenje--ttl-expired {
  margin-bottom: 25px; }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-inner-paragraph--upozorenje--ttl-expired {
      margin-bottom: 1.3vw; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slideDown {
  0% {
    margin-top: -20px; }
  100% {
    margin-top: 0; } }

.card-activation__modal--button {
  margin-top: 25px;
  padding: 16px 25px; }
  @media screen and (min-width: 1921px) {
    .card-activation__modal--button {
      margin-top: 1.3vw;
      padding: 0.833vw 1.302vw; } }

.show-modal {
  display: block; }

.card-activation__form-button--red {
  border: 1px solid #ff0101;
  background: #ff0101; }

.card-activation__modal-inner-paragraph--potvrda {
  margin-bottom: 25px; }
  @media screen and (min-width: 1921px) {
    .card-activation__modal-inner-paragraph--potvrda {
      margin-bottom: 1.3vw; } }

.error-verify-msg {
  display: none; }
  .error-verify-msg .card-activation__modal-inner-paragraph {
    margin-bottom: 12px; }
    @media screen and (min-width: 1921px) {
      .error-verify-msg .card-activation__modal-inner-paragraph {
        margin-bottom: 0.62vw; } }

.error-verify-msg--show {
  display: block; }

.card-activation__form-gender {
  border: none;
  padding: 0; }
  @media screen and (max-width: 600px) {
    .card-activation__form-gender .card-activation__form-radio-buttons {
      margin-left: auto; } }
  @media screen and (max-width: 340px) {
    .card-activation__form-gender .card-activation__form-radio-buttons {
      margin-left: 0; } }
  .card-activation__form-gender .card-activation__form-radio-buttons .card-activation__form-radio-box {
    margin-right: 25px; }
    @media screen and (max-width: 360px) {
      .card-activation__form-gender .card-activation__form-radio-buttons .card-activation__form-radio-box {
        margin-right: 10px; } }
    .card-activation__form-gender .card-activation__form-radio-buttons .card-activation__form-radio-box:last-child {
      margin-right: 0; }

.card-activation__form-label-gender {
  border: 1px solid #0079c1;
  min-height: 64px;
  max-height: 64px;
  display: flex;
  align-items: center;
  padding: 17px;
  margin-right: 25px; }
  @media screen and (max-width: 600px) {
    .card-activation__form-label-gender {
      flex: 1; } }
  @media screen and (max-width: 340px) {
    .card-activation__form-label-gender {
      margin-right: 16px; } }
  @media screen and (min-width: 1921px) {
    .card-activation__form-label-gender {
      min-height: 3.33vw;
      max-height: 3.33vw;
      padding: 0.88vw;
      margin-right: 1.3vw; } }

@media only screen and (max-width: 730px) {
  .card-activation__header-call {
    font-size: 16px; }
  .card-activation__header-red-span {
    font-size: 16px; }
  .card-activation__header-top-logo {
    height: 55px; }
  .card-activation__header-top-nis {
    height: 55px; }
  .card-activation__header-top-petrol {
    height: 55px; }
  .card-activation__header-actions {
    height: 38px; }
  .card-activation__modal-inner {
    width: 90%; } }

@media only screen and (max-width: 615px) {
  .card-activation__header-middle {
    margin: 0; }
  .card-activation__header-call {
    margin-left: 10px; } }

@media only screen and (max-width: 600px) {
  .card-activation__form-gender {
    display: flex !important; }
    .card-activation__form-gender .card-activation__form-label {
      margin-bottom: 0; }
  .card-activation__form-box {
    display: block; }
  .card-activation__form-label {
    margin-bottom: 12px; }
  .card-activation__form-input {
    flex: 1;
    box-sizing: border-box;
    width: 100%; }
  .card-activation__form-label--phone-number {
    display: flex;
    align-items: center; }
  .card-activation__form-input--phone-number {
    padding-left: 5px; }
  .card-activation__form-label--phone-number span {
    z-index: 1;
    line-height: 14px; } }

@media only screen and (max-width: 575px) {
  .card-activation__header-top-logo {
    height: 45px; }
  .card-activation__header-top-nis {
    height: 45px;
    margin-right: 15px; }
  .card-activation__header-top-petrol {
    height: 45px; }
  .card-activation__content-image {
    width: auto; }
  .card-activation__header-call {
    font-size: 14px; }
  .card-activation__header-red-span {
    font-size: 14px; }
  .card-activation__header-actions {
    height: 35px; }
  .card-activation__modal-inner {
    width: 350px;
    padding: 30px 10px; } }

.card-activation__modal-inner-reward-img {
  margin-bottom: 24px; }

.card-activation__modal-inner-reward {
  position: relative;
  font-size: 32px;
  letter-spacing: 0.3px;
  margin-bottom: 24px; }
  @media screen and (max-width: 1440px) {
    .card-activation__modal-inner-reward {
      font-size: 28px; } }
  @media screen and (max-width: 1024px) {
    .card-activation__modal-inner-reward {
      font-size: 24px; } }
  .card-activation__modal-inner-reward::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15%;
    right: 15%;
    width: 70%;
    height: 2px;
    background-color: #000; }
    @media screen and (max-width: 640px) {
      .card-activation__modal-inner-reward::before {
        height: 1px; } }

@media (hover: hover) and (pointer: fine) {
  .card-activation__modal-inner-btn:hover {
    background-color: #0079c1;
    color: #fff; } }

@media only screen and (max-width: 500px) {
  .card-activation__header-call {
    display: flex;
    flex-direction: column; }
  .card-activation__header-actions {
    height: 53px; } }

@media only screen and (max-width: 470px) {
  .card-activation__header-top {
    margin: 20px; }
  .card-activation__header-top-logo {
    height: 35px; }
  .card-activation__header-top-nis {
    height: 35px; }
  .card-activation__header-top-petrol {
    height: 35px; } }

@media only screen and (max-width: 420px) {
  .card-activation__header-red {
    padding: 0 5px; } }

@media only screen and (max-width: 400px) {
  .card-activation__content-top h2 {
    font-size: 24px; }
  .card-activation__header-actions {
    flex-direction: column; }
  .card-activation__modal-inner {
    width: 300px;
    padding: 30px 10px; } }

@media only screen and (max-width: 390px) {
  .card-activation__header-top-logo {
    height: 28px; }
  .card-activation__header-top-nis {
    height: 28px; }
  .card-activation__header-top-petrol {
    height: 28px; }
  .card-activation__modal-inner {
    width: 90%; } }