a:hover, a:visited, a:link, a:active {
  text-decoration: none;
  outline: none; }

.verzia_pc {
  display: block; }

.verzia_mobil {
  display: none; }

.hide {
  visibility: hidden; }

.d-none {
  display: none !important; }

main #homepage-banner.open-dialog + #zona-info .dialog-gradient {
  display: block !important; }
main #homepage-banner.open-dialog .zona-ponuka > .zona-akcie, main #homepage-banner.open-dialog .zona-ponuka > h2, main #homepage-banner.open-dialog .zona-ponuka > .brush {
  display: none !important; }
main #homepage-banner:not(.open-dialog-login) #login-dialog {
  display: none; }
main #homepage-banner:not(.open-dialog-register) #register-dialog {
  display: none; }
main #homepage-banner:not(.open-dialog-password) #password-dialog {
  display: none; }
main .zona-ponuka .dialog {
  z-index: 5;
  position: absolute;
  top: -4.8vw;
  -webkit-box-shadow: 0px 0.3125VW 0.78125VW rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0.3125VW 0.78125VW rgba(0, 0, 0, 0.16);
  border-radius: 1vw; }
  main .zona-ponuka .dialog .head {
    height: 4.8vw;
    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;
    border-radius: 1vw 1vw 0 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#00357A), to(#00A0FF));
    background: linear-gradient(to right, #00357A, #00A0FF);
    position: relative; }
    main .zona-ponuka .dialog .head > span {
      vertical-align: middle;
      color: white;
      font-size: 1.4583vw;
      font-family: "Roboto Regular", sans-serif; }
    main .zona-ponuka .dialog .head .close {
      right: 1.2vw;
      top: 1.4105vw;
      position: absolute;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: pointer;
      width: 1.979vw;
      height: 1.979vw;
      background-color: rgba(250, 250, 250, 0.33);
      border-radius: 8px;
      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; }
      main .zona-ponuka .dialog .head .close:hover {
        background-color: #00357A;
        cursor: pointer; }
      main .zona-ponuka .dialog .head .close img {
        width: 0.781vw; }
    main .zona-ponuka .dialog .head > img {
      margin-right: 1.14vw;
      height: 2.4vw;
      -webkit-filter: brightness(0) saturate(100%) invert(71%) sepia(49%) saturate(3030%) hue-rotate(350deg) brightness(98%) contrast(110%);
              filter: brightness(0) saturate(100%) invert(71%) sepia(49%) saturate(3030%) hue-rotate(350deg) brightness(98%) contrast(110%); }
  main .zona-ponuka .dialog .body {
    background-color: white;
    border-radius: 0 0 1vw 1vw; }
    main .zona-ponuka .dialog .body .success-icon {
      width: 6.25VW;
      margin-bottom: 2vw; }
    main .zona-ponuka .dialog .body .col {
      height: 2vw;
      width: 100%;
      position: relative;
      margin-bottom: 1.5625vw; }
      main .zona-ponuka .dialog .body .col label {
        width: auto;
        white-space: nowrap;
        font-family: "Roboto Regular", sans-serif;
        font-size: 0.781vw;
        color: #314053;
        position: absolute;
        pointer-events: none;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%; }
      main .zona-ponuka .dialog .body .col input {
        padding-left: 1vw;
        color: #314053;
        font-size: 0.781vw;
        font-family: "Roboto Medium", sans-serif;
        border-radius: 8px;
        border: #CBCBCB solid 1px;
        width: 100%;
        height: 100%; }
        main .zona-ponuka .dialog .body .col input:valid ~ label, main .zona-ponuka .dialog .body .col input:focus ~ label {
          padding: 0 0.417vw;
          color: #00A0FF;
          font-size: 0.625vw;
          -webkit-transform: translate(0%, 0%);
                  transform: translate(0%, 0%);
          left: 1vw;
          line-height: 0.625vw;
          top: -0.313vw;
          position: absolute;
          background-color: white; }
        main .zona-ponuka .dialog .body .col input:focus {
          outline: none;
          border: #00A0FF solid 1px; }
        main .zona-ponuka .dialog .body .col input:not(:focus) ~ label {
          color: rgba(49, 64, 83, 0.8); }
        main .zona-ponuka .dialog .body .col input:-webkit-autofill, main .zona-ponuka .dialog .body .col input:-webkit-autofill:hover, main .zona-ponuka .dialog .body .col input:-webkit-autofill:focus, main .zona-ponuka .dialog .body .col input:-webkit-autofill:active {
          -webkit-box-shadow: 0 0 0 30px white inset !important;
                  box-shadow: 0 0 0 30px white inset !important; }
        main .zona-ponuka .dialog .body .col input.failed {
          outline: none;
          border: #FF0000 solid 1px; }
          main .zona-ponuka .dialog .body .col input.failed ~ label {
            color: #FF0000; }
      main .zona-ponuka .dialog .body .col .failed-span {
        left: 0.417vw;
        top: 2.292vw;
        position: absolute;
        color: #FF0000;
        font-size: 0.677vw; }
    main .zona-ponuka .dialog .body button {
      border: 0;
      outline: 0;
      height: 2.6vw;
      line-height: 2.6vw;
      border-radius: 0.4vw;
      background-color: #FF9B05;
      color: white;
      font-family: "Roboto Medium", sans-serif;
      font-size: 0.833vw; }
      main .zona-ponuka .dialog .body button:hover {
        cursor: pointer;
        background-color: #00A0FF; }
  main .zona-ponuka .dialog:not(.state-1) .state-1-content {
    display: none; }
  main .zona-ponuka .dialog:not(.state-2) .state-2-content {
    display: none; }
  main .zona-ponuka .dialog:not(.state-3) .state-3-content {
    display: none; }
  main .zona-ponuka .dialog:not(.state-4) .state-4-content {
    display: none; }
  main .zona-ponuka .dialog#login-dialog {
    left: calc((100% - 29.74vw)/2);
    width: 29.74vw; }
    main .zona-ponuka .dialog#login-dialog .body {
      padding: 2vw 6.875vw 3.125vw; }
      main .zona-ponuka .dialog#login-dialog .body p {
        font-family: "Roboto Medium", sans-serif;
        font-size: 1.1458vw;
        color: #00A0FF;
        text-align: center;
        margin-bottom: 2vw; }
      main .zona-ponuka .dialog#login-dialog .body button[name="loginSendButton"] {
        margin-bottom: 1vw;
        width: 100%; }
      main .zona-ponuka .dialog#login-dialog .body .bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        main .zona-ponuka .dialog#login-dialog .body .bottom div {
          width: 50%; }
          main .zona-ponuka .dialog#login-dialog .body .bottom div .link {
            font-size: 0.833vw;
            font-weight: "Roboto Medium", sans-serif;
            color: #00A0FF; }
            main .zona-ponuka .dialog#login-dialog .body .bottom div .link:hover {
              cursor: pointer;
              text-decoration: underline; }
          main .zona-ponuka .dialog#login-dialog .body .bottom div.right {
            text-align: right; }
  main .zona-ponuka .dialog#register-dialog {
    width: 47vw;
    left: calc((100% - 47vw)/2); }
    main .zona-ponuka .dialog#register-dialog .body {
      padding: 2vw 6.25vw 3.125vw; }
      main .zona-ponuka .dialog#register-dialog .body .flexbox {
        width: 100%; }
        main .zona-ponuka .dialog#register-dialog .body .flexbox > div {
          text-align: center;
          width: 50%; }
          main .zona-ponuka .dialog#register-dialog .body .flexbox > div.left {
            padding-right: 1.4583vw; }
          main .zona-ponuka .dialog#register-dialog .body .flexbox > div.right {
            padding-left: 1.4583vw; }
          main .zona-ponuka .dialog#register-dialog .body .flexbox > div p {
            display: inline-block;
            font-family: "Roboto Medium", sans-serif;
            font-size: 0.9375VW;
            color: #00A0FF;
            margin-bottom: 1.51vw; }
            main .zona-ponuka .dialog#register-dialog .body .flexbox > div p img {
              height: 0.78125VW;
              margin-right: 0.885vw; }
      main .zona-ponuka .dialog#register-dialog .body .terms {
        padding-left: 2.03125VW;
        margin-bottom: 1.1vw; }
        main .zona-ponuka .dialog#register-dialog .body .terms label {
          position: relative;
          font-size: 0.781vw;
          font-family: "Roboto Regular", sans-serif;
          line-height: 1.25VW;
          color: #314053; }
          main .zona-ponuka .dialog#register-dialog .body .terms label a, main .zona-ponuka .dialog#register-dialog .body .terms label a:hover, main .zona-ponuka .dialog#register-dialog .body .terms label a:focus {
            color: #314053;
            font-family: "Roboto Medium", sans-serif;
            text-decoration: underline; }
          main .zona-ponuka .dialog#register-dialog .body .terms label .box {
            content: "";
            width: 1.2vw;
            height: 1.2vw;
            border: 0.13vw solid #00A0FF;
            border-radius: 0.26vw;
            display: inline-block;
            position: absolute;
            top: 0;
            left: -1.875VW;
            background-image: url("../../img/klientska-zona/tick.svg");
            background-repeat: no-repeat;
            background-size: 0.78125VW auto;
            background-position: center; }
            main .zona-ponuka .dialog#register-dialog .body .terms label .box:hover {
              cursor: pointer; }
        main .zona-ponuka .dialog#register-dialog .body .terms input {
          display: none; }
          main .zona-ponuka .dialog#register-dialog .body .terms input:checked ~ label .box {
            background-color: #00A0FF; }
          main .zona-ponuka .dialog#register-dialog .body .terms input.failed ~ label {
            color: #FF0000; }
            main .zona-ponuka .dialog#register-dialog .body .terms input.failed ~ label .box {
              border: 0.13vw solid #FF0000; }
    main .zona-ponuka .dialog#register-dialog button[name="registerSendButton"] {
      margin-top: 1.14vw;
      width: 15.78vw;
      margin-left: calc((100% - 15.78vw) /2); }
  main .zona-ponuka .dialog#password-dialog {
    left: calc((100% - 29.74vw)/2);
    width: 29.74vw; }
    main .zona-ponuka .dialog#password-dialog .body {
      text-align: center; }
      main .zona-ponuka .dialog#password-dialog .body.state-1-content, main .zona-ponuka .dialog#password-dialog .body.state-2-content {
        padding: 2vw 2vw 3.125vw; }
        main .zona-ponuka .dialog#password-dialog .body.state-1-content .col, main .zona-ponuka .dialog#password-dialog .body.state-1-content button[name="passwordSendButton"], main .zona-ponuka .dialog#password-dialog .body.state-2-content .col, main .zona-ponuka .dialog#password-dialog .body.state-2-content button[name="passwordSendButton"] {
          width: 17.5vw; }
        main .zona-ponuka .dialog#password-dialog .body.state-1-content .col, main .zona-ponuka .dialog#password-dialog .body.state-2-content .col {
          margin: 0 auto 1.5625vw; }
      main .zona-ponuka .dialog#password-dialog .body.state-3-content {
        padding: 2vw 6.875vw 3.125vw; }
      main .zona-ponuka .dialog#password-dialog .body.state-4-content {
        padding: 2vw 3.75vw 3.125vw; }
      main .zona-ponuka .dialog#password-dialog .body p {
        color: #00A0FF;
        font-size: 1.1458vw;
        font-family: "Roboto Medium", sans-serif;
        margin-bottom: 1.4583vw; }
      main .zona-ponuka .dialog#password-dialog .body > span {
        color: #314053;
        font-family: "Roboto Regular", sans-serif;
        font-size: 1.042vw;
        margin-bottom: 1.51vw;
        display: block;
        line-height: 1.5625VW; }
      main .zona-ponuka .dialog#password-dialog .body button[name="setPasswordSendButton"] {
        width: 100%; }
      main .zona-ponuka .dialog#password-dialog .body button.switch-to-login {
        width: 15.78125vw; }
  main .zona-ponuka .dialog#register-dialog.state-2, main .zona-ponuka .dialog#register-dialog.state-3, main .zona-ponuka .dialog#password-dialog.state-4 {
    width: 29.74vw;
    left: calc((100% - 29.74vw)/2); }
    main .zona-ponuka .dialog#register-dialog.state-2 .body, main .zona-ponuka .dialog#register-dialog.state-3 .body, main .zona-ponuka .dialog#password-dialog.state-4 .body {
      text-align: center;
      padding: 2vw 2vw 3.125VW; }
      main .zona-ponuka .dialog#register-dialog.state-2 .body p, main .zona-ponuka .dialog#register-dialog.state-3 .body p, main .zona-ponuka .dialog#password-dialog.state-4 .body p {
        font-family: "Roboto Medium", sans-serif;
        font-size: 1.4583vw;
        color: #00A0FF;
        margin-bottom: 0.52vw; }
      main .zona-ponuka .dialog#register-dialog.state-2 .body span, main .zona-ponuka .dialog#register-dialog.state-3 .body span, main .zona-ponuka .dialog#password-dialog.state-4 .body span {
        font-family: "Roboto Regular", sans-serif;
        font-size: 0.9375VW;
        color: #314053;
        display: block; }
      main .zona-ponuka .dialog#register-dialog.state-2 .body .switch-to-login, main .zona-ponuka .dialog#register-dialog.state-3 .body .switch-to-login, main .zona-ponuka .dialog#password-dialog.state-4 .body .switch-to-login {
        width: 15.98vw;
        margin-top: 1.5625vw; }
