@font-face {
  font-family: "Tabac G3";
  src: url("https://hn.cz/css/v3/fonts/TabacG3-NarrowBold.eot");
  src: local("Tabac G3 Bold"), local("Tabac G3-Bold"), url("https://hn.cz/css/v3/fonts/TabacG3-NarrowBold.woff2") format("woff2"), url("https://hn.cz/css/v3/fonts/TabacG3-NarrowBold.woff") format("woff"), url("https://hn.cz/css/v3/fonts/TabacG3-NarrowBold.ttf") format("truetype"), url("https://hn.cz/css/v3/fonts/TabacG3-NarrowBold.svg#svg") format("svg");
  font-weight: 700;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "Tabac G2";
  src: url("https://hn.cz/css/v3/fonts/TabacG2.eot");
  src: local("Tabac G2 Regular"), local("Tabac G2-Regular"), url("https://hn.cz/css/v3/fonts/TabacG2.woff2") format("woff2"), url("https://hn.cz/css/v3/fonts/TabacG2.woff") format("woff"), url("https://hn.cz/css/v3/fonts/TabacG2.ttf") format("truetype"), url("https://hn.cz/css/v3/fonts/TabacG2.svg#svg") format("svg");
  font-weight: 400;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "Tabac G2";
  src: url("https://hn.cz/css/v3/fonts/TabacG2-SemiBold.eot");
  src: local("Tabac G2 Semi Bold"), local("Tabac G2-SemiBold"), url("https://hn.cz/css/v3/fonts/TabacG2-SemiBold.woff2") format("woff2"), url("https://hn.cz/css/v3/fonts/TabacG2-SemiBold.woff") format("woff"), url("https://hn.cz/css/v3/fonts/TabacG2-SemiBold.ttf") format("truetype"), url("https://hn.cz/css/v3/fonts/TabacG2-SemiBold.svg#svg") format("svg");
  font-weight: 600;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "Tabac G2";
  src: url("https://hn.cz/css/v3/fonts/TabacG2-Bold.eot");
  src: local("Tabac G2 Bold"), local("Tabac G2-Bold"), url("https://hn.cz/css/v3/fonts/TabacG2-Bold.woff2") format("woff2"), url("https://hn.cz/css/v3/fonts/TabacG2-Bold.woff") format("woff"), url("https://hn.cz/css/v3/fonts/TabacG2-Bold.ttf") format("truetype"), url("https://hn.cz/css/v3/fonts/TabacG2-Bold.svg#svg") format("svg");
  font-weight: 700;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "Tabac Sans";
  src: url("https://hn.cz/css/v3/fonts/TabacSans.eot");
  src: local("Tabac Sans Regular"), local("Tabac Sans-Regular"), url("https://hn.cz/css/v3/fonts/TabacSans.woff2") format("woff2"), url("https://hn.cz/css/v3/fonts/TabacSans.woff") format("woff"), url("https://hn.cz/css/v3/fonts/TabacSans.ttf") format("truetype"), url("https://hn.cz/css/v3/fonts/TabacSans.svg#svg") format("svg");
  font-weight: 400;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "Tabac Sans";
  src: url("https://hn.cz/css/v3/fonts/TabacSans-SemiBold.eot");
  src: local("Tabac Sans Semi Bold"), local("Tabac Sans-SemiBold"), url("https://hn.cz/css/v3/fonts/TabacSans-SemiBold.woff2") format("woff2"), url("https://hn.cz/css/v3/fonts/TabacSans-SemiBold.woff") format("woff"), url("https://hn.cz/css/v3/fonts/TabacSans-SemiBold.ttf") format("truetype"), url("https://hn.cz/css/v3/fonts/TabacSans-SemiBold.svg#svg") format("svg");
  font-weight: 600;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "Tabac Sans";
  src: url("https://hn.cz/css/v3/fonts/TabacSans-Bold.eot");
  src: local("Tabac Sans Bold"), local("Tabac Sans-Bold"), url("https://hn.cz/css/v3/fonts/TabacSans-Bold.woff2") format("woff2"), url("https://hn.cz/css/v3/fonts/TabacSans-Bold.woff") format("woff"), url("https://hn.cz/css/v3/fonts/TabacSans-Bold.ttf") format("truetype"), url("https://hn.cz/css/v3/fonts/TabacSans-Bold.svg#svg") format("svg");
  font-weight: 700;
  font-style: "normal";
  font-display: swap;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  padding: 0;
  margin: 0;
  font-family: "Tabac Sans", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 135%;
  color: #454545;
}

h1 {
  font-size: 24px;
  margin-bottom: 32px;
  padding: 0;
}

h2 {
  font-size: 20px;
  margin-bottom: 24px;
}

a {
  color: #06C;
  text-decoration: underline;
}

a:hover {
  color: #06C;
  text-decoration: none;
}

.hidden {
  display: none !important;
}

button {
  border: none;
  border-radius: 5px;
  background: #f0f0f0;
  color: #454545;
  padding: 12px 24px;
  font-size: 1.05em;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
}
button:hover {
  background: #fafafa;
}
button.blue {
  background: #004F87;
  color: #fff;
}
button.blue:hover {
  background: #0065af;
}

.all {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.header {
  margin: 48px 0 24px;
  padding: 0 32px 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  border-bottom: 1px solid rgb(209, 209, 209);
}
.header .logo {
  text-align: center;
}
.header .logo img {
  height: 55px;
}

.container {
  flex: 1 1 auto;
  overflow: auto;
  position: relative;
  padding: 0 16px 40px;
}
.container .screens {
  max-width: 800px;
  margin: 0 auto;
  height: 100%;
}

.goback {
  text-align: center;
  margin-top: 32px;
}

.products {
  padding-top: 24px;
}
.products .personal {
  font-size: 12px;
  margin-bottom: 24px;
  line-height: 1.25em;
  padding: 0 8px;
}
.products .product {
  min-width: 300px;
  max-width: 420px;
  margin: 0 auto;
  border: 1px solid #f0f0f0;
  border-radius: 16px;
  padding: 40px 24px;
  box-shadow: 3px 3px 5px #ccc;
}
.products .product h2 {
  margin-bottom: 32px;
  text-align: center;
}
.products .product .note {
  margin-bottom: 32px;
  padding: 0 8px;
  text-align: justify;
}
.products .product .price {
  margin-bottom: 32px;
  text-align: center;
}
.products .product .price span {
  font-size: 1.6em;
  font-weight: 600;
  margin-right: 8px;
}
.products .product .buttons {
  text-align: center;
}

.paymentForm {
  padding-top: 24px;
}
.paymentForm > * {
  max-width: 400px;
  margin: 0 auto 32px auto;
}
.paymentForm .info table {
  margin: 8px 0 24px;
  width: 100%;
}
.paymentForm .info table th {
  width: 80px;
  font-weight: normal;
  text-align: left;
}
.paymentForm .info table td {
  font-weight: bold;
}
.paymentForm .card-container {
  background: #f8f8f8;
  border-radius: 16px;
  padding: 24px 32px 32px;
  box-shadow: 3px 3px 5px #ccc;
}
.paymentForm .card-container aside {
  margin-bottom: 4px;
}
.paymentForm .card-container .payu-card-form {
  background: #fff;
  padding: 8px 16px 10px;
  border-radius: 5px;
  height: 40px;
}
.paymentForm .card-container .card-details {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.paymentForm .card-container .card-details .payu-card-form {
  width: 80px;
}
.paymentForm .card-errors {
  color: #E83C46;
  list-style-type: none;
}
.paymentForm .card-errors li {
  margin: 4px 0;
}
.paymentForm .buttons {
  text-align: center;
  margin-bottom: 64px;
}
.paymentForm .disclaimer {
  border-top: 1px solid #ccc;
  max-width: none;
  padding: 16px;
  font-size: 12px;
  position: relative;
}
.paymentForm .disclaimer .service {
  text-align: right;
  position: absolute;
  right: 0;
  top: -32px;
}
.paymentForm .disclaimer .service .payu_logo {
  height: 24px;
  margin-left: 8px;
  vertical-align: text-bottom;
}
.paymentForm .disclaimer .text {
  position: relative;
}
.paymentForm .disclaimer .text .unfold {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  text-align: center;
  z-index: 9999999;
  padding: 24px 0 8px;
  font-size: 14px;
}
.paymentForm .disclaimer .text.folded {
  height: 80px;
  overflow: hidden;
}
.paymentForm .disclaimer .text.folded:after {
  content: "";
  display: block;
  height: 50px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgb(255, 255, 255) 75%, rgb(255, 255, 255) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.paymentForm .disclaimer .text p {
  margin: 8px 0;
}

.iframe {
  height: 100%;
}
.iframe iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.loading {
  text-align: center;
  padding: 48px 0;
}
.loading .message {
  padding: 20px 0;
  color: #999;
}
.loading .wait-animation {
  animation-name: loading;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.loading .spinner-big {
  width: 96px;
  height: 96px;
  position: relative;
  display: inline-block;
}
.loading .spinner-big .ico {
  position: absolute;
  top: 0;
  left: 0;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.loading .spinner-big .ico.segment-1 {
  animation-name: spinner_big_1;
  animation-duration: 3s;
  width: 100%;
  height: 100%;
}
.loading .spinner-big .ico.segment-2 {
  animation-name: spinner_big_2;
  animation-duration: 2.8s;
  width: 75%;
  height: 75%;
  left: 12.5%;
  top: 12.5%;
}
.loading .spinner-big .ico.segment-3 {
  animation-name: spinner_big_3;
  animation-duration: 3.6s;
  width: 54%;
  height: 54%;
  left: 23%;
  top: 23%;
}

.messages {
  margin-top: 48px;
}
.messages .message {
  text-align: center;
}
.messages .message button {
  margin-top: 32px;
}
.messages .message .ico {
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
}

#sandbox_tools {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #E0E0E0;
  min-height: 40px;
  padding: 16px 20px;
  overflow: hidden;
  font-size: 80%;
}
#sandbox_tools::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  height: 10px;
  box-shadow: 0 0 10px #000;
}
#sandbox_tools::before {
  content: "Sandbox";
  position: absolute;
  display: block;
  right: 20px;
  top: calc(50% - 11px);
  font-size: 24px;
  font-weight: bold;
  color: #bbb;
}
#sandbox_tools select {
  padding: 6px 12px;
  margin: 0 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 12px;
  background: #fff;
}
#sandbox_tools button {
  padding: 6px 12px;
}
#sandbox_tools .sec {
  border-left: 1px solid #fff;
  padding: 0 24px;
}
#sandbox_tools .sec:first-child {
  border: none;
}