main #zona-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 3.73vh 0 4.11vh;
  position: relative; }
  main #zona-info .dialog-gradient {
    position: absolute;
    display: none;
    width: 100%;
    top: 0;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(34%, #000000), to(#FFFFFF));
    background: linear-gradient(to top, #000000 34%, #FFFFFF);
    opacity: 32%; }
  main #zona-info > div {
    width: 50%;
    position: relative; }
    main #zona-info > div > .brush {
      position: absolute;
      top: 3vw;
      left: 15.78VW;
      width: 9.33vw; }
    main #zona-info > div h2 {
      color: #314053;
      -webkit-transform: rotate(-1deg);
              transform: rotate(-1deg);
      margin: 3vw 0 4.5833vw 7.24vw;
      line-height: 3.64vw; }
    main #zona-info > div > .brush {
      position: absolute; }
    main #zona-info > div p {
      margin-left: 10.52vw;
      line-height: 1.5625VW; }
    main #zona-info > div .blue {
      font-family: "Roboto Medium", sans-serif;
      font-size: 1.4583vw;
      color: #00A0FF; }
    main #zona-info > div .description {
      font-family: "Roboto Regular", sans-serif;
      font-size: 1.042vw;
      width: 45.5vw;
      color: #314053; }
      main #zona-info > div .description a, main #zona-info > div .description a:hover, main #zona-info > div .description a:focus, main #zona-info > div .description .link {
        color: #314053;
        text-decoration: underline;
        cursor: pointer; }
      main #zona-info > div .description b {
        font-family: "Roboto Bold", sans-serif;
        font-weight: bold; }
    main #zona-info > div.img-right {
      text-align: right; }
      main #zona-info > div.img-right img {
        width: 39.427vw; }

/*# sourceMappingURL=klientska-zona.css.map */