.article {
  max-width: 860px;
  margin: 0 auto;
  padding: 16px 20px 40px;
}
.article ul, .article ol {
  margin: 8px 24px 32px 32px;
}
.article ul.lvl2, .article ol.lvl2 {
  list-style-type: disc;
}
.article ul li, .article ol li {
  margin-bottom: 4px;
}

.ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ico-loading {
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20.5' cy='20' r='16' stroke='%23FFF' stroke-width='4'/%3E%3Cpath d='M20.5 2C23.6259 2 26.6978 2.81402 29.4135 4.36192C32.1292 5.90983 34.395 8.13826 35.9878 10.8278C37.5806 13.5174 38.4456 16.5754 38.4975 19.7009C38.5495 22.8263 37.7866 25.9114 36.284 28.6524C34.7815 31.3934 32.591 33.6959 29.9283 35.3332C27.2655 36.9705 24.2223 37.8862 21.0982 37.9901C17.9741 38.0939 14.8767 37.3825 12.1111 35.9257C9.34548 34.4689 7.0069 32.317 5.32558 29.6818L8.6424 27.5655C9.95622 29.6247 11.7836 31.3063 13.9447 32.4446C16.1059 33.583 18.5262 34.139 20.9674 34.0578C23.4087 33.9766 25.7867 33.2611 27.8674 31.9817C29.9482 30.7023 31.6598 28.9031 32.834 26.7612C34.0081 24.6193 34.6042 22.2085 34.5636 19.7663C34.523 17.324 33.8471 14.9344 32.6025 12.8327C31.3578 10.731 29.5873 8.98965 27.4652 7.78009C25.3431 6.57052 22.9426 5.93443 20.5 5.93443V2Z' fill='%23FFF'/%3E%3C/svg%3E");
}
.ico-loading.blue {
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20.5' cy='20' r='16' stroke='%23FFF' stroke-width='4'/%3E%3Cpath d='M20.5 2C23.6259 2 26.6978 2.81402 29.4135 4.36192C32.1292 5.90983 34.395 8.13826 35.9878 10.8278C37.5806 13.5174 38.4456 16.5754 38.4975 19.7009C38.5495 22.8263 37.7866 25.9114 36.284 28.6524C34.7815 31.3934 32.591 33.6959 29.9283 35.3332C27.2655 36.9705 24.2223 37.8862 21.0982 37.9901C17.9741 38.0939 14.8767 37.3825 12.1111 35.9257C9.34548 34.4689 7.0069 32.317 5.32558 29.6818L8.6424 27.5655C9.95622 29.6247 11.7836 31.3063 13.9447 32.4446C16.1059 33.583 18.5262 34.139 20.9674 34.0578C23.4087 33.9766 25.7867 33.2611 27.8674 31.9817C29.9482 30.7023 31.6598 28.9031 32.834 26.7612C34.0081 24.6193 34.6042 22.2085 34.5636 19.7663C34.523 17.324 33.8471 14.9344 32.6025 12.8327C31.3578 10.731 29.5873 8.98965 27.4652 7.78009C25.3431 6.57052 22.9426 5.93443 20.5 5.93443V2Z' fill='%230A3F78'/%3E%3C/svg%3E");
}
.ico-loading.blue80 {
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20.5' cy='20' r='16' stroke='%23FFF' stroke-width='4'/%3E%3Cpath d='M20.5 2C23.6259 2 26.6978 2.81402 29.4135 4.36192C32.1292 5.90983 34.395 8.13826 35.9878 10.8278C37.5806 13.5174 38.4456 16.5754 38.4975 19.7009C38.5495 22.8263 37.7866 25.9114 36.284 28.6524C34.7815 31.3934 32.591 33.6959 29.9283 35.3332C27.2655 36.9705 24.2223 37.8862 21.0982 37.9901C17.9741 38.0939 14.8767 37.3825 12.1111 35.9257C9.34548 34.4689 7.0069 32.317 5.32558 29.6818L8.6424 27.5655C9.95622 29.6247 11.7836 31.3063 13.9447 32.4446C16.1059 33.583 18.5262 34.139 20.9674 34.0578C23.4087 33.9766 25.7867 33.2611 27.8674 31.9817C29.9482 30.7023 31.6598 28.9031 32.834 26.7612C34.0081 24.6193 34.6042 22.2085 34.5636 19.7663C34.523 17.324 33.8471 14.9344 32.6025 12.8327C31.3578 10.731 29.5873 8.98965 27.4652 7.78009C25.3431 6.57052 22.9426 5.93443 20.5 5.93443V2Z' fill='%23376496'/%3E%3C/svg%3E");
}

.ico-check {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0842 19.1062L23.8614 0.853088L27.1383 3.14694L11.9155 24.8938L0.250488 15.5618L2.74927 12.4383L11.0842 19.1062Z' fill='%23FFF'/%3E%3C/svg%3E");
}
.ico-check.blue {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0842 19.1062L23.8614 0.853088L27.1383 3.14694L11.9155 24.8938L0.250488 15.5618L2.74927 12.4383L11.0842 19.1062Z' fill='%230A3F78'/%3E%3C/svg%3E");
}

.ico-close {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.92871 4.34314L8.58556 9.99999L2.92871 15.6568L4.34292 17.0711L9.99978 11.4142L15.6565 17.0709C15.6566 17.071 15.6566 17.0711 16.3637 16.364C17.0708 15.6568 17.0708 15.6568 17.0707 15.6567L11.414 9.99999L17.0707 4.34328C17.0708 4.34319 17.0708 4.34314 16.3637 3.63603C15.6566 2.92892 15.6566 2.92897 15.6565 2.92906L9.99978 8.58578L4.34292 2.92892L2.92871 4.34314Z' fill='%23E10019'/%3E%3C/svg%3E%0A");
}

.ico-warning {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='6 6 52 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffd500;%7D.cls-2%7Bfill:%235A626C;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cpath class='cls-1' d='M30.16,11.51,6.84,51.9a2.13,2.13,0,0,0,1.84,3.19H55.32a2.13,2.13,0,0,0,1.84-3.19L33.84,11.51A2.13,2.13,0,0,0,30.16,11.51Z'/%3E%3Cpath class='cls-2' d='M29,46a3,3,0,1,1,3,3A2.88,2.88,0,0,1,29,46Zm1.09-4.66-.76-15h5.26l-.73,15Z'/%3E%3C/svg%3E");
}

@keyframes spinner_big_1 {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner_big_2 {
  0% {
    transform: rotate(90deg);
  }
  25% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-90deg);
  }
  75% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-270deg);
  }
}
@keyframes spinner_big_3 {
  0% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(135deg);
  }
  50% {
    transform: rotate(225deg);
  }
  75% {
    transform: rotate(315deg);
  }
  100% {
    transform: rotate(405deg);
  }
}

/*# sourceMappingURL=styles.css.map */