html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

input {
  /* 1 */
  overflow: visible; }

button,
select {
  /* 1 */
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

details {
  display: block; }

summary {
  display: list-item; }

template,
[hidden] {
  display: none; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/* pager item background color */
/* hover pager item background color */
/* pager item text color */
/* hover pager item text color hover*/
/* UL bg color */
/* link text color */
/* hover link text color */
/*active link text color */
/* text background color */
/* hover text background color */
/* active text background color */
/* input background color */
/* hover input background color */
/* input border color */
/* hover input border color */
/* form submit text color */
/* hover form submit text color */
/* form submit background color */
/* hover form submit background color */
/* form submit border color */
/* pager item background color */
/* hover pager item background color */
/* pager item text color */
/* hover pager item text color hover*/
@font-face {
  font-family: "FF Meta Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Meta Pro Regular"), url("../fonts/FFMetaProRegular.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: "FF Meta Pro";
  font-style: italic;
  font-weight: 400;
  src: local("Meta Pro Italic"), url("../fonts/FFMetaProRegIt.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: "FF Meta Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Meta Pro Bold"), url("../fonts/FFMetaProBold.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: "FF Meta Pro";
  font-style: italic;
  font-weight: 700;
  src: local("Meta Pro Bold Italic"), url("../fonts/FFMetaProBoldIt.woff") format("woff");
  font-display: swap; }

.contextual-region .contextual {
  z-index: 10; }
  .contextual-region .contextual .trigger {
    border-radius: 0;
    border: none;
    width: 32px !important;
    height: 32px !important;
    background-image: url("../images/pen.svg");
    border-radius: 4px; }
    .contextual-region .contextual .trigger:hover, .contextual-region .contextual .trigger:focus {
      background-image: url("../images/pen--white.svg");
      background-color: #d40e14; }
  .contextual-region .contextual .contextual-links {
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
    padding: 8px 16px;
    top: 0; }
    .contextual-region .contextual .contextual-links li a {
      font-family: "FF Meta Pro", sans-serif, sans-serif;
      font-size: 15px;
      font-weight: 700;
      padding: 8px 0;
      margin: 0; }
      .contextual-region .contextual .contextual-links li a:hover {
        color: #d40e14 !important;
        background-color: white !important; }

.theme-demo-block {
  padding: 20px;
  font-size: 80%;
  background: white;
  border: 1px solid #00eb9f;
  border-left: 8px solid #00855a;
  border-right: 8px solid #00855a;
  color: #001f15;
  margin-top: 20px;
  border-radius: 2px;
  opacity: 0.5;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  cursor: pointer; }
  .theme-demo-block.active-region {
    border: 1px solid #00eb9f;
    border-left: 8px solid #00855a;
    border-right: 8px solid #00855a; }
  .theme-demo-block.inactive-region {
    border: 1px solid #ffe566;
    border-left: 8px solid #ffd400;
    border-right: 8px solid #ffd400;
    color: #997f00; }
  .theme-demo-block:hover {
    opacity: 1; }
  .theme-demo-block h3 {
    color: #3B4150;
    font-size: 12px;
    font-weight: normal;
    font-variant: small-caps;
    margin: 0; }
  .theme-demo-block .demo-block-content p {
    margin: 0; }
  .theme-demo-block ~ .block-region.demo-block {
    display: none; }

.tabs {
  list-style: none;
  padding: 10px 0;
  margin: 0;
  text-align: center; }
  .tabs__item {
    display: inline-block;
    margin: 8px 8px 8px 0;
    text-align: center;
    font-size: 0; }
    .tabs__item a, .tabs__item a:focus, .tabs__item a:hover {
      display: block;
      padding: 10px 16px 6px;
      font-size: 13px;
      font-weight: 700;
      background-color: transparent;
      border: 1px solid #d40e14;
      border-radius: 4px;
      color: #d40e14;
      text-decoration: none;
      -webkit-transition: 0.4s ease;
      transition: 0.4s ease; }
    .tabs__item a.is-active, .tabs__item a:hover {
      background-color: #d40e14;
      color: white;
      text-decoration: none; }

html.js input.form-autocomplete {
  background-image: none; }

.ajax-progress .throbber {
  background: transparent url(../images/loading.gif) center/51px no-repeat;
  display: block;
  width: 27px;
  border-radius: 4px; }

.ajax-progress .message {
  display: none; }

.js input.form-autocomplete.ui-autocomplete-loading {
  background: #eff1f2 url(../images/loading.gif) right 12px center/32px no-repeat !important;
  color: #3B4150 !important; }

.ajax-progress-fullscreen {
  width: 27px;
  height: 27px;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  opacity: 1;
  background-color: white;
  background-image: url("../images/loading.gif"); }

.ui-autocomplete .ui-menu-item a {
  padding: 10px 4px;
  display: block; }

.block-views-block--blog-block-1 {
  margin: 0;
  padding: 24px;
  background-color: #f5f5f5; }
  .block-views-block--blog-block-1 > div {
    max-width: 1170px;
    margin: 0 auto; }
  .block-views-block--blog-block-1 .block-title {
    text-align: center;
    color: #08162A;
    margin-bottom: 24px; }
  .block-views-block--blog-block-1 .view-blog-block-1__row {
    margin-bottom: 24px; }
  @media all and (min-width: 1220px) {
    .block-views-block--blog-block-1 {
      padding: 48px; }
      .block-views-block--blog-block-1 .view-blog-block-1__row {
        margin-bottom: 0; } }

.view-blog-block-1__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media all and (min-width: 1220px) {
    .view-blog-block-1__content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }

.view-blog-block-1__row {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media all and (min-width: 1220px) {
    .view-blog-block-1__row {
      width: 33%; } }

.block-page-title {
  padding: 96px 24px 32px;
  background-image: -webkit-linear-gradient(top, white 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, white 0%, #f5f5f5 100%); }
  .block-page-title h1 {
    max-width: 1170px;
    margin: 0 auto; }
  @media all and (min-width: 1220px) {
    .block-page-title {
      padding: 128px 0 56px; } }

.captcha {
  margin: 15px 0 30px 0; }
  .captcha summary[role="button"] {
    display: none; }
  .captcha .details-description {
    color: #666666;
    font-style: italic;
    font-size: 16px;
    margin-bottom: 5px;
    max-width: 500px; }

#block-views-block-client-stories-block-2,
#block-views-block-client-stories-block-1 {
  background-color: #ebebeb;
  padding: 48px 10px 0; }
  #block-views-block-client-stories-block-2 .block-title,
  #block-views-block-client-stories-block-1 .block-title {
    max-width: 1400px;
    margin: 0 auto;
    font-size: 22px;
    padding-left: 60px;
    background-image: url("../images/story.svg");
    background-repeat: no-repeat;
    background-position: left center;
    text-align: left;
    color: #ABABAB;
    font-weight: 700;
    margin-bottom: 12px; }
    @media all and (min-width: 1220px) {
      #block-views-block-client-stories-block-2 .block-title,
      #block-views-block-client-stories-block-1 .block-title {
        padding-left: 30px; } }

#block-views-block-client-stories-block-2 .block-title {
  max-width: 1400px;
  margin: 0 auto;
  font-size: 22px;
  padding-left: 30px;
  background-image: url("../images/story.svg");
  background-repeat: no-repeat;
  background-position: left center;
  text-align: left;
  color: #ABABAB;
  font-weight: 700; }

.view-client-stories-block-1,
.view-client-stories-block-2 {
  max-width: 1400px;
  margin: 0 auto; }

.view-client-stories-block-1__content:before, .view-client-stories-block-1__content:after {
  content: " ";
  display: table; }

.view-client-stories-block-1__content:after {
  clear: both; }

.view-client-stories-block-1__row {
  margin-bottom: 40px; }
  @media all and (min-width: 1220px) {
    .view-client-stories-block-1__row {
      width: calc(calc(100% - calc(4 - 1) * 10px) / 4);
      margin: 0 10px 40px 0;
      float: left; }
      .view-client-stories-block-1__row:nth-child(n) {
        clear: none;
        margin: 0 10px 40px 0; }
      .view-client-stories-block-1__row:nth-child(4n + 4) {
        margin-right: 0; }
      .view-client-stories-block-1__row:nth-child(4n + 5) {
        clear: both; } }

.node-client-story-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-bottom: 100px; }
  @media all and (min-width: 1220px) {
    .node-client-story-card {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .node-client-story-card__content {
    background-color: white;
    padding: 80px 20px 20px;
    position: relative;
    background-image: url("../images/quote.svg");
    background-position: 90% 8%;
    background-repeat: no-repeat;
    background-size: 40px; }
    @media all and (min-width: 1220px) {
      .node-client-story-card__content {
        padding: 100px 94px 40px 154px;
        background-size: 100px; } }
  .node-client-story-card__image {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    background-size: cover;
    min-height: 300px; }
  .node-client-story-card__field-client-image {
    position: absolute;
    bottom: -54px;
    right: 0; }
    @media all and (min-width: 1220px) {
      .node-client-story-card__field-client-image {
        right: -70px; } }
  .node-client-story-card__field-page, .node-client-story-card__field-show-on {
    text-transform: uppercase;
    color: #ABABAB;
    margin-bottom: 32px;
    font-size: 22px;
    font-style: italic; }
    .node-client-story-card__field-page a, .node-client-story-card__field-show-on a {
      color: #ABABAB;
      pointer-events: none; }
  .node-client-story-card__body {
    padding-bottom: 22px;
    font-size: 22px; }
    .node-client-story-card__body::after {
      content: "";
      display: inline-block;
      width: 30%;
      height: 1px;
      background-color: #ABABAB; }
    .node-client-story-card__body-item p::before, .node-client-story-card__body-item p::after {
      content: '"'; }
  .node-client-story-card__title, .node-client-story-card__field-company-name {
    font-weight: bold;
    font-size: 22px; }
  .node-client-story-card__field-link,
  .node-client-story-card .links {
    margin-top: 46px;
    padding: 0; }
    .node-client-story-card__field-link a,
    .node-client-story-card .links a {
      display: inline-block;
      color: white;
      font-weight: 700;
      border-radius: 4px;
      padding: 12px 16px 8px;
      background-color: #d40e14;
      border: 2px solid #d40e14;
      line-height: 24px;
      box-shadow: none;
      color: white;
      font-size: 22px; }
      .node-client-story-card__field-link a:hover,
      .node-client-story-card .links a:hover {
        text-decoration: none;
        border-color: #ad030f;
        background-color: #ad030f; }
      .node-client-story-card__field-link a::after,
      .node-client-story-card .links a::after {
        display: none; }

.node-client-story-teaser {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: 1s ease;
  transition: 1s ease; }
  .node-client-story-teaser:hover {
    box-shadow: 0 0 48px rgba(0, 0, 0, 0.1); }
  .node-client-story-teaser__submitted {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 8px 0 24px; }
    .node-client-story-teaser__submitted span {
      color: rgba(59, 65, 80, 0.75);
      font-size: 13px; }
  .node-client-story-teaser__field-type {
    margin-bottom: 28px;
    color: #d40e14;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .node-client-story-teaser__field-page, .node-client-story-teaser__field-show-on {
    text-transform: uppercase;
    color: #ABABAB;
    margin-bottom: 12px;
    font-style: italic; }
    .node-client-story-teaser__field-page a, .node-client-story-teaser__field-show-on a {
      color: #ABABAB;
      pointer-events: none; }
  .node-client-story-teaser__image {
    position: relative;
    z-index: 2;
    background-size: cover; }
  .node-client-story-teaser__field-client-image {
    position: absolute;
    bottom: -40px;
    right: 0;
    max-width: 190px; }
  .node-client-story-teaser__title, .node-client-story-teaser__field-company-name {
    font-weight: bold;
    font-size: 20px; }
  .node-client-story-teaser__content {
    padding: 24px; }
  .node-client-story-teaser__body {
    margin-bottom: 10px; }
    .node-client-story-teaser__body-item {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      .node-client-story-teaser__body-item p::before, .node-client-story-teaser__body-item p::after {
        content: '"'; }
  .node-client-story-teaser__field-image img {
    display: block; }
  .node-client-story-teaser .links {
    padding: 0;
    margin: 18px 0 0; }

.node-client-story-full__title {
  margin-top: 0;
  padding: 96px 24px;
  color: white;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media all and (min-width: 1220px) {
    .node-client-story-full__title {
      padding: 128px 0; } }
  .node-client-story-full__title span {
    display: block;
    max-width: 1170px;
    margin: 0 auto; }

.node-client-story-full__info, .node-client-story-full__content {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 10px; }
  @media all and (min-width: 1220px) {
    .node-client-story-full__info, .node-client-story-full__content {
      padding: 0; } }

.node-client-story-full__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px; }
  @media all and (min-width: 1220px) {
    .node-client-story-full__info {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .node-client-story-full__info-wrap {
    font-weight: bold;
    font-size: 20px; }
    @media all and (min-width: 1220px) {
      .node-client-story-full__info-wrap {
        font-size: 26px; } }

.node-client-story-full__field-page {
  text-transform: uppercase;
  color: #ABABAB;
  margin-bottom: 12px;
  font-style: italic;
  font-size: 20px;
  font-weight: 400; }
  .node-client-story-full__field-page a {
    color: #ABABAB;
    pointer-events: none; }

#page {
  position: relative; }
  #page .advert-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    display: none; }
    #page .advert-popup img {
      display: block;
      width: 100%;
      max-height: 160px;
      -o-object-fit: cover;
         object-fit: cover; }
    @media all and (min-width: 1024px) {
      #page .advert-popup {
        bottom: unset;
        right: unset;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        max-width: 50%; }
        #page .advert-popup img {
          max-height: unset; } }
    #page .advert-popup__close {
      position: absolute;
      top: 8px;
      right: 8px;
      text-indent: -9999px;
      width: 24px;
      height: 24px;
      z-index: 2;
      background: url(../images/icons/close.svg) center no-repeat; }
      #page .advert-popup__close:hover {
        cursor: pointer; }
    #page .advert-popup a {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: block;
      text-indent: -9999px;
      z-index: 1; }
    @media all and (max-width: 1023px) {
      #page .advert-popup:not(:has(.block-content-advert-full__field-mobile-image)) {
        display: none !important; } }
    @media all and (min-width: 1024px) {
      #page .advert-popup:not(:has(.block-content-advert-full__field-desktop-image)) {
        display: none !important; } }

#footer {
  background-color: #08162A;
  padding: 88px 0 32px;
  background-image: url("../images/rainbow.svg");
  background-position: top;
  background-size: 100% 8px;
  background-repeat: no-repeat; }
  @media all and (min-width: 1220px) {
    #footer .footer-top {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 398px calc(100% - 398px);
      grid-template-columns: 398px calc(100% - 398px); } }
  #footer .footer-top .region-footer-second {
    display: none; }
    @media all and (min-width: 1220px) {
      #footer .footer-top .region-footer-second {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    @media all and (min-width: 1220px) {
      #footer .footer-top .region-footer-second > .block {
        width: 25%;
        padding-right: 16px; } }
    #footer .footer-top .region-footer-second > .block .menu li {
      display: block; }
      #footer .footer-top .region-footer-second > .block .menu li a {
        font-size: 16px;
        margin-bottom: 16px;
        display: block;
        color: #B6BBC7; }
      #footer .footer-top .region-footer-second > .block .menu li:last-child {
        margin-bottom: 0; }
    #footer .footer-top .region-footer-second nav [class*="__title"] {
      font-weight: 700;
      color: white;
      font-size: 20px;
      margin-bottom: 24px; }
    @media all and (min-width: 1220px) {
      #footer .footer-top .region-footer-second nav:last-child {
        padding-right: 0;
        padding-left: 16px; }
        #footer .footer-top .region-footer-second nav:last-child * {
          text-align: right; } }
  #footer .footer-bottom .block-footerapplications {
    margin-bottom: 32px;
    margin-top: 32px; }
    @media all and (min-width: 1220px) {
      #footer .footer-bottom .block-footerapplications {
        margin-top: 0; } }
    #footer .footer-bottom .block-footerapplications .block-content-basic-full__body-item p {
      text-align: center; }
      #footer .footer-bottom .block-footerapplications .block-content-basic-full__body-item p img {
        display: block;
        margin: 0 auto; }
    @media all and (min-width: 1220px) {
      #footer .footer-bottom .block-footerapplications .block-content-basic-full__body-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        #footer .footer-bottom .block-footerapplications .block-content-basic-full__body-item p {
          margin-left: 26px;
          margin-bottom: 0; } }
  #footer .footer-bottom .region-footer-fourth .block-poweredbydrupal {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    font-size: 14px;
    text-align: center; }
    @media all and (min-width: 1220px) {
      #footer .footer-bottom .region-footer-fourth .block-poweredbydrupal {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        text-align: left; } }
  #footer .footer-bottom .region-footer-fourth .block-footer {
    margin-bottom: 24px; }
    @media all and (min-width: 1220px) {
      #footer .footer-bottom .region-footer-fourth .block-footer {
        margin-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }
    #footer .footer-bottom .region-footer-fourth .block-footer span,
    #footer .footer-bottom .region-footer-fourth .block-footer a {
      font-size: 14px; }
  @media all and (min-width: 1220px) {
    #footer .footer-bottom .region-footer-fourth {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.block-contact {
  text-align: center; }
  @media all and (min-width: 1220px) {
    .block-contact {
      text-align: left; } }

.form-item__label, .field--type-datetime .label, .webform-type-radios legend,
.webform-type-checkboxes legend {
  display: block;
  overflow: hidden;
  color: #3B4150;
  margin: 8px 0 6px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase; }

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: rgba(59, 65, 80, 0.5);
  opacity: 1; }

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: rgba(59, 65, 80, 0.5);
  opacity: 1; }

input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: rgba(59, 65, 80, 0.5);
  opacity: 1; }

input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: rgba(59, 65, 80, 0.5);
  opacity: 1; }

input::placeholder,
select::placeholder,
textarea::placeholder {
  color: rgba(59, 65, 80, 0.5);
  opacity: 1; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

option:not(:checked) {
  color: black;
  /* prevent <option>s from becoming transparent as well */ }

:focus {
  outline: 0; }

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #fafafa !important; }

form {
  max-width: 100%; }

input[type="number"] {
  -webkit-appearance: textfield; }

select::-ms-expand {
  display: none; }

.form-item__label--required:after, .form-item__label.form-required:after {
  display: inline-block;
  content: "*";
  margin-left: 4px;
  color: #d40e14; }

.form-item input,
.form-item textarea,
.form-item select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background-color: white;
  font-family: inherit;
  font-size: inherit;
  padding: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px; }
  .form-item input:focus,
  .form-item textarea:focus,
  .form-item select:focus {
    background-color: white;
    border-color: #666;
    outline: none; }

.form-item .select2-selection {
  height: 56px;
  border: 1px solid #e5e5e5;
  border-radius: 4px; }
  .form-item .select2-selection__rendered {
    height: 56px;
    font-size: 17px;
    padding: 0 16px !important;
    line-height: 56px !important; }
  .form-item .select2-selection__arrow {
    width: 68px !important;
    height: 56px !important;
    background-image: url(../images/select.svg);
    background-repeat: no-repeat;
    background-position: center; }
    .form-item .select2-selection__arrow b {
      display: none; }

.form-item select:not(:disabled) {
  background-image: url(../images/select.svg);
  background-repeat: no-repeat;
  background-position: right 7px center;
  background-size: 25px;
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none; }

.form-item input.form-text,
.form-item input.form-email,
.form-item input.form-number,
.form-item input.form-date,
.form-item input.form-time,
.form-item input.form-search,
.form-item input.form-tel,
.form-item select {
  height: 56px;
  padding: 0 16px;
  margin-bottom: 16px; }

.form-item select {
  padding: 0 45px 0 16px;
  cursor: pointer; }
  .form-item select option {
    cursor: pointer; }

.form-item input:disabled,
.form-item select:disabled {
  background-color: #e5e5e5;
  cursor: default;
  color: #aaaaaa; }

.form-item__description {
  margin-bottom: 16px;
  clear: both;
  font-size: 13px;
  color: #66718b; }
  .form-item__description:last-of-type {
    margin-bottom: 0; }

.iti {
  display: block;
  margin-bottom: 24px; }

input.form-file {
  background-color: transparent;
  border: none;
  padding-left: 0; }

.form-managed-file .form-submit {
  display: inline-block;
  color: white;
  font-weight: 700;
  border-radius: 4px;
  padding: 12px 16px 8px;
  background-color: #d40e14;
  border: 2px solid #d40e14;
  line-height: 24px;
  box-shadow: none;
  background-color: white;
  color: #d40e14;
  position: relative;
  z-index: 1;
  font-size: 14px;
  padding: 2px 8px;
  margin: 0; }
  .form-managed-file .form-submit:hover {
    text-decoration: none;
    border-color: #ad030f;
    background-color: #ad030f; }
  .form-managed-file .form-submit:hover {
    background-color: #d40e14;
    color: white; }

.form-managed-file .form-item {
  margin-bottom: 16px; }

.file--application-pdf a {
  word-break: break-all; }

.form-submit {
  display: inline-block;
  color: white;
  font-weight: 700;
  border-radius: 4px;
  padding: 12px 16px 8px;
  background-color: #d40e14;
  border: 2px solid #d40e14;
  line-height: 24px;
  box-shadow: none; }
  .form-submit:hover {
    text-decoration: none;
    border-color: #ad030f;
    background-color: #ad030f; }

fieldset {
  margin: 0 0 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #f2f2f2; }
  fieldset .fieldset-legend {
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin-top: 22px;
    margin-bottom: 6px; }

.item-list__checkbox,
.item-list__radio,
.form-type-checkbox,
.form-type-radio {
  position: relative;
  margin-bottom: 24px; }
  .item-list__checkbox input,
  .item-list__radio input,
  .form-type-checkbox input,
  .form-type-radio input {
    width: 1px;
    height: 1px;
    opacity: 0;
    position: absolute; }
  .item-list__checkbox .form-item__description,
  .item-list__radio .form-item__description,
  .form-type-checkbox .form-item__description,
  .form-type-radio .form-item__description {
    font-size: 13px;
    margin-left: 40px; }
  .item-list__checkbox label,
  .item-list__radio label,
  .form-type-checkbox label,
  .form-type-radio label {
    margin: 0;
    display: inline-block;
    cursor: pointer;
    padding: 8px 0 8px 40px;
    position: relative;
    text-transform: none;
    font-weight: 400;
    font-size: 16px; }
    .item-list__checkbox label:before,
    .item-list__radio label:before,
    .form-type-checkbox label:before,
    .form-type-radio label:before {
      position: absolute;
      content: "";
      display: block;
      -webkit-transition: 0.4s ease;
      transition: 0.4s ease;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 24px;
      height: 24px;
      background-position: center;
      background-repeat: no-repeat;
      border: 1px solid #666;
      border-radius: 4px; }

.form-item-datelist #edit-datelist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .form-item-datelist #edit-datelist > * {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-right: 6px; }

.item-list__checkbox input[type="checkbox"]:checked + label:before,
.form-type-checkbox input[type="checkbox"]:checked + label:before {
  background-color: #d40e14;
  border-color: #d40e14;
  background-image: url("../images/whitemark.svg"); }

.item-list__radio label:before,
.form-type-radio label:before {
  border-radius: 50%; }

.item-list__radio input[type="radio"]:checked + label:before,
.form-type-radio input[type="radio"]:checked + label:before {
  border-color: #d40e14;
  background: white url("../images/radio-button.svg");
  background-repeat: no-repeat;
  background-position: center; }

.form-type-managed-file,
.form-type-webform-document-file {
  margin: 24px 0;
  padding: 24px;
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 8px; }
  .form-type-managed-file .form-item__label,
  .form-type-webform-document-file .form-item__label {
    font-weight: 700; }
  .form-type-managed-file .form-item__description .webform-markup,
  .form-type-webform-document-file .form-item__description .webform-markup {
    color: #d40e14;
    background-color: rgba(212, 14, 20, 0.1);
    border-radius: 4px;
    padding: 8px; }
  .form-type-managed-file .form-managed-file,
  .form-type-webform-document-file .form-managed-file {
    position: relative;
    margin: 0 0 16px;
    border: 2px dashed #d40e14;
    color: #d40e14;
    font-weight: 400;
    border-radius: 4px;
    padding: 24px 16px 24px 64px;
    font-size: 18px; }
    .form-type-managed-file .form-managed-file:before,
    .form-type-webform-document-file .form-managed-file:before {
      content: "";
      display: block;
      width: 32px;
      height: 32px;
      border-radius: 4px;
      background-color: rgba(212, 14, 20, 0.05);
      background-image: url("../images/upload.svg");
      background-size: 24px;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      left: 16px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .form-type-managed-file .form-managed-file:hover,
    .form-type-webform-document-file .form-managed-file:hover {
      cursor: pointer;
      background-color: rgba(212, 14, 20, 0.05); }
    .form-type-managed-file .form-managed-file .messages,
    .form-type-webform-document-file .form-managed-file .messages {
      margin-top: 0; }
    .form-type-managed-file .form-managed-file .file,
    .form-type-webform-document-file .form-managed-file .file {
      margin-right: 16px; }
    .form-type-managed-file .form-managed-file input[type="file"],
    .form-type-webform-document-file .form-managed-file input[type="file"] {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      margin: 0;
      padding: 0;
      opacity: 0;
      cursor: pointer; }
    .form-type-managed-file .form-managed-file .webform-managed-file-placeholder,
    .form-type-webform-document-file .form-managed-file .webform-managed-file-placeholder {
      margin: 0; }
      .form-type-managed-file .form-managed-file .webform-managed-file-placeholder .webform-markup p:last-of-type,
      .form-type-webform-document-file .form-managed-file .webform-managed-file-placeholder .webform-markup p:last-of-type {
        margin-bottom: 0; }
  .form-type-managed-file .js-hide.button,
  .form-type-webform-document-file .js-hide.button {
    display: none; }
  .form-type-managed-file .description,
  .form-type-managed-file .image-preview,
  .form-type-webform-document-file .description,
  .form-type-webform-document-file .image-preview {
    clear: both;
    font-size: 12px;
    color: gray; }

.node-readmore a,
.more-link a {
  display: inline-block;
  font-weight: 700; }
  .node-readmore a:after,
  .more-link a:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../images/arrow.svg");
    background-repeat: no-repeat;
    background-position: center -2px;
    background-size: 24px;
    vertical-align: middle;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease; }
  .node-readmore a:hover,
  .more-link a:hover {
    text-decoration: none; }
    .node-readmore a:hover:after,
    .more-link a:hover:after {
      -webkit-transform: translateX(8px);
              transform: translateX(8px); }

[id^="edit-preview"] {
  display: none; }

.visually-hidden {
  display: none !important; }

/*Form tabs*/
.field-group-tabs-wrapper .horizontal-tabs {
  border: 1px solid #fafafa; }
  .field-group-tabs-wrapper .horizontal-tabs-pane {
    padding: 20px;
    margin: 0; }
    @media all and (min-width: 768px) {
      .field-group-tabs-wrapper .horizontal-tabs-pane {
        padding: 40px; } }
  .field-group-tabs-wrapper .horizontal-tabs-list {
    border: none;
    background-color: #fafafa; }

.field-group-tabs-wrapper .horizontal-tab-button {
  padding: 0;
  border-right: 1px solid #fafafa; }
  .field-group-tabs-wrapper .horizontal-tab-button:before {
    display: none; }
  .field-group-tabs-wrapper .horizontal-tab-button a {
    color: #fafafa;
    background-color: white;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 15px !important;
    font-size: 14px; }
    .field-group-tabs-wrapper .horizontal-tab-button a:hover {
      color: #e6e6e6;
      background-color: #e6e6e6; }
  .field-group-tabs-wrapper .horizontal-tab-button.selected a {
    color: #d40e14;
    background-color: #f7f7f7; }

.webform-element-help {
  border: none;
  background-image: url(../images/help.svg);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  line-height: 20px;
  margin-left: 6px; }

.webform-webform-telephone-international {
  padding-left: 48px !important; }

.form-item-telefon .form-item--error-message {
  font-weight: normal;
  font-size: 13px;
  font-style: italic;
  margin-top: 8px; }

.form-type-processed-text {
  font-size: 16px; }

.webform-submission-form .form-actions {
  text-align: center;
  margin: 40px 0 64px; }
  .webform-submission-form .form-actions .webform-button--previous {
    display: inline-block;
    color: white;
    font-weight: 700;
    border-radius: 4px;
    padding: 12px 16px 8px;
    background-color: #d40e14;
    border: 2px solid #d40e14;
    line-height: 24px;
    box-shadow: none;
    background-color: white;
    color: #d40e14; }
    .webform-submission-form .form-actions .webform-button--previous:hover {
      text-decoration: none;
      border-color: #ad030f;
      background-color: #ad030f; }
    .webform-submission-form .form-actions .webform-button--previous:hover {
      background-color: #d40e14;
      color: white; }
  .webform-submission-form .form-actions .form-submit {
    margin: 0 16px 8px;
    padding: 12px 16px 8px; }

.webform-options-display-buttons {
  margin: 0 -4px; }
  .webform-options-display-buttons-wrapper {
    margin: 0 8px 16px 8px; }
  .webform-options-display-buttons label {
    font-size: initial;
    text-transform: none;
    letter-spacing: normal;
    color: #3B4150; }
    .webform-options-display-buttons label.webform-options-display-buttons-label {
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      padding: 18px 24px; }
    .webform-options-display-buttons label:before {
      left: 16px;
      border: 1px solid rgba(0, 0, 0, 0.2); }
  .webform-options-display-buttons input:checked + label {
    font-weight: 700; }
    .webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
      border-color: #d40e14;
      color: white;
      background-color: #d40e14; }

.webform-type-radios legend,
.webform-type-checkboxes legend {
  margin-bottom: 16px;
  text-transform: none; }
  .webform-type-radios legend span,
  .webform-type-checkboxes legend span {
    margin: 10px 0 5px;
    text-transform: uppercase; }

.webform-type-radios.required legend span:after,
.webform-type-checkboxes.required legend span:after {
  content: "*";
  color: #d40e14;
  margin-left: 4px; }

.webform-type-radios .form-item,
.webform-type-checkboxes .form-item {
  margin-bottom: 16px; }

.form-type-webform-markup {
  padding: 24px;
  background-color: rgba(0, 79, 149, 0.1);
  color: #004f95;
  border-radius: 4px;
  margin: 8px 0 24px; }
  .form-type-webform-markup p:last-child {
    margin-bottom: 0; }
  .form-type-webform-markup p a {
    color: #004f95;
    font-weight: 700; }
  .form-type-webform-markup ul {
    margin: 0 0 24px;
    padding: 0 0 0 32px; }
    .form-type-webform-markup ul li {
      display: block;
      position: relative;
      padding-left: 24px;
      margin: 8px 0;
      line-height: 24px; }
      .form-type-webform-markup ul li:before {
        content: "";
        display: inline-block;
        box-sizing: border-box;
        width: 24px;
        height: 24px;
        background-image: url(../images/bullet-blue.svg);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: center;
        top: 0;
        left: -8px;
        position: absolute; }

.webform-submission-creative-ee-application-form #edit-motivation-letter h4 {
  margin-bottom: 8px;
  margin-top: 40px; }

.webform-submission-creative-ee-application-form #edit-motivation-letter .description {
  margin-bottom: 24px; }

.webform-submission-creative-ee-application-form .form-type-processed-text {
  padding: 24px;
  background-color: rgba(0, 79, 149, 0.1);
  color: #004f95;
  border-radius: 4px;
  margin: 8px 0 24px; }
  .webform-submission-creative-ee-application-form .form-type-processed-text p:last-child {
    margin-bottom: 0; }
  .webform-submission-creative-ee-application-form .form-type-processed-text p a {
    color: #004f95;
    font-weight: 700; }
  .webform-submission-creative-ee-application-form .form-type-processed-text ul {
    margin: 0 0 24px;
    padding: 0 0 0 32px; }
    .webform-submission-creative-ee-application-form .form-type-processed-text ul li {
      display: block;
      position: relative;
      padding-left: 24px;
      margin: 8px 0;
      line-height: 24px; }
      .webform-submission-creative-ee-application-form .form-type-processed-text ul li:before {
        content: "";
        display: inline-block;
        box-sizing: border-box;
        width: 24px;
        height: 24px;
        background-image: url(../images/bullet-blue.svg);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: center;
        top: 0;
        left: -8px;
        position: absolute; }

.webform-element-description br {
  content: "";
  margin-right: 6px; }

.webform-markup {
  margin-bottom: 4px; }

.webform-has-field-prefix .field-prefix {
  font-weight: 600;
  font-size: 18px;
  margin: 22px 0 16px;
  display: block; }

.form-type-datetime .container-inline {
  position: relative; }

.form-type-datetime .ui-datepicker-trigger {
  position: absolute;
  bottom: 33px;
  right: -30px; }

.ui-datepicker {
  border: 1px solid #d40e14 !important; }
  .ui-datepicker .ui-state-default {
    border: none; }
  .ui-datepicker .ui-state-highlight {
    background-color: rgba(212, 14, 20, 0.8);
    color: white; }
  .ui-datepicker .ui-state-active {
    background-color: transparent;
    color: #d40e14; }
  .ui-datepicker .ui-widget-header {
    background-color: transparent;
    border: none; }
  .ui-datepicker .ui-corner-all:hover {
    border: none; }
  .ui-datepicker .ui-corner-all.ui-state-hover {
    border: none;
    background-color: rgba(212, 14, 20, 0.2); }

.webform-submission-auto-loan-calculator-form {
  position: relative; }
  .webform-submission-auto-loan-calculator-form .block-title {
    background-color: transparent;
    padding: 0;
    display: none;
    margin: 8px 0; }
    .webform-submission-auto-loan-calculator-form .block-title h1 {
      margin-top: 0; }
  .webform-submission-auto-loan-calculator-form .credit-terms {
    background-color: transparent;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: -122px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: #3B4150;
    font-size: 16px;
    width: 100%; }
    @media all and (min-width: 1220px) {
      .webform-submission-auto-loan-calculator-form .credit-terms {
        bottom: -134px; } }
    .webform-submission-auto-loan-calculator-form .credit-terms a {
      text-decoration: underline;
      color: #3B4150;
      font-style: italic;
      color: #333; }
      .webform-submission-auto-loan-calculator-form .credit-terms a:hover {
        text-decoration: none; }
  @media all and (min-width: 1220px) {
    .webform-submission-auto-loan-calculator-form .form-type-number {
      width: 200px; } }
  .webform-submission-auto-loan-calculator-form .form-type-number label {
    font-size: 14px; }
    @media all and (min-width: 1220px) {
      .webform-submission-auto-loan-calculator-form .form-type-number label {
        font-size: 16px; } }
  .webform-submission-auto-loan-calculator-form .form-type-number .input-wrap {
    position: relative; }
    .webform-submission-auto-loan-calculator-form .form-type-number .input-wrap .field-suffix {
      top: 15px; }
  .webform-submission-auto-loan-calculator-form .form-type-number .form-number {
    text-align: right;
    padding-right: 60px;
    -moz-appearance: textfield; }
    @media all and (min-width: 1220px) {
      .webform-submission-auto-loan-calculator-form .form-type-number .form-number {
        padding-right: 53px; } }
  .webform-submission-auto-loan-calculator-form fieldset {
    margin: 0; }
    @media all and (min-width: 1220px) {
      .webform-submission-auto-loan-calculator-form fieldset {
        width: 200px; } }
    .webform-submission-auto-loan-calculator-form fieldset legend {
      margin-top: 0; }
  .webform-submission-auto-loan-calculator-form [data-drupal-selector*="edit-are-you-our-client"] {
    width: auto; }
  .webform-submission-auto-loan-calculator-form .webform-calculator {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 10px 50%;
    grid-template-columns: 50% 50%;
    justify-items: center;
    gap: 10px 10px;
    max-width: 500px;
    margin: 0 auto; }
  .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment {
    padding-bottom: 40px;
    height: 80px; }
  .webform-submission-auto-loan-calculator-form .form-item-processing-fee {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #d40e14;
    width: 100% !important;
    -ms-grid-column-span: 2;
    grid-column: span 2;
    margin: 0 0 20px; }
    .webform-submission-auto-loan-calculator-form .form-item-processing-fee label {
      margin: 0 4px 0 0;
      color: #d40e14;
      text-transform: none;
      font-weight: 400;
      letter-spacing: 0; }
      .webform-submission-auto-loan-calculator-form .form-item-processing-fee label::after {
        content: ""; }
    .webform-submission-auto-loan-calculator-form .form-item-processing-fee .input-wrap {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100px;
          -ms-flex: 0 0 100px;
              flex: 0 0 100px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      gap: 4px; }
    .webform-submission-auto-loan-calculator-form .form-item-processing-fee input {
      border: 0;
      padding: 0 !important;
      background-color: transparent;
      height: unset;
      padding: 0;
      margin: 0;
      color: #d40e14;
      text-align: left !important;
      height: auto;
      -webkit-appearance: textfield;
         -moz-appearance: textfield;
              appearance: textfield; }
    .webform-submission-auto-loan-calculator-form .form-item-processing-fee .field-suffix {
      height: 10px;
      top: 2px !important;
      right: 22px; }
  .webform-submission-auto-loan-calculator-form .form-item-auto-price .form-item__description,
  .webform-submission-auto-loan-calculator-form .form-item-amount-of-participation .form-item__description {
    margin-top: -10px; }
  .webform-submission-auto-loan-calculator-form .form-item-repayment-period .form-number,
  .webform-submission-auto-loan-calculator-form .form-item-repayment-period-fix .form-number {
    padding-right: 72px; }
    @media all and (min-width: 1220px) {
      .webform-submission-auto-loan-calculator-form .form-item-repayment-period .form-number,
      .webform-submission-auto-loan-calculator-form .form-item-repayment-period-fix .form-number {
        padding-right: 68px; } }
  .webform-submission-auto-loan-calculator-form #edit-auto-type-electric--wrapper legend span,
  .webform-submission-auto-loan-calculator-form .form-item-repayment-period legend span,
  .webform-submission-auto-loan-calculator-form .form-item-repayment-period-fix legend span {
    margin-top: 9px;
    text-transform: uppercase;
    font-size: 14px; }
    @media all and (min-width: 1220px) {
      .webform-submission-auto-loan-calculator-form #edit-auto-type-electric--wrapper legend span,
      .webform-submission-auto-loan-calculator-form .form-item-repayment-period legend span,
      .webform-submission-auto-loan-calculator-form .form-item-repayment-period-fix legend span {
        font-size: 16px; } }
  .webform-submission-auto-loan-calculator-form .form-type-number .ajax-progress {
    position: absolute; }
  .webform-submission-auto-loan-calculator-form .form-item-loan-amount,
  .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment {
    clear: both;
    height: 80px;
    margin-top: 50px; }
    .webform-submission-auto-loan-calculator-form .form-item-loan-amount .form-number,
    .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .form-number {
      border: none;
      background: transparent;
      color: #d40e14;
      font-weight: 700;
      font-size: 22px;
      height: auto;
      text-align: right; }
      @media all and (min-width: 1220px) {
        .webform-submission-auto-loan-calculator-form .form-item-loan-amount .form-number,
        .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .form-number {
          font-size: 28px; } }
      .webform-submission-auto-loan-calculator-form .form-item-loan-amount .form-number:focus,
      .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .form-number:focus {
        color: #d40e14; }
    .webform-submission-auto-loan-calculator-form .form-item-loan-amount .input-wrap .field-suffix,
    .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .input-wrap .field-suffix {
      right: 0;
      color: #d40e14;
      font-weight: 700;
      font-size: 22px;
      top: 2px; }
      @media all and (min-width: 1220px) {
        .webform-submission-auto-loan-calculator-form .form-item-loan-amount .input-wrap .field-suffix,
        .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .input-wrap .field-suffix {
          font-size: 26px; } }
    .webform-submission-auto-loan-calculator-form .form-item-loan-amount label,
    .webform-submission-auto-loan-calculator-form .form-item-loan-amount .webform-markup,
    .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment label,
    .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .webform-markup {
      text-align: right;
      color: #d40e14;
      font-weight: 700;
      font-size: 20px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      line-height: 24px;
      margin: 0 0 4px; }
      @media all and (min-width: 1220px) {
        .webform-submission-auto-loan-calculator-form .form-item-loan-amount label,
        .webform-submission-auto-loan-calculator-form .form-item-loan-amount .webform-markup,
        .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment label,
        .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .webform-markup {
          font-size: 26px; } }
      .webform-submission-auto-loan-calculator-form .form-item-loan-amount label::after,
      .webform-submission-auto-loan-calculator-form .form-item-loan-amount .webform-markup::after,
      .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment label::after,
      .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .webform-markup::after {
        display: none; }
  .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment {
    margin-top: 50px; }
  .webform-submission-auto-loan-calculator-form .form-item__description {
    font-style: italic; }
  .webform-submission-auto-loan-calculator-form #edit-credit-terms summary {
    cursor: pointer; }
  .webform-submission-auto-loan-calculator-form #edit-credit-terms .webform-markup {
    padding: 24px;
    background-color: rgba(0, 79, 149, 0.1);
    color: #004f95;
    border-radius: 4px;
    margin: 8px 0 24px; }
    .webform-submission-auto-loan-calculator-form #edit-credit-terms .webform-markup p:last-child {
      margin-bottom: 0; }
    .webform-submission-auto-loan-calculator-form #edit-credit-terms .webform-markup p a {
      color: #004f95;
      font-weight: 700; }

.webform-has-field-suffix {
  position: relative; }
  .webform-has-field-suffix .field-suffix {
    position: absolute;
    top: 15px;
    right: 16px; }

.webform-submission-form .input-wrap {
  position: relative; }
  .webform-submission-form .input-wrap input::-webkit-outer-spin-button,
  .webform-submission-form .input-wrap input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .webform-submission-form .input-wrap input[type="number"] {
    -moz-appearance: textfield; }

.submissions-value {
  background-color: transparent;
  padding: 10px;
  margin: 10px 24px 24px;
  text-align: center;
  color: #3B4150;
  font-size: 16px;
  line-height: 24px; }
  .submissions-value a {
    color: #3B4150;
    pointer-events: none; }
  .submissions-value::after {
    content: ""; }

.webform-share-submission-form {
  padding-bottom: 120px; }
  @media all and (min-width: 1220px) {
    .webform-share-submission-form {
      padding-bottom: 60px; } }
  .webform-share-submission-form .block-title {
    display: block;
    background-color: transparent !important; }
    .webform-share-submission-form .block-title .webform-markup::after {
      content: "" !important; }
    .webform-share-submission-form .block-title h1 {
      display: block;
      color: white;
      font-size: 28px; }
  .webform-share-submission-form .credit-terms {
    background-color: transparent !important;
    bottom: -154px;
    color: white; }
    @media all and (min-width: 1220px) {
      .webform-share-submission-form .credit-terms {
        bottom: -88px; } }
    .webform-share-submission-form .credit-terms a {
      color: white;
      font-style: italic; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-type-webform-markup,
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .messages {
    background-color: rgba(255, 255, 255, 0.7); }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .webform-progress-tracker {
    display: none; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-number {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.5);
    color: white; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .field-suffix {
    color: white;
    top: 2px; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form label,
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .fieldset-legend,
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item__label {
    color: white;
    font-weight: 400; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .webform-options-display-buttons label {
    color: #3B4150; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .webform-options-display-buttons label::before {
      border-color: #666; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment {
    padding: 12px 6px 0;
    margin-top: 0; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .webform-markup {
      font-size: 16px;
      font-weight: 700; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .form-number {
      text-align: center;
      padding: 0 20px; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form #edit-auto-type--wrapper-legend {
    margin-bottom: 6px; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-processing-fee {
    bottom: 0;
    color: white;
    width: 100%; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-processing-fee label,
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-processing-fee input {
      color: white; }
      .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-processing-fee label::after,
      .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-processing-fee input::after {
        content: ""; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-type-radio label:hover::before {
    border-color: #3B4150 !important;
    background: white; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-type-radio label::before {
    border-color: white; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form input:checked + label::before {
    background: white !important; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .required legend span::after {
    color: white; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item__label--required::after {
    color: white;
    position: absolute; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-actions {
    margin: 10px 0; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-submit {
    background-color: #dfdfdf;
    border: 1px solid white;
    padding: 21px 34px;
    color: #333; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .webform-markup {
    color: white; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-number {
    border-radius: 7.37245px; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-auto-price {
    clear: unset; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-auto-price .webform-markup {
      display: none; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-auto-price label {
      font-size: 14px; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-auto-price .field-suffix {
      bottom: 50px; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-amount-of-participation {
    clear: unset; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-amount-of-participation .webform-markup {
      display: none; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-amount-of-participation label {
      font-size: 14px; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-amount-of-participation .field-suffix {
      bottom: 32px; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-repayment-period {
    clear: unset; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-repayment-period .webform-markup {
      display: none; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-repayment-period label {
      font-size: 14px; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-loan-amount {
    clear: unset;
    margin-top: 0;
    padding-top: 12px; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-loan-amount .webform-markup {
      display: none; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-loan-amount label {
      font-size: 16px;
      text-align: left; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-loan-amount .field-suffix {
      bottom: 15px; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-loan-amount input {
      padding: 0 20px; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-loan-amount label {
    text-align: center; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-loan-amount input {
    background: transparent;
    color: white;
    text-align: center; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-loan-amount .field-suffix {
    color: white;
    right: 21px; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment {
    background-color: white;
    border: none;
    border-radius: 4px; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .webform-markup {
      color: #d40e14;
      text-align: center;
      font-weight: 400; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .input-wrap .field-suffix {
      font-size: 24px;
      font-weight: bold;
      color: #d40e14;
      top: 2px; }
    .webform-share-submission-form .webform-submission-auto-loan-calculator-form .form-item-auto-monthly-payment .form-number {
      color: #d40e14;
      height: auto; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form #edit-credit-terms summary {
    text-align: center;
    color: white; }
  .webform-share-submission-form .webform-submission-auto-loan-calculator-form #edit-credit-terms .webform-markup {
    display: block;
    color: white; }

.webform-share-page-body {
  background: -webkit-linear-gradient(174.7deg, #d3021d 8.67%, #7a0715 97.75%) !important;
  background: linear-gradient(275.3deg, #d3021d 8.67%, #7a0715 97.75%) !important;
  overflow: hidden;
  padding: 0 12px; }
  .webform-share-page-body .js-quickedit-page-title,
  .webform-share-page-body h1 {
    display: none; }
  .webform-share-page-body .region-content {
    padding: 64px 0 0 !important;
    background-image: url("../images/logo-white.png") !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 195px; }
  .webform-share-page-body .webform-submission-form {
    max-width: unset !important; }
  .webform-share-page-body .webform-calculator .ajax-progress {
    position: absolute;
    bottom: 0;
    right: 0; }

form[class^="online-account-open"] .notification,
form[class*="webform-submission-open-offline-account"] .notification {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 8px;
  font-style: italic;
  display: none;
  background-color: white;
  padding: 0; }
  form[class^="online-account-open"] .notification--warning,
  form[class*="webform-submission-open-offline-account"] .notification--warning {
    color: #666; }
  form[class^="online-account-open"] .notification--error,
  form[class*="webform-submission-open-offline-account"] .notification--error {
    color: #d40e14; }
  form[class^="online-account-open"] .notification--visible,
  form[class*="webform-submission-open-offline-account"] .notification--visible {
    display: block; }
  form[class^="online-account-open"] .notification--flex-minus-min-amount-error,
  form[class*="webform-submission-open-offline-account"] .notification--flex-minus-min-amount-error {
    display: none;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 8px;
    font-style: italic;
    background-color: white;
    padding: 0;
    color: #d40e14; }
  form[class^="online-account-open"] .notification--flex-minus-max-amount-error,
  form[class*="webform-submission-open-offline-account"] .notification--flex-minus-max-amount-error {
    display: none;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 8px;
    font-style: italic;
    background-color: white;
    padding: 0;
    color: #d40e14; }

form[class^="online-account-open"] .flex-label-visible,
form[class*="webform-submission-open-offline-account"] .flex-label-visible {
  display: block; }

form[class^="online-account-open"] input.disabled,
form[class^="online-account-open"] select.disabled,
form[class*="webform-submission-open-offline-account"] input.disabled,
form[class*="webform-submission-open-offline-account"] select.disabled {
  background-color: #e5e5e5;
  background-image: none;
  color: #000; }
  form[class^="online-account-open"] input.disabled.disabled--white,
  form[class^="online-account-open"] select.disabled.disabled--white,
  form[class*="webform-submission-open-offline-account"] input.disabled.disabled--white,
  form[class*="webform-submission-open-offline-account"] select.disabled.disabled--white {
    background-color: white;
    color: #666;
    font-weight: bold;
    font-size: 21px;
    border-color: transparent;
    padding: 0; }

form[class^="online-account-open"] .disabled,
form[class*="webform-submission-open-offline-account"] .disabled {
  pointer-events: none; }
  form[class^="online-account-open"] .disabled input,
  form[class^="online-account-open"] .disabled select,
  form[class*="webform-submission-open-offline-account"] .disabled input,
  form[class*="webform-submission-open-offline-account"] .disabled select {
    background-color: #e5e5e5;
    background-image: none;
    color: #000; }
  form[class^="online-account-open"] .disabled.disabled--white input,
  form[class^="online-account-open"] .disabled.disabled--white select,
  form[class^="online-account-open"] .disabled.disabled--white textarea,
  form[class*="webform-submission-open-offline-account"] .disabled.disabled--white input,
  form[class*="webform-submission-open-offline-account"] .disabled.disabled--white select,
  form[class*="webform-submission-open-offline-account"] .disabled.disabled--white textarea {
    background-color: white;
    color: #666;
    font-weight: bold;
    font-size: 21px;
    border-color: transparent;
    padding: 0 8px; }
  form[class^="online-account-open"] .disabled[data-drupal-selector="edit-applicationreason"].disabled--white,
  form[class*="webform-submission-open-offline-account"] .disabled[data-drupal-selector="edit-applicationreason"].disabled--white {
    margin-top: -16px;
    background: transparent; }

#pre-header {
  background: -webkit-linear-gradient(left, #d40e14 0%, #b70e77 100%);
  background: linear-gradient(to right, #d40e14 0%, #b70e77 100%);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;
  padding: 8px 32px 8px 220px; }

#header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 4;
  padding: 8px;
  width: 100%;
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
  #header .container {
    width: 100%; }
  @media all and (min-width: 1220px) {
    #header {
      top: 38px;
      padding: 0 32px; } }

.block-branding {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .block-branding a {
    display: block; }
  .block-branding__logo {
    width: 160px;
    height: 32px;
    display: block; }

.header__navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap; }
  @media all and (min-width: 1220px) {
    .header__navigation .region-branding {
      margin-right: 24px; } }

#content {
  position: relative; }

.block-breadcrumbs {
  padding: 12px 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%; }
  @media all and (min-width: 1220px) {
    .block-breadcrumbs {
      padding: 12px 32px; } }

#info {
  background-color: #08162A;
  color: white; }

html {
  scroll-behavior: smooth; }

body {
  color: #3B4150;
  font-family: "FF Meta Pro", sans-serif;
  padding: 0;
  margin: 0;
  font-size: 16px;
  background-color: white; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #08162A;
  font-family: "FF Meta Pro", sans-serif; }

h1 {
  font-size: 36px; }
  @media all and (min-width: 1220px) {
    h1 {
      font-size: 72px; } }

h2 {
  font-size: 28px; }
  @media all and (min-width: 1220px) {
    h2 {
      font-size: 56px; } }

h3 {
  font-size: 22px; }
  @media all and (min-width: 1220px) {
    h3 {
      font-size: 36px; } }

h4 {
  font-size: 18px; }
  @media all and (min-width: 1220px) {
    h4 {
      font-size: 28px; } }

h5 {
  font-size: 14px; }
  @media all and (min-width: 1220px) {
    h5 {
      font-size: 24px; } }

h6 {
  font-size: 12px; }
  @media all and (min-width: 1220px) {
    h6 {
      font-size: 20px; } }

a,
a:hover,
a:focus {
  box-sizing: border-box;
  text-decoration: none;
  color: #d40e14;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease; }

a:hover, a:focus {
  color: #ad030f; }

a:hover {
  text-decoration: underline; }

.menu-item a {
  color: initial; }
  .menu-item a:hover {
    color: #d40e14; }

p {
  margin: 0 0 16px 0;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.5; }
  p.button.button--button a {
    display: inline-block;
    color: white;
    font-weight: 700;
    border-radius: 4px;
    padding: 12px 16px 8px;
    background-color: #d40e14;
    border: 2px solid #d40e14;
    line-height: 24px;
    box-shadow: none;
    background-color: white;
    color: #d40e14; }
    p.button.button--button a:hover {
      text-decoration: none;
      border-color: #ad030f;
      background-color: #ad030f; }
    p.button.button--button a:hover {
      background-color: #d40e14;
      color: white; }

ul {
  list-style: none; }
  ul li ul li {
    font-weight: 400; }
    ul li ul li:before {
      width: 18px;
      height: 1px;
      background-color: #3B4150;
      border-radius: 0; }

.block-procreditbank-content ul li:before {
  content: "";
  margin-right: 12px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #d40e14;
  border-radius: 50%;
  vertical-align: middle; }

ul,
ol {
  padding-left: 42px; }

small {
  font-size: 14px;
  line-height: 20px;
  color: #333333; }

* {
  box-sizing: border-box; }

img {
  max-width: 100%;
  height: auto; }

button,
input,
textarea {
  font-size: 16px;
  color: #3B4150;
  font-family: "FF Meta Pro", sans-serif;
  letter-spacing: -0.008em; }
  @media all and (min-width: 1220px) {
    button,
    input,
    textarea {
      font-size: 16px; } }

button:hover {
  cursor: pointer; }

figure {
  margin: 20px 0; }

iframe {
  max-width: 100%; }

#content [class*="body"] ul,
#content [class*="body"] ol {
  margin: 0 0 24px;
  padding: 0 0 0 32px; }
  #content [class*="body"] ul li,
  #content [class*="body"] ol li {
    display: block;
    position: relative;
    padding-left: 24px;
    margin: 8px 0;
    line-height: 24px; }

#content [class*="body"] ul li:before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  background-image: url(../images/bullet.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  top: -0.1em;
  left: -8px;
  position: absolute; }

#content [class*="body"] ol {
  counter-reset: numbers; }
  #content [class*="body"] ol li {
    counter-increment: numbers; }
    #content [class*="body"] ol li:before {
      content: counter(numbers) ".";
      font-weight: 700;
      color: #d40e14;
      top: -2px;
      left: 0;
      position: absolute; }

.ui-dialog {
  font-family: "FF Meta Pro", sans-serif;
  padding: 0; }
  .ui-dialog.ui-widget-content {
    color: #08162A !important; }
  .ui-dialog .ui-widget-header.ui-dialog-titlebar {
    padding: 24px;
    border: 0;
    background: transparent; }
    .ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-title {
      font-size: 24px;
      line-height: 24px;
      margin: 0;
      color: #08162A !important; }
    .ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close {
      all: unset;
      position: absolute;
      margin: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 24px;
      top: 50%;
      cursor: pointer;
      width: 28px !important;
      height: 28px !important;
      border: 0;
      background: transparent; }
      .ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close.ui-button-icon-only {
        width: 2em;
        box-sizing: border-box;
        text-indent: -9999px;
        white-space: nowrap; }
      .ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close:active {
        background: transparent;
        border: 1px solid #B6BBC7; }
      .ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
        background-image: url("../images/icons/cross.svg") !important; }
      .ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
        background-position: center !important;
        -webkit-transform: unset !important;
                transform: unset !important; }
  .ui-dialog .ui-dialog-content {
    padding: 24px !important;
    padding-top: 0 !important;
    margin: 0 !important; }
    .ui-dialog .ui-dialog-content p,
    .ui-dialog .ui-dialog-content span {
      margin: 0;
      font-size: 16px;
      line-height: 24px; }
    .ui-dialog .ui-dialog-content ul {
      list-style-type: disc;
      padding-left: 16px; }

.ui-corner-all {
  border-radius: 8px !important;
  overflow: hidden !important; }

.messages {
  position: relative;
  padding: 18px 40px 12px 16px;
  margin: 20px 0;
  font-weight: 700;
  font-size: 16px; }
  @media all and (min-width: 768px) {
    .messages {
      padding-right: 42px; } }
  .messages a {
    text-decoration: underline;
    color: black; }
  .messages__list {
    list-style: none;
    padding: 0;
    margin: 0; }
    .messages__list li {
      padding: 8px 0; }
  .messages__close-button {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url("../images/icons/close.svg") center/18px no-repeat;
    cursor: pointer;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease; }
  .messages--warning {
    background-color: rgba(224, 150, 0, 0.1);
    color: #E09600; }
    .messages--warning .messages__close-button {
      background-color: #E09600; }
  .messages--status {
    background-color: rgba(0, 133, 90, 0.1);
    color: #00855a; }
    .messages--status .messages__close-button {
      background-color: #00855a; }
  .messages--error {
    background-color: rgba(212, 14, 20, 0.1);
    color: #D40E14; }
    .messages--error .messages__close-button {
      background-color: #D40E14; }
  .messages--success {
    background-color: rgba(217, 237, 247, 0.1);
    color: #D9EDF7; }
    .messages--success .messages__close-button {
      background-color: #D9EDF7; }

.notification__wrapper {
  display: block;
  padding: 12px 18px;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  background-color: white; }
  .notification__wrapper--info {
    border-color: #004f95; }
  .notification__wrapper--success {
    border-color: #00855a; }
    .notification__wrapper--success > * {
      color: #00855a; }
  .notification__wrapper--warning {
    border-color: #ffd400; }
  .notification__wrapper--primary {
    border-color: #d40e14; }
  .notification__wrapper--danger, .notification__wrapper--error {
    border-color: #d40e14; }
  .notification__wrapper--mb2 {
    margin-bottom: 18px; }

.pager {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 24px; }
  @media all and (min-width: 1220px) {
    .pager {
      padding: 0; } }
  .pager__items {
    padding-left: 0;
    margin: 0; }
  .pager__item {
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0 8px; }
    .pager__item:before {
      display: none !important; }
    .pager__item a {
      display: block;
      width: auto;
      height: 36px;
      line-height: 36px;
      text-align: center;
      border-radius: 4px;
      text-decoration: none;
      -webkit-transition: 0.4s ease;
      transition: 0.4s ease;
      font-weight: 700;
      padding: 0 8px; }
      @media all and (min-width: 1220px) {
        .pager__item a {
          padding: 0 16px; } }
      .pager__item a:hover, .pager__item a.is-active {
        background-color: #d40e14;
        color: white; }
    .pager__item--empty {
      opacity: .3; }
    .pager__item--first, .pager__item--last {
      display: none; }
      @media all and (min-width: 1220px) {
        .pager__item--first, .pager__item--last {
          display: inline-block; } }

[type="range"] {
  -webkit-appearance: none;
  background: transparent;
  margin: 8px 0;
  width: 100%; }
  [type="range"]::-moz-focus-outer {
    border: 0; }
  [type="range"]:focus {
    outline: 0; }
    [type="range"]:focus::-webkit-slider-runnable-track {
      background: #ec1016; }
    [type="range"]:focus::-ms-fill-lower {
      background: #d40e14; }
    [type="range"]:focus::-ms-fill-upper {
      background: #ec1016; }
  [type="range"]::-webkit-slider-runnable-track {
    cursor: default;
    height: 4px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #d40e14;
    border: 0 solid #cfd8dc;
    border-radius: 4px; }
  [type="range"]::-webkit-slider-thumb {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #d40e14;
    border: 0 solid #eceff1;
    border-radius: 16px;
    box-sizing: border-box;
    cursor: pointer;
    height: 16px;
    width: 16px;
    -webkit-appearance: none;
    margin-top: -6px; }
    [type="range"]::-webkit-slider-thumb:hover {
      background: #bc0c12; }
  [type="range"]::-moz-range-track {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    cursor: default;
    height: 4px;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
    background: #d40e14;
    border: 0 solid #cfd8dc;
    border-radius: 4px;
    height: 2px; }
  [type="range"]::-moz-range-thumb {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #d40e14;
    border: 0 solid #eceff1;
    border-radius: 16px;
    box-sizing: border-box;
    cursor: pointer;
    height: 16px;
    width: 16px; }
    [type="range"]::-moz-range-thumb:hover {
      background: #bc0c12; }
  [type="range"]::-ms-track {
    cursor: default;
    height: 4px;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
    background: transparent;
    border-color: transparent;
    border-width: 8px 0;
    color: transparent; }
  [type="range"]::-ms-fill-lower {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #bc0c12;
    border: 0 solid #cfd8dc;
    border-radius: 8px; }
  [type="range"]::-ms-fill-upper {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #d40e14;
    border: 0 solid #cfd8dc;
    border-radius: 8px; }
  [type="range"]::-ms-thumb {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #d40e14;
    border: 0 solid #eceff1;
    border-radius: 16px;
    box-sizing: border-box;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin-top: 1px; }
    [type="range"]::-ms-thumb:hover {
      background: #bc0c12; }
  [type="range"]:disabled::-webkit-slider-thumb, [type="range"]:disabled::-moz-range-thumb, [type="range"]:disabled::-ms-thumb, [type="range"]:disabled::-webkit-slider-runnable-track, [type="range"]:disabled::-ms-fill-lower, [type="range"]:disabled::-ms-fill-upper {
    cursor: not-allowed; }

.table-wrapper {
  overflow-x: auto; }

table {
  width: 100%;
  margin-bottom: 24px;
  border-collapse: collapse; }
  table caption {
    font-style: italic;
    margin-bottom: 16px; }
  table tr {
    border-bottom: 1px solid rgba(8, 22, 42, 0.1); }
    table tr th {
      font-weight: 700;
      color: #d40e14; }
    table tr td,
    table tr th {
      text-align: left;
      padding: 12px 16px; }
  table tbody tr:nth-of-type(even) td {
    background-color: rgba(8, 22, 42, 0.05); }

.kursna-lista-table {
  overflow: hidden;
  border-radius: 4px; }
  @media all and (min-width: 1220px) {
    .kursna-lista-table {
      table-layout: fixed; } }
  .kursna-lista-table th, .kursna-lista-table td {
    padding: 4px;
    text-align: center;
    font-size: 13px; }
    @media all and (min-width: 1220px) {
      .kursna-lista-table th, .kursna-lista-table td {
        padding: 12px 0;
        font-size: 16px; } }
    .kursna-lista-table th:first-of-type, .kursna-lista-table td:first-of-type {
      text-align: left; }
  .kursna-lista-table tbody tr:first-of-type th {
    background-color: #d40e14;
    color: white; }
    .kursna-lista-table tbody tr:first-of-type th:nth-of-type(2) {
      background-color: #ad030f; }
  .kursna-lista-table tbody tr:nth-of-type(2) th:nth-of-type(4), .kursna-lista-table tbody tr:nth-of-type(2) th:nth-of-type(5) {
    background-color: #fafafa; }
  .kursna-lista-table tbody tr:nth-of-type(even) td {
    background-color: white; }
    .kursna-lista-table tbody tr:nth-of-type(even) td:nth-of-type(4), .kursna-lista-table tbody tr:nth-of-type(even) td:nth-of-type(5) {
      background-color: #fafafa; }
  .kursna-lista-table tbody td:nth-of-type(4), .kursna-lista-table tbody td:nth-of-type(5) {
    background-color: #fafafa; }
  .kursna-lista-table .flag {
    width: 32px;
    height: 24px;
    background-size: 32px 24px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 16px;
    vertical-align: middle;
    display: none; }
    @media all and (min-width: 1220px) {
      .kursna-lista-table .flag {
        display: inline-block; } }
    .kursna-lista-table .flag--EUR {
      background-image: url("../images/flags/european-union.svg"); }
    .kursna-lista-table .flag--GBP {
      background-image: url("../images/flags/united-kingdom.svg"); }
    .kursna-lista-table .flag--USD {
      background-image: url("../images/flags/united-states.svg"); }
    .kursna-lista-table .flag--Renminbi {
      background-image: url("../images/flags/china.svg"); }
    .kursna-lista-table .flag--CHF {
      background-image: url("../images/flags/switzerland.svg"); }
  .kursna-lista-table .currency {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5; }
    .kursna-lista-table .currency-full {
      font-weight: 700; }

.exchange-rate-list__header {
  background-color: rgba(8, 22, 42, 0.05);
  text-align: center;
  padding: 24px;
  border-radius: 4px;
  margin-bottom: 24px;
  color: #666;
  line-height: 1.6; }
  .exchange-rate-list__header span {
    display: block;
    font-weight: 700; }

.block-title {
  font-weight: 700;
  text-align: center;
  color: #08162A;
  font-size: 28px;
  margin: 32px 0; }

#footer {
  color: #787F90; }
  #footer .menu {
    padding: 0;
    margin: 0; }
    #footer .menu-item {
      display: inline-block; }
  #footer .block-footer__menu-item {
    display: block;
    margin: 0 auto 8px;
    text-align: center; }
    @media all and (min-width: 1220px) {
      #footer .block-footer__menu-item {
        margin-left: 24px;
        margin-bottom: 0;
        text-align: left;
        display: inline-block; } }
    #footer .block-footer__menu-item-link {
      color: #B6BBC7; }
  #footer p a,
  #footer span a {
    color: #B6BBC7; }

.block-sociallinks__menu {
  text-align: center; }
  @media all and (min-width: 1220px) {
    .block-sociallinks__menu {
      text-align: left; } }
  .block-sociallinks__menu-item {
    margin-right: 16px; }
    .block-sociallinks__menu-item a {
      background-repeat: no-repeat;
      background-position: center;
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      display: block;
      text-indent: -9999px; }
      .block-sociallinks__menu-item a[href*="facebook"] {
        background-image: url("../images/social/facebook.svg"); }
      .block-sociallinks__menu-item a[href*="twitter"] {
        background-image: url("../images/social/twitter.svg"); }
      .block-sociallinks__menu-item a[href*="instagram"] {
        background-image: url("../images/social/instagram.svg"); }
      .block-sociallinks__menu-item a[href*="linkedin"] {
        background-image: url("../images/social/linkedin.svg"); }
      .block-sociallinks__menu-item a[href*="youtube"] {
        background-image: url("../images/social/youtube.svg"); }
      .block-sociallinks__menu-item a[href*="viber"] {
        background-image: url("../images/social/viber.svg"); }

.block-complaint {
  padding: 42px 24px;
  text-align: center;
  background-image: url("../images/globe.svg");
  background-repeat: no-repeat;
  background-position: top 48px center; }
  .block-complaint .block-title {
    font-size: 40px; }
  .block-complaint .button {
    margin-top: 40px;
    display: block; }
    .block-complaint .button a {
      display: inline-block;
      color: white;
      font-weight: 700;
      border-radius: 4px;
      padding: 12px 16px 8px;
      background-color: #d40e14;
      border: 2px solid #d40e14;
      line-height: 24px;
      box-shadow: none;
      background-color: white;
      color: #d40e14; }
      .block-complaint .button a:hover {
        text-decoration: none;
        border-color: #ad030f;
        background-color: #ad030f; }
      .block-complaint .button a:hover {
        background-color: #d40e14;
        color: white; }
  @media all and (min-width: 1220px) {
    .block-complaint {
      padding: 72px 0; } }

.block-views-block--news-block-1, .block-views-block--news-block-2, .block-views-block--news-block-3, .block-views-block--news-block-4 {
  margin: 72px 0; }

.view-news-block-1__content, .view-news-block-2__content, .view-news-block-3__content, .view-news-block-4__content, .view-news-block-5__content, .view-news-block-6__content, .view-news-block-7__content {
  max-width: 1170px;
  margin: 0 auto; }
  .view-news-block-1__content:before, .view-news-block-1__content:after, .view-news-block-2__content:before, .view-news-block-2__content:after, .view-news-block-3__content:before, .view-news-block-3__content:after, .view-news-block-4__content:before, .view-news-block-4__content:after, .view-news-block-5__content:before, .view-news-block-5__content:after, .view-news-block-6__content:before, .view-news-block-6__content:after, .view-news-block-7__content:before, .view-news-block-7__content:after {
    content: " ";
    display: table; }
  .view-news-block-1__content:after, .view-news-block-2__content:after, .view-news-block-3__content:after, .view-news-block-4__content:after, .view-news-block-5__content:after, .view-news-block-6__content:after, .view-news-block-7__content:after {
    clear: both; }

.view-news-block-1__row, .view-news-block-2__row, .view-news-block-3__row, .view-news-block-4__row, .view-news-block-5__row, .view-news-block-6__row, .view-news-block-7__row {
  margin: 32px; }
  @media all and (min-width: 1220px) {
    .view-news-block-1__row, .view-news-block-2__row, .view-news-block-3__row, .view-news-block-4__row, .view-news-block-5__row, .view-news-block-6__row, .view-news-block-7__row {
      margin: 0;
      width: calc(calc(100% - calc(3 - 1) * 48px) / 3);
      margin: 0 48px 48px 0;
      float: left; }
      .view-news-block-1__row:nth-child(n), .view-news-block-2__row:nth-child(n), .view-news-block-3__row:nth-child(n), .view-news-block-4__row:nth-child(n), .view-news-block-5__row:nth-child(n), .view-news-block-6__row:nth-child(n), .view-news-block-7__row:nth-child(n) {
        clear: none;
        margin: 0 48px 48px 0; }
      .view-news-block-1__row:nth-child(3n + 3), .view-news-block-2__row:nth-child(3n + 3), .view-news-block-3__row:nth-child(3n + 3), .view-news-block-4__row:nth-child(3n + 3), .view-news-block-5__row:nth-child(3n + 3), .view-news-block-6__row:nth-child(3n + 3), .view-news-block-7__row:nth-child(3n + 3) {
        margin-right: 0; }
      .view-news-block-1__row:nth-child(3n + 4), .view-news-block-2__row:nth-child(3n + 4), .view-news-block-3__row:nth-child(3n + 4), .view-news-block-4__row:nth-child(3n + 4), .view-news-block-5__row:nth-child(3n + 4), .view-news-block-6__row:nth-child(3n + 4), .view-news-block-7__row:nth-child(3n + 4) {
        clear: both; } }

.block-sociallinks {
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 24px; }

.block-iso__content {
  text-align: center; }
  @media all and (min-width: 1220px) {
    .block-iso__content {
      text-align: left;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  .block-iso__content p {
    font-size: 0.8125rem;
    margin-bottom: 8px; }
    .block-iso__content p:last-child {
      margin-bottom: 0; }
  .block-iso__content:before {
    content: "";
    display: block;
    min-width: 96px;
    height: 96px;
    background-image: url("../images/badge.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80px;
    background-color: white;
    border-radius: 4px;
    margin: 0 auto 16px; }
    @media all and (min-width: 1220px) {
      .block-iso__content:before {
        margin: 0 16px 0 0; } }

.block-cheeseburgermenutrigger {
  margin-right: 8px; }

.block-ie__content {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: white;
  box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.2);
  z-index: 10;
  padding: 94px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold; }
  .block-ie__content.show {
    display: block; }

.block-ie .no-script {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: white;
  box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.2);
  z-index: 10;
  padding: 94px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold; }

.block-announcement {
  text-align: center;
  display: none;
  padding: 8px 0; }
  .block-announcement.hide {
    display: none; }
  .block-announcement .block-content-basic-full__body {
    padding: 14px;
    display: inline-block;
    vertical-align: middle; }
    @media all and (min-width: 1220px) {
      .block-announcement .block-content-basic-full__body {
        padding: 8px 0; } }
    .block-announcement .block-content-basic-full__body p {
      margin-bottom: 0; }
  .block-announcement__trigger {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 8px;
    background-image: url("../images/icons/close.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 6px; }
    @media all and (min-width: 1220px) {
      .block-announcement__trigger {
        position: relative;
        margin-right: 6px;
        right: -10px; } }

.block-not-working-now__container,
.block-try-later__container {
  max-width: 454px;
  margin: 0 auto;
  text-align: center;
  padding: 54px 10px 80px; }
  .block-not-working-now__container .button,
  .block-try-later__container .button {
    display: inline-block;
    color: white;
    font-weight: 700;
    border-radius: 4px;
    padding: 12px 16px 8px;
    background-color: #d40e14;
    border: 2px solid #d40e14;
    line-height: 24px;
    box-shadow: none;
    margin-top: 54px; }
    .block-not-working-now__container .button:hover,
    .block-try-later__container .button:hover {
      text-decoration: none;
      border-color: #ad030f;
      background-color: #ad030f; }

body:has(.grecaptcha-badge) .userway_buttons_wrapper {
  margin-bottom: 75px;
  left: calc(100vw - 13px) !important; }
  @media all and (min-width: 1220px) {
    @supports not (-moz-appearance: none) {
      body:has(.grecaptcha-badge) .userway_buttons_wrapper {
        left: calc(100vw - 28px) !important; } } }

.breadcrumb {
  overflow-x: auto; }
  .breadcrumb__list {
    margin: 0;
    padding: 0;
    white-space: nowrap; }
  .breadcrumb__item {
    display: inline;
    color: #08162A;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0.8125rem;
    line-height: 1.25rem; }
    .breadcrumb__item-link {
      color: #08162A;
      font-weight: 700; }
      .breadcrumb__item-link:hover {
        text-decoration: none; }
    .breadcrumb__item:before {
      content: "|";
      margin: 0 8px;
      opacity: 0.2; }
    .breadcrumb__item:first-child:before {
      content: none; }
    .breadcrumb__item:last-child {
      display: none; }
      .breadcrumb__item:last-child .breadcrumb__item-link {
        pointer-events: none;
        text-decoration: none;
        color: #3B4150; }
      @media all and (min-width: 768px) {
        .breadcrumb__item:last-child {
          display: inline-block; } }

.block-breadcrumbs--inverted .breadcrumb__item {
  color: white; }
  .block-breadcrumbs--inverted .breadcrumb__item-link {
    color: white !important; }
  .block-breadcrumbs--inverted .breadcrumb__item:before {
    opacity: 0.5; }
  .block-breadcrumbs--inverted .breadcrumb__item:last-child .block-breadcrumbs--inverted .breadcrumb__item-link {
    color: white; }

.sliding-popup-bottom {
  width: 100%; }

.eu-cookie-compliance-banner {
  width: 100%;
  background-color: white;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
  padding: 16px;
  font-size: 13px; }

.eu-cookie-compliance-content {
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px; }
  @media all and (min-width: 1220px) {
    .eu-cookie-compliance-content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 0; } }

.eu-cookie-compliance-message {
  margin-bottom: 16px; }
  @media all and (min-width: 1220px) {
    .eu-cookie-compliance-message {
      margin-bottom: 0; } }
  .eu-cookie-compliance-message p {
    margin-bottom: 0; }
  .eu-cookie-compliance-message a {
    font-weight: 700;
    color: #d40e14; }
    .eu-cookie-compliance-message a:hover {
      color: #232323;
      text-decoration: none; }

.eu-cookie-compliance-categories {
  display: none; }
  .eu-cookie-compliance-categories.show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media all and (min-width: 1220px) {
      .eu-cookie-compliance-categories.show {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
            -ms-flex-pack: left;
                justify-content: left; } }

.eu-cookie-compliance-category {
  margin-bottom: 16px;
  display: block; }
  @media all and (min-width: 1220px) {
    .eu-cookie-compliance-category {
      display: inline-block;
      margin-bottom: 0;
      margin-right: 16px; } }

.eu-cookie-compliance__message-trigger {
  font-weight: 700;
  cursor: pointer;
  color: #d40e14; }
  .eu-cookie-compliance__message-trigger:hover {
    color: #232323;
    text-decoration: none; }

.eu-cookie-compliance-content button, .eu-cookie-compliance-categories button {
  display: inline-block;
  color: white;
  font-weight: 700;
  border-radius: 4px;
  padding: 12px 16px 8px;
  background-color: #d40e14;
  border: 2px solid #d40e14;
  line-height: 24px;
  box-shadow: none;
  padding: 4px 8px;
  font-size: 13px; }
  .eu-cookie-compliance-content button:hover, .eu-cookie-compliance-categories button:hover {
    text-decoration: none;
    border-color: #ad030f;
    background-color: #ad030f; }
  .eu-cookie-compliance-content button.eu-cookie-withdraw-button, .eu-cookie-compliance-categories button.eu-cookie-withdraw-button {
    display: inline-block;
    color: white;
    font-weight: 700;
    border-radius: 4px;
    padding: 12px 16px 8px;
    background-color: #d40e14;
    border: 2px solid #d40e14;
    line-height: 24px;
    box-shadow: none;
    background-color: white;
    color: #d40e14;
    padding: 4px 8px;
    margin-left: 16px; }
    .eu-cookie-compliance-content button.eu-cookie-withdraw-button:hover, .eu-cookie-compliance-categories button.eu-cookie-withdraw-button:hover {
      text-decoration: none;
      border-color: #ad030f;
      background-color: #ad030f; }
    .eu-cookie-compliance-content button.eu-cookie-withdraw-button:hover, .eu-cookie-compliance-categories button.eu-cookie-withdraw-button:hover {
      background-color: #d40e14;
      color: white; }
    .eu-cookie-compliance-content button.eu-cookie-withdraw-button.hidden, .eu-cookie-compliance-categories button.eu-cookie-withdraw-button.hidden {
      display: none; }

.eu-cookie-withdraw-tab {
  display: none;
  left: 0;
  top: -26px;
  -webkit-transform: none;
          transform: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 4px 4px 0 0;
  border-width: unset;
  padding: 6px 8px;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  background-color: #d40e14;
  font-size: 13px;
  color: white;
  font-weight: 700;
  background-color: #3B4150;
  color: white;
  opacity: 0.2; }

.node-35 .eu-cookie-withdraw-tab {
  display: block; }

@media all and (min-width: 1220px) {
  .floating {
    float: left;
    margin: 0 40px 40px 0; } }

.books .thumb {
  -webkit-transition: box-shadow .25s ease-in-out;
  transition: box-shadow .25s ease-in-out;
  -webkit-transform-style: flat;
  transform-style: preserve-3d;
  -webkit-perspective: 1200px;
  perspective: 1200px;
  padding: 0;
  margin: 0;
  border-radius: 0;
  max-width: 500px; }
  .books .thumb:hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); }
  .books .thumb img {
    border-radius: 0;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    cursor: pointer;
    -o-object-fit: cover;
       object-fit: cover;
    height: auto; }
    .books .thumb img:hover {
      -webkit-transform: rotateY(-17deg) rotateZ(0deg);
              transform: rotateY(-17deg) rotateZ(0deg); }

.paragraph-pdfs__field-flipbooks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .paragraph-pdfs__field-flipbooks #flip-book-window .close .glyphicon.glyphicon-remove::before {
    content: "";
    background-image: url("../images/icons/close.svg");
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

@media all and (max-width: 1023px) {
  .desktop-only {
    display: none !important; } }

@media all and (min-width: 1024px) {
  .mobile-only {
    display: none !important; } }

.media-image-hero-mobile__field-media-image-item picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden; }
  .media-image-hero-mobile__field-media-image-item picture img {
    max-width: unset; }

.node-item-full {
  margin: 72px; }
  .node-item-full__content {
    max-width: 1170px;
    margin: 0 auto; }
  .node-item-full__field-gallery:before, .node-item-full__field-gallery:after {
    content: " ";
    display: table; }
  .node-item-full__field-gallery:after {
    clear: both; }
  .node-item-full__field-gallery-item {
    width: calc(calc(100% - calc(4 - 1) * 32px) / 4);
    margin: 0 32px 32px 0;
    float: left; }
    .node-item-full__field-gallery-item:nth-child(n) {
      clear: none;
      margin: 0 32px 32px 0; }
    .node-item-full__field-gallery-item:nth-child(4n + 4) {
      margin-right: 0; }
    .node-item-full__field-gallery-item:nth-child(4n + 5) {
      clear: both; }
  .node-item-full__field-price {
    font-size: 32px;
    color: #d40e14;
    margin: 24px 0;
    font-weight: 700; }

.lightgallery {
  padding: 20px 0 0 0; }
  .lightgallery:before, .lightgallery:after {
    content: " ";
    display: table; }
  .lightgallery:after {
    clear: both; }
  @media all and (min-width: 768px) {
    .lightgallery {
      padding: 40px 0 0 0; } }
  .lightgallery li {
    margin-bottom: 40px;
    width: calc(calc(100% - calc(2 - 1) * 10px) / 2);
    margin: 0 10px 10px 0;
    float: left; }
    .lightgallery li:nth-child(n) {
      clear: none;
      margin: 0 10px 10px 0; }
    .lightgallery li:nth-child(2n + 2) {
      margin-right: 0; }
    .lightgallery li:nth-child(2n + 3) {
      clear: both; }
    @media all and (min-width: 768px) {
      .lightgallery li {
        width: calc(calc(100% - calc(4 - 1) * 10px) / 4);
        margin: 0 10px 10px 0;
        float: left; }
        .lightgallery li:nth-child(n) {
          clear: none;
          margin: 0 10px 10px 0; }
        .lightgallery li:nth-child(4n + 4) {
          margin-right: 0; }
        .lightgallery li:nth-child(4n + 5) {
          clear: both; } }
    .lightgallery li img {
      display: block;
      margin: 0 auto; }

.lg-outer .lg-thumb-item img {
  display: block; }

.lg-backdrop.in {
  opacity: 0.8; }

.node-location-full__wrap {
  max-width: 1170px;
  margin: 0 auto;
  margin: 72px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media all and (min-width: 1220px) {
    .node-location-full__wrap {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

@media all and (min-width: 1220px) {
  .node-location-full__info {
    width: 50%; } }

.node-location-full__info [class*="-label"] {
  font-weight: 700; }

.node-location-full__info [class*="-item"] {
  margin-bottom: 8px; }

.node-location-full__content {
  max-width: 1170px;
  margin: 0 auto;
  margin: 72px auto; }

.node-location-full__field-gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  pointer-events: none; }

.node-location-full__field-city-item {
  font-weight: 700;
  font-size: 16px;
  margin-top: 4px;
  margin-bottom: 0; }

.node-page-full__body {
  max-width: 1170px;
  margin: 0 auto;
  margin: 0 24px; }
  @media all and (min-width: 1220px) {
    .node-page-full__body {
      margin: 0 auto; } }

.region-branding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.region-information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 12px; }

.region-search {
  padding-right: 12px; }

.region-search, .region-cart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.region-primary-navigation {
  display: none; }
  @media all and (min-width: 1024px) {
    .region-primary-navigation {
      display: block; } }

@media all and (min-width: 1220px) {
  .region-footer-first {
    padding-right: 24px; } }

.region-footer-fourth {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  @media all and (min-width: 1220px) {
    .region-footer-fourth {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }

[class*="region"] {
  min-width: 0; }

.region-content:before, .region-content:after {
  content: " ";
  display: table; }

.region-content:after {
  clear: both; }

.view-search-page-1 {
  margin: 32px auto;
  padding: 0 24px; }
  @media all and (min-width: 1220px) {
    .view-search-page-1 {
      margin: 72px 0;
      padding: 0; } }
  .view-search-page-1__header {
    max-width: 1170px;
    margin: 0 auto;
    padding: 24px;
    border-radius: 8px;
    color: white;
    background-color: rgba(212, 14, 20, 0.1);
    color: #d40e14;
    margin-bottom: 24px; }
  .view-search-page-1__content {
    max-width: 1170px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .view-search-page-1__content--empty {
      padding: 0 24px;
      font-size: 24px;
      font-weight: 700;
      display: block; }
      @media all and (min-width: 1220px) {
        .view-search-page-1__content--empty {
          padding: 0; } }
      .view-search-page-1__content--empty:before {
        content: "";
        display: block;
        width: 48px;
        height: 48px;
        background-image: url("../images/sad.svg");
        background-repeat: no-repeat;
        background-size: 48px;
        background-position: center;
        margin-bottom: 24px; }
  .view-search-page-1__row {
    width: 100%;
    margin-bottom: 32px; }

.node-page-search-index__title,
.node-news-search-index__title {
  margin: 0 0 8px;
  font-size: 17px; }
  .node-page-search-index__title a:hover,
  .node-news-search-index__title a:hover {
    text-decoration: none;
    color: #333; }

.node-page-search-index__content,
.node-news-search-index__content {
  font-size: 13px;
  color: #333;
  font-weight: 700; }
  .node-page-search-index__content span:after,
  .node-news-search-index__content span:after {
    margin: 0 8px;
    opacity: 0.2;
    content: "|"; }

.se-block {
  clear: both;
  float: none;
  margin: 40px 10px 50px;
  padding-top: 20px;
  text-align: right; }
  .se-block .block-content {
    float: right;
    background: white;
    margin-top: -10px;
    padding-left: 10px; }
    .se-block .block-content .se-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .se-block .block-content .se-trigger {
      display: inline-block;
      margin: 6px 0; }
    .se-block .block-content .se-links {
      padding: 0;
      margin: 0;
      margin-left: 20px;
      height: 40px; }
      .se-block .block-content .se-links .se-link {
        display: inline-block;
        margin-left: 5px; }
        .se-block .block-content .se-links .se-link a {
          display: block;
          text-indent: -9999px;
          height: 30px;
          width: 30px;
          padding: 4px;
          text-align: left;
          background-repeat: no-repeat;
          background-position: center bottom;
          background-size: 25px;
          -webkit-transition: all 0.25s;
          transition: all 0.25s; }
          .se-block .block-content .se-links .se-link a:hover {
            background-size: 30px; }
      .se-block .block-content .se-links .facebook_share a {
        background-image: url("../images/icons/social-networks/facebook.svg"); }
      .se-block .block-content .se-links .twitter a {
        background-image: url("../images/icons/social-networks/twitter.svg"); }
      .se-block .block-content .se-links .viber a {
        background-image: url("../images/icons/social-networks/viber-brands.svg"); }
      .se-block .block-content .se-links .messenger a {
        background-image: url("../images/icons/social-networks/messenger.svg"); }
      .se-block .block-content .se-links .whatsapp a {
        background-image: url("../images/icons/social-networks/whatsapp.svg"); }
  .se-block .block-title {
    display: none; }

.context-contact .se-block {
  display: none; }

.ui-spinner {
  border-radius: 0; }
  .ui-spinner input {
    -moz-appearance: textfield; }
  .ui-spinner .ui-button {
    background-color: #d40e14;
    position: absolute;
    border: 0;
    margin: 0 0 0 0;
    border-radius: 0 0 0 0; }
    .ui-spinner .ui-button:hover {
      cursor: pointer;
      background-color: #ad030f; }
    .ui-spinner .ui-button:active {
      background-color: #ad030f;
      border: 0; }
    .ui-spinner .ui-button span {
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: center;
      -webkit-appearance: none; }
    .ui-spinner .ui-button.ui-spinner-up span {
      background-image: url(../images/icons/plus.svg); }
    .ui-spinner .ui-button.ui-spinner-down span {
      background-image: url(../images/icons/minus.svg); }

.ui-widget.ui-widget-content.ui-spinner {
  border: 0;
  width: 96px;
  margin-right: 18px; }
  .ui-widget.ui-widget-content.ui-spinner .form-number {
    text-align: center;
    padding: 0 34px 0 0;
    margin: 0;
    font-family: "FF Meta Pro", sans-serif;
    line-height: 46px; }
  .ui-widget.ui-widget-content.ui-spinner .form-number::-webkit-inner-spin-button,
  .ui-widget.ui-widget-content.ui-spinner .form-number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.article .author {
  margin: 5px 0 10px;
  color: gray;
  font-style: italic; }
  .article .author .field--name-uid {
    font-style: normal; }

.swiper-button-next, .swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: white url("../images/arrow.svg") center/32px no-repeat;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  box-shadow: 0 0 48px rgba(0, 0, 0, 0.2); }
  .swiper-button-next:after, .swiper-button-prev:after {
    display: none; }
  .swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #d40e14;
    background-image: url("../images/arrow--white.svg"); }

.swiper-button-next {
  right: 16px; }
  @media all and (min-width: 1220px) {
    .swiper-button-next {
      right: 32px; } }

.swiper-button-prev {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  left: 16px; }
  @media all and (min-width: 1220px) {
    .swiper-button-prev {
      left: 32px; } }

.swiper-pagination {
  width: 100%;
  z-index: 9; }
  .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: transparent;
    opacity: 1;
    position: relative;
    margin: 0 5% !important;
    border: 1px solid white;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .swiper-pagination-bullet:hover {
      background-color: rgba(255, 255, 255, 0.3); }
    .swiper-pagination-bullet-active {
      background-color: white; }
    @media all and (min-width: 768px) {
      .swiper-pagination-bullet {
        margin: 0 5px !important; } }

.path-user .block-page-title {
  text-align: center; }

.user-login-form,
.user-register-form,
.form-user-pass,
.form-user-form {
  padding: 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin: 48px auto;
  max-width: 320px;
  margin: 0 auto; }
  @media all and (min-width: 1220px) {
    .user-login-form,
    .user-register-form,
    .form-user-pass,
    .form-user-form {
      margin: 72px auto; } }
  .user-login-form .form-item__description,
  .user-register-form .form-item__description,
  .form-user-pass .form-item__description,
  .form-user-form .form-item__description {
    opacity: 0.5;
    font-style: italic;
    font-size: 12px;
    line-height: 20px; }
  .user-login-form p,
  .user-register-form p,
  .form-user-pass p,
  .form-user-form p {
    opacity: 0.5;
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
    margin-top: -8px; }
  .user-login-form .form-actions,
  .user-register-form .form-actions,
  .form-user-pass .form-actions,
  .form-user-form .form-actions {
    margin-top: 24px; }

.user-login-form .form-item__description {
  display: none; }

.commerce-checkout-completion-register__text {
  text-align: center; }

.commerce-checkout-completion-register__form {
  padding: 36px;
  border-radius: 4px;
  width: 315px;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.media-youtube__field-media-oembed-video iframe {
  width: 100%;
  min-height: 360px;
  display: block; }

.node-page-full[about="/404"] {
  padding: 64px 0;
  max-width: 1170px;
  margin: 0 auto; }

.block-exposedformsearchpage-1__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.block-exposedformsearchpage-1__trigger {
  background-image: url(../images/search.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  font-size: 0;
  width: 18px;
  height: 37px;
  padding: 0;
  content: "";
  display: block; }
  .block-exposedformsearchpage-1__trigger:hover {
    cursor: pointer; }
  @media all and (min-width: 1220px) {
    .block-exposedformsearchpage-1__trigger {
      margin-left: 20px; } }

.block-exposedformsearchpage-1 #views-exposed-form-search-page-1 {
  position: relative; }
  .block-exposedformsearchpage-1 #views-exposed-form-search-page-1.form-views-exposed-form {
    width: 0;
    overflow: hidden;
    position: absolute; }
    .block-exposedformsearchpage-1 #views-exposed-form-search-page-1.form-views-exposed-form .form-actions {
      display: none; }
    .block-exposedformsearchpage-1 #views-exposed-form-search-page-1.form-views-exposed-form input {
      margin-bottom: 0;
      height: 44px; }
    .block-exposedformsearchpage-1 #views-exposed-form-search-page-1.form-views-exposed-form--is-active {
      width: auto;
      left: 12px;
      right: 12px;
      top: calc(100% + 12px); }
      @media all and (min-width: 1220px) {
        .block-exposedformsearchpage-1 #views-exposed-form-search-page-1.form-views-exposed-form--is-active {
          position: relative; } }

.block-exposedformsearchpage-1-2 {
  max-width: 1170px;
  margin: 0 auto; }
  .block-exposedformsearchpage-1-2 .form-views-exposed-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 64px; }
    .block-exposedformsearchpage-1-2 .form-views-exposed-form .form-item {
      width: 100%; }
    .block-exposedformsearchpage-1-2 .form-views-exposed-form input {
      margin-bottom: 0; }
    .block-exposedformsearchpage-1-2 .form-views-exposed-form .form-actions {
      margin-top: 0;
      margin-left: 20px; }
      .block-exposedformsearchpage-1-2 .form-views-exposed-form .form-actions button {
        background-image: url(../images/search--white.svg);
        background-position: left 10px center;
        background-repeat: no-repeat;
        background-size: 16px;
        padding-left: 40px; }

.path-blog .block-page-title {
  background-image: url("../images/headers/blog.jpg"), -webkit-linear-gradient(left, #eb690b 0%, #eb690b 50%, #d4021d 50%, #d4021d 100%);
  background-image: url("../images/headers/blog.jpg"), linear-gradient(to right, #eb690b 0%, #eb690b 50%, #d4021d 50%, #d4021d 100%);
  background-size: 1920px, cover;
  background-position: center;
  background-repeat: no-repeat; }
  .path-blog .block-page-title h1 {
    color: white; }

.path-prodaja .block-page-title,
.path-sale .block-page-title {
  background-image: url("../images/headers/sale.jpg"), -webkit-linear-gradient(left, #d4021d 0%, #d4021d 50%, #d4021d 50%, #d4021d 100%);
  background-image: url("../images/headers/sale.jpg"), linear-gradient(to right, #d4021d 0%, #d4021d 50%, #d4021d 50%, #d4021d 100%);
  background-size: 1920px, cover;
  background-position: center;
  background-repeat: no-repeat; }
  .path-prodaja .block-page-title h1,
  .path-sale .block-page-title h1 {
    color: white; }

.path-lokacije .block-page-title {
  background-image: url("../images/headers/locations.jpg"), -webkit-linear-gradient(left, #ededef 0%, #ededef 50%, #c6c6c8 50%, #c6c6c8 100%);
  background-image: url("../images/headers/locations.jpg"), linear-gradient(to right, #ededef 0%, #ededef 50%, #c6c6c8 50%, #c6c6c8 100%);
  background-size: 1920px, cover;
  background-position: center;
  background-repeat: no-repeat; }

.path-kursna-lista .block-page-title {
  background-image: url("../images/headers/exchange-rate-list.jpg"), -webkit-linear-gradient(left, #ededef 0%, #ededef 50%, #c6c6c8 50%, #c6c6c8 100%);
  background-image: url("../images/headers/exchange-rate-list.jpg"), linear-gradient(to right, #ededef 0%, #ededef 50%, #c6c6c8 50%, #c6c6c8 100%);
  background-size: 1920px, cover;
  background-position: center;
  background-repeat: no-repeat; }

.accordion {
  margin: 0; }
  .accordion dd {
    overflow: hidden;
    border-top: 0;
    margin: 0;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    display: block;
    height: 0;
    padding: 0; }
    .accordion dd.active {
      height: auto;
      padding: 12px 0; }
    .accordion dd:last-of-type {
      border-top: 1px solid white;
      position: relative;
      top: -1px; }

.paragraph-accordion {
  padding: 0 24px; }
  @media all and (min-width: 1220px) {
    .paragraph-accordion {
      padding: 0; } }
  .paragraph-accordion__field-title {
    text-align: center;
    font-size: 28px;
    color: #08162A;
    margin-bottom: 40px;
    font-weight: 700; }
  .paragraph-accordion__container {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%; }
  .paragraph-accordion__field-accordion-parents {
    border-top: 1px solid #e5e5e5; }
    .paragraph-accordion__field-accordion-parents-item {
      border-bottom: 1px solid #e5e5e5; }
      .paragraph-accordion__field-accordion-parents-item:last-of-type {
        border-bottom: none; }
  .paragraph-accordion .paragraph-accordion-parent {
    margin: 0; }
    .paragraph-accordion .paragraph-accordion-parent__field-accordion-items {
      padding-left: 48px; }
    .paragraph-accordion .paragraph-accordion-parent__accordion-title h2,
    .paragraph-accordion .paragraph-accordion-parent__accordion-title h3,
    .paragraph-accordion .paragraph-accordion-parent__accordion-title h4,
    .paragraph-accordion .paragraph-accordion-parent__accordion-title h5 {
      margin: 0; }
    .paragraph-accordion .paragraph-accordion-parent__field-title-item {
      font-size: 1.5rem;
      line-height: 2rem; }
    @media all and (min-width: 500px) {
      .paragraph-accordion .paragraph-accordion-parent__field-body {
        padding-left: 48px; } }
  .paragraph-accordion .paragraph-accordion-child {
    padding: 0;
    margin: 0; }
    .paragraph-accordion .paragraph-accordion-child__accordion-body {
      padding-left: 32px; }
  .paragraph-accordion .paragraph-accordion-child h1, .paragraph-accordion .paragraph-accordion-child h2, .paragraph-accordion .paragraph-accordion-child h3, .paragraph-accordion .paragraph-accordion-child h4, .paragraph-accordion .paragraph-accordion-child h5,
  .paragraph-accordion .paragraph-accordion-parent h1,
  .paragraph-accordion .paragraph-accordion-parent h2,
  .paragraph-accordion .paragraph-accordion-parent h3,
  .paragraph-accordion .paragraph-accordion-parent h4,
  .paragraph-accordion .paragraph-accordion-parent h5 {
    margin: 0; }
  .paragraph-accordion .paragraph-accordion-child__field-title,
  .paragraph-accordion .paragraph-accordion-parent__field-title {
    display: block;
    font-size: 20px; }
    .paragraph-accordion .paragraph-accordion-child__field-title-item,
    .paragraph-accordion .paragraph-accordion-parent__field-title-item {
      padding: 18px 0 12px; }
  .paragraph-accordion [class*="__accordion-title"] {
    font-weight: 700;
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .paragraph-accordion [class*="__accordion-title"] .close {
      width: 24px;
      background-image: url(../images/arrow--down.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 24px;
      vertical-align: middle;
      margin-left: 8px;
      cursor: pointer; }
    .paragraph-accordion [class*="__accordion-title"] a {
      display: block;
      color: #08162A;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .paragraph-accordion [class*="__accordion-title"] a:hover {
        text-decoration: none; }
    .paragraph-accordion [class*="__accordion-title"].active .close {
      background-image: url(../images/arrow--up.svg); }
    .paragraph-accordion [class*="__accordion-title"].active a {
      color: #d40e14; }
  .paragraph-accordion.paragraph [class$="__field-body"] {
    margin-top: 10px;
    margin-bottom: unset; }
  .paragraph-accordion[data-paragraph-narrow="yes"] {
    max-width: 960px;
    margin: 0 auto; }

.node-banner {
  height: 400px;
  position: relative;
  padding-bottom: 32px; }
  @media all and (min-width: 1024px) {
    .node-banner {
      height: 640px;
      padding-bottom: 142px; } }
  .node-banner .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding: 0 72px; }
    @media all and (min-width: 1220px) {
      .node-banner .container {
        padding: 0; } }
  .node-banner .back-color {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1; }
  .node-banner .back-image {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0; }
    .node-banner .back-image__wrap {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 1; }
  .node-banner__title {
    margin-bottom: 16px;
    font-size: 36px;
    font-weight: bold; }
    @media all and (min-width: 1220px) {
      .node-banner__title {
        font-size: 64px; } }
    .node-banner__title span {
      display: inline-block;
      margin: 0; }
    .node-banner__title h1,
    .node-banner__title h2 {
      font-size: 36px;
      font-weight: bold;
      margin: 0; }
      @media all and (min-width: 1220px) {
        .node-banner__title h1,
        .node-banner__title h2 {
          font-size: 64px; } }
  .node-banner__field-body {
    margin-bottom: 32px; }
    .node-banner__field-body-item p {
      font-size: 20px; }
      @media all and (min-width: 1024px) {
        .node-banner__field-body-item p {
          font-size: 24px; } }
      .node-banner__field-body-item p:not(:first-of-type) {
        display: none; }
        @media all and (min-width: 1024px) {
          .node-banner__field-body-item p:not(:first-of-type) {
            display: block; } }
  .node-banner__field-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    /* &-item {
      a {
        @include submitButton();
      }
    } */ }
  .node-banner[data-paragraph-text-alignment="center"] {
    text-align: center; }
  .node-banner[data-paragraph-link-alignment="center"] .node-banner__field-link {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .node-banner[data-paragraph-text-alignment="left"] {
    text-align: left; }
  .node-banner[data-paragraph-link-alignment="left"] .node-banner__field-link {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .node-banner[data-paragraph-text-alignment="right"] {
    text-align: right; }
  .node-banner[data-paragraph-link-alignment="left"] .node-banner__field-link {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .node-banner[data-paragraph-invert*="yes"][data-paragraph-link-type="button"] .node-banner__field-link-item a {
    background-color: white;
    border-color: white;
    color: #d40e14; }
    .node-banner[data-paragraph-invert*="yes"][data-paragraph-link-type="button"] .node-banner__field-link-item a:hover {
      background-color: #d40e14;
      border-color: #d40e14;
      color: white; }

.paragraph-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center;
  background-size: unset !important;
  background-repeat: no-repeat;
  margin-bottom: 0 !important; }
  .paragraph-banner__container {
    width: 100%;
    position: relative; }
  .paragraph-banner__overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .paragraph-banner__text {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
    padding: 48px 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media all and (min-width: 1024px) {
      .paragraph-banner__text {
        padding-bottom: 142px; } }
    @media all and (min-width: 1220px) {
      .paragraph-banner__text {
        padding: 142px 0; } }
  @media all and (min-width: 1024px) {
    .paragraph-banner__field-background-image {
      height: 640px;
      overflow: hidden; } }
  .paragraph-banner__field-background-image img {
    display: block; }
  .paragraph-banner__field-body {
    margin-bottom: 8px; }
    .paragraph-banner__field-body h1,
    .paragraph-banner__field-body h2 {
      margin-bottom: 16px; }
    .paragraph-banner__field-body:last-child {
      margin-bottom: -8px; }
      .paragraph-banner__field-body:last-child p:last-child {
        margin-bottom: 0; }
    .paragraph-banner__field-body p {
      font-size: 20px; }
      @media all and (min-width: 1024px) {
        .paragraph-banner__field-body p {
          font-size: 24px; } }
  .paragraph-banner__field-title {
    font-size: 36px; }
    @media all and (min-width: 1220px) {
      .paragraph-banner__field-title {
        font-size: 72px; } }
  .paragraph-banner[data-paragraph-fit="yes"] {
    background-size: contain; }
  .paragraph-banner__field-links-multiple {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px; }
  .paragraph-banner[data-paragraph-link-alignment="center"] [class*="field-links-multiple"] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 6px; }
  .paragraph-banner[data-paragraph-link-alignment="left"] [class*="field-links-multiple"] {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .paragraph-banner[data-paragraph-link-alignment="right"] [class*="field-links-multiple"] {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

[data-paragraph-link-type="button"] [class$="__field-link"] a,
[data-paragraph-link-type="button"] [class$="__field-links-multiple"] a,
[data-paragraph-link-type="button"] [class$="__field-custom-link"] a {
  display: inline-block;
  color: white;
  font-weight: 700;
  border-radius: 4px;
  padding: 12px 16px 8px;
  background-color: #d40e14;
  border: 2px solid #d40e14;
  line-height: 24px;
  box-shadow: none; }
  [data-paragraph-link-type="button"] [class$="__field-link"] a:hover,
  [data-paragraph-link-type="button"] [class$="__field-links-multiple"] a:hover,
  [data-paragraph-link-type="button"] [class$="__field-custom-link"] a:hover {
    text-decoration: none;
    border-color: #ad030f;
    background-color: #ad030f; }

[data-paragraph-link-type="underline"] [class$="__field-link"] a,
[data-paragraph-link-type="underline"] [class$="__field-links-multiple"] a {
  display: inline-block;
  border-bottom: 2px solid rgba(212, 14, 20, 0.5);
  font-weight: 700; }
  [data-paragraph-link-type="underline"] [class$="__field-link"] a:hover,
  [data-paragraph-link-type="underline"] [class$="__field-links-multiple"] a:hover {
    text-decoration: none;
    border-color: #d40e14; }

[data-paragraph-link-type="arrow"] [class$="__field-link"] a,
[data-paragraph-link-type="arrow"] [class$="__field-links-multiple"] a {
  display: inline-block;
  font-weight: 700; }
  [data-paragraph-link-type="arrow"] [class$="__field-link"] a:after,
  [data-paragraph-link-type="arrow"] [class$="__field-links-multiple"] a:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../images/arrow.svg");
    background-repeat: no-repeat;
    background-position: center -2px;
    background-size: 24px;
    vertical-align: middle;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease; }
  [data-paragraph-link-type="arrow"] [class$="__field-link"] a:hover,
  [data-paragraph-link-type="arrow"] [class$="__field-links-multiple"] a:hover {
    text-decoration: none; }
    [data-paragraph-link-type="arrow"] [class$="__field-link"] a:hover:after,
    [data-paragraph-link-type="arrow"] [class$="__field-links-multiple"] a:hover:after {
      -webkit-transform: translateX(8px);
              transform: translateX(8px); }

.paragraph-call-to-action {
  padding: 72px 32px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover; }
  .paragraph-call-to-action__container {
    width: 100%; }
  .paragraph-call-to-action__field-subtitle {
    margin-bottom: 16px; }
  .paragraph-call-to-action__field-title {
    color: #d40e14;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 16px; }
  .paragraph-call-to-action__field-link {
    max-width: 1170px;
    margin: 0 auto; }

.paragraph-row__field-cards {
  max-width: 1170px;
  margin: 0 auto;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 0 24px;
  gap: 32px; }
  @media all and (min-width: 768px) {
    .paragraph-row__field-cards {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }
  @media all and (min-width: 1220px) {
    .paragraph-row__field-cards {
      padding: 0; } }
  .paragraph-row__field-cards-item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    margin-bottom: 32px; }
    @media all and (min-width: 1220px) {
      .paragraph-row__field-cards-item {
        margin-bottom: 0 !important; } }

.paragraph-row__field-title {
  text-align: center;
  font-size: 28px;
  color: #08162A;
  max-width: 1170px;
  margin: 0 auto;
  margin-bottom: 32px;
  font-weight: 700; }

.paragraph-row[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .paragraph-row__field-title {
  color: white; }

.paragraph-row[data-paragraph-fluid="yes"] {
  margin: 0 auto; }
  .paragraph-row[data-paragraph-fluid="yes"] .paragraph-row__field-cards-item {
    margin: 0; }

.paragraph-card-with-icons__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 64px 24px auto;
  grid-template-columns: 64px auto;
  grid-gap: 24px; }

.paragraph-card-with-icons__field-icon-svg {
  padding: 12px;
  background-color: #f9f9f9;
  border-radius: 4px;
  width: 64px;
  height: 64px;
  margin-right: 24px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.paragraph-card-with-icons__field-title {
  font-size: 21px;
  line-height: 24px;
  color: #08162A;
  margin-bottom: 16px;
  font-weight: 700; }

.paragraph-card-with-icons__field-link-item a {
  display: block;
  font-weight: 700; }
  .paragraph-card-with-icons__field-link-item a:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../images/arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    vertical-align: middle;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease; }
  .paragraph-card-with-icons__field-link-item a:hover {
    text-decoration: none; }
    .paragraph-card-with-icons__field-link-item a:hover:after {
      margin-left: 8px; }

.paragraph-card {
  background-color: white;
  box-shadow: 0 0 48px rgba(51, 51, 51, 0.05);
  border-radius: 4px;
  overflow: hidden; }
  .paragraph-card__field-title {
    font-size: 21px;
    margin-bottom: 16px;
    font-weight: 700;
    color: #08162A;
    line-height: 24px; }
  .paragraph-card__text {
    padding: 24px; }
  .paragraph-card__field-link-item a {
    display: inline-block;
    font-weight: 700; }
    .paragraph-card__field-link-item a:after {
      content: "";
      display: inline-block;
      width: 24px;
      height: 24px;
      background-image: url("../images/arrow.svg");
      background-repeat: no-repeat;
      background-position: center -2px;
      background-size: 24px;
      vertical-align: middle;
      -webkit-transition: 0.4s ease;
      transition: 0.4s ease; }
    .paragraph-card__field-link-item a:hover {
      text-decoration: none; }
      .paragraph-card__field-link-item a:hover:after {
        -webkit-transform: translateX(8px);
                transform: translateX(8px); }

.paragraph-carousel__container {
  max-width: 1170px;
  margin: 0 auto; }

.paragraph-carousel .paragraph-card {
  text-align: center; }

.banner-overlay .node-page-full__field-paragraph-item:nth-of-type(1) {
  position: relative;
  z-index: 1; }
  .banner-overlay .node-page-full__field-paragraph-item:nth-of-type(1) .paragraph-row {
    -webkit-transition: none !important;
    transition: none !important;
    opacity: 1 !important; }
    .banner-overlay .node-page-full__field-paragraph-item:nth-of-type(1) .paragraph-row:before, .banner-overlay .node-page-full__field-paragraph-item:nth-of-type(1) .paragraph-row:after {
      content: " ";
      display: table; }
    .banner-overlay .node-page-full__field-paragraph-item:nth-of-type(1) .paragraph-row:after {
      clear: both; }
    .banner-overlay .node-page-full__field-paragraph-item:nth-of-type(1) .paragraph-row h2 {
      margin-bottom: 36px; }
    .banner-overlay .node-page-full__field-paragraph-item:nth-of-type(1) .paragraph-row__field-cards {
      background-color: white;
      box-shadow: 0 0 48px rgba(0, 0, 0, 0.1);
      padding: 32px;
      border-radius: 4px;
      width: 100%; }
      @media all and (min-width: 1220px) {
        .banner-overlay .node-page-full__field-paragraph-item:nth-of-type(1) .paragraph-row__field-cards {
          position: absolute;
          top: -96px;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); } }
    .banner-overlay .node-page-full__field-paragraph-item:nth-of-type(1) .paragraph-row .paragraph-card-with-icons {
      -webkit-transition: none !important;
      transition: none !important;
      opacity: 1 !important;
      -webkit-transform: translateZ(0) !important;
              transform: translateZ(0) !important; }

@media all and (min-width: 1220px) {
  .banner-overlay .node-page-full__field-paragraph-item:nth-of-type(2) > .paragraph {
    padding-top: 202px; } }

.paragraph-counter {
  text-align: center; }
  .paragraph-counter h3 {
    margin: 0; }
  .paragraph-counter .count,
  .paragraph-counter span {
    font-weight: 700;
    margin: 0 0 8px;
    font-size: 82px;
    display: inline-block; }

.paragraph-carousel {
  position: relative; }
  .paragraph-carousel.paragraph {
    padding: 32px 0; }
    @media all and (min-width: 1220px) {
      .paragraph-carousel.paragraph {
        padding: 96px 0; }
        .paragraph-carousel.paragraph .swiper-button-prev {
          left: -72px; }
        .paragraph-carousel.paragraph .swiper-button-next {
          right: -72px; } }
    .paragraph-carousel.paragraph .swiper-container {
      padding: 48px 16px; }
  .paragraph-carousel__field-title {
    text-align: center;
    font-size: 28px;
    color: #08162A;
    margin-bottom: 24px;
    font-weight: 700; }
  .paragraph-carousel[style*="background"] .paragraph-carousel__field-title {
    color: white; }
  .paragraph-carousel[data-paragraph-fluid="yes"] {
    margin: 0 auto; }

.paragraph-counter__field-body h4,
.paragraph-counter__field-body h3 {
  font-weight: 700;
  margin: 0 0 16px;
  font-size: 72px; }

.paragraph-counter__field-body p {
  font-size: 22px; }

[id] {
  scroll-margin-top: 192px; }

.paragraph-form {
  padding: 48px 24px;
  position: relative; }
  @media all and (min-width: 1220px) {
    .paragraph-form {
      padding: 96px 24px; } }
  .paragraph-form__field-title {
    max-width: 640px;
    text-align: center;
    font-size: 28px;
    color: #08162A;
    margin: 0 auto;
    padding: 32px 0 40px;
    font-weight: 700; }
  @media all and (min-width: 1220px) {
    .paragraph-form {
      padding: 96px 0; } }
  .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) {
    /* When the background color/gradient is not white, silver, gray, or gradient, all elements are inverted. */ }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .paragraph-form {
      color: white; }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .paragraph-form__field-title {
        color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) [id*="edit-actions"] .form-submit {
      background-color: rgba(255, 255, 255, 0.25);
      color: white;
      border: 1px solid rgba(255, 255, 255, 0.25); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) [id*="edit-actions"] .form-submit:hover {
        background-color: white;
        color: #08162A; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .fieldset-legend {
      color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .field-prefix {
      color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .select2-selection--multiple {
      background-color: transparent;
      border-color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .select2-selection__choice {
      background-color: rgba(255, 255, 255, 0.25) !important;
      color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item__label {
      color: white; }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item__label--required:after {
        color: rgba(255, 255, 255, 0.5); }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item__description {
      color: rgba(255, 255, 255, 0.75); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item__description a {
        color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item--error-message {
      color: rgba(255, 255, 255, 0.5); }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item input,
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item select,
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item textarea {
      background-color: transparent;
      border-color: rgba(255, 255, 255, 0.5);
      color: white; }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item input::-webkit-input-placeholder, .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item select::-webkit-input-placeholder, .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item textarea::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.5); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item input::-moz-placeholder, .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item select::-moz-placeholder, .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item textarea::-moz-placeholder {
        color: rgba(255, 255, 255, 0.5); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item input:-ms-input-placeholder, .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item select:-ms-input-placeholder, .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item textarea:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.5); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item input::-ms-input-placeholder, .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item select::-ms-input-placeholder, .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item textarea::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.5); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item input::placeholder,
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item select::placeholder,
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item textarea::placeholder {
        color: rgba(255, 255, 255, 0.5); }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-checkbox label:before {
      border-color: rgba(255, 255, 255, 0.5); }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-checkbox input[type="checkbox"]:checked + label:before {
      background-color: rgba(255, 255, 255, 0.25);
      border-color: rgba(255, 255, 255, 0.25); }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-processed-text {
      color: rgba(255, 255, 255, 0.75); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-processed-text p strong,
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-processed-text p a {
        color: white; }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-processed-text p a {
        border-bottom: 1px solid white; }
        .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-processed-text p a:hover {
          text-decoration: none;
          border: none; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-type-radios legend,
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-type-checkboxes legend {
      color: white; }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-type-radios legend span:after,
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-type-checkboxes legend span:after {
        color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-type-radios .webform-options-display-buttons label.webform-options-display-buttons-label,
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-type-checkboxes .webform-options-display-buttons label.webform-options-display-buttons-label {
      background-color: transparent;
      border: 1px solid rgba(255, 255, 255, 0.5); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-type-radios .webform-options-display-buttons label.webform-options-display-buttons-label:before,
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-type-checkboxes .webform-options-display-buttons label.webform-options-display-buttons-label:before {
        border: 1px solid rgba(255, 255, 255, 0.5); }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-type-radios .webform-options-display-buttons input:checked + label.webform-options-display-buttons-label,
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-type-checkboxes .webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
      border-color: white;
      color: white;
      background-color: rgba(255, 255, 255, 0.2); }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-webform-markup {
      background-color: rgba(255, 255, 255, 0.2);
      color: white; }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-webform-markup em a {
        color: white; }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-webform-markup p a {
        color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-progress-tracker .progress-step .progress-marker:before {
      background-color: white;
      color: black;
      z-index: 3 !important; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-progress-tracker .progress-step .progress-marker:after {
      background-color: rgba(255, 255, 255, 0.5) !important; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-progress-tracker .progress-step .progress-text {
      color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-progress-tracker .progress-step:not(.is-active) .progress-marker:before {
      background-color: #3B4150;
      color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .webform-progress-tracker .progress-step.is-active .progress-marker:before {
      background-color: white;
      color: #3B4150;
      font-weight: 700; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item-monthly-payment,
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-item-auto-monthly-payment {
      background-color: rgba(255, 255, 255, 0.2);
      color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-range .input__range {
      background-color: rgba(255, 255, 255, 0.2); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-range .input__range:before, .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-range .input__range:after {
        color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-managed-file .form-managed-file,
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-webform-document-file .form-managed-file {
      border-color: white;
      color: white; }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-managed-file .form-managed-file:before,
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-webform-document-file .form-managed-file:before {
        background-image: url("../images/upload--white.svg");
        background-color: rgba(255, 255, 255, 0.2); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-managed-file .form-managed-file .form-submit,
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-webform-document-file .form-managed-file .form-submit {
        border-color: white;
        background-color: transparent;
        color: white; }
        .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-managed-file .form-managed-file .form-submit:hover,
        .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-webform-document-file .form-managed-file .form-submit:hover {
          background-color: rgba(255, 255, 255, 0.2); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-managed-file .form-managed-file .file a,
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-webform-document-file .form-managed-file .file a {
        color: white; }
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-managed-file .form-item__description .webform-markup,
    .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-webform-document-file .form-item__description .webform-markup {
      color: white;
      background-color: rgba(255, 255, 255, 0.2); }
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-managed-file .form-item__description .webform-markup a,
      .paragraph-form[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .form-type-webform-document-file .form-item__description .webform-markup a {
        color: white; }

.webform-submission-form {
  max-width: 720px;
  margin: 0 auto; }

.webform-confirmation {
  padding: 32px;
  border-radius: 4px;
  background-color: rgba(37, 132, 92, 0.1);
  color: #00855a;
  font-weight: 700;
  text-align: center;
  margin-bottom: 24px; }
  .webform-confirmation__message {
    margin: 0; }
    .webform-confirmation__message::before {
      content: "";
      display: block;
      margin: 0 auto 24px;
      width: 40px;
      height: 40px;
      background-image: url("../images/confirmation.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 40px; }
  .webform-confirmation__back {
    margin-top: 16px; }

.webform-submission-loan-request-less-than-600-form .form-item-message {
  margin-bottom: 64px;
  font-size: 24px;
  padding: 32px;
  text-align: center; }
  .webform-submission-loan-request-less-than-600-form .form-item-message:before {
    content: "";
    display: block;
    margin: 0 auto 24px;
    width: 40px;
    height: 40px;
    background-image: url("../images/confirmation.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px; }

.form-item--error-message {
  padding: 8px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 4px;
  margin-top: 8px;
  background-color: rgba(212, 14, 20, 0.1);
  color: #d40e14; }

.form-item.form-type-datelist .container-inline {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .form-item.form-type-datelist .container-inline:has(.js-form-item) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 4px; }
  .form-item.form-type-datelist .container-inline .form-type-select {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.form-type-textarea textarea {
  margin-bottom: 16px; }

.webform-progress-tracker .progress-step .progress-marker:before {
  width: 32px;
  height: 32px;
  padding: 0;
  line-height: 1.3;
  font-size: 1.25rem;
  font-weight: 700; }

.webform-progress-tracker .progress-step .progress-marker:after {
  background-color: #999 !important;
  height: 2px;
  top: 15px; }

.webform-progress-tracker .progress-step:not(.is-active).is-complete .progress-marker::before {
  background-color: #00855a !important; }

.webform-progress-tracker .progress-step:not(.is-active) .progress-marker:before {
  background-color: #B6BBC7;
  z-index: 3; }

.webform-progress-tracker .progress-step.is-active .progress-marker:before {
  background-color: #d40e14;
  font-weight: 700;
  z-index: 3; }

.webform-progress-tracker .progress-step.is-active:hover .progress-marker:before {
  background-color: #d40e14; }

@media all and (min-width: 1024px) {
  .form-type-range {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    clear: both; } }

.form-type-range .form-item__label {
  display: block;
  width: 100%; }

.form-type-range .input__range {
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
  padding: 48px 24px 24px;
  border-radius: 4px;
  background-color: white; }
  @media all and (min-width: 1024px) {
    .form-type-range .input__range {
      width: 70%;
      float: left;
      margin-bottom: 32px; } }
  .form-type-range .input__range .form-range {
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent; }

@media all and (min-width: 1024px) {
  .form-type-range .field-suffix {
    width: 30%;
    float: right;
    padding-left: 24px; } }

.form-type-range .field-suffix .form-type-number .form-number {
  width: 100% !important;
  margin-top: 8px; }
  @media all and (min-width: 1024px) {
    .form-type-range .field-suffix .form-type-number .form-number {
      margin-top: 0; } }

.form-type-range output {
  margin-top: 64px;
  opacity: 1 !important;
  border: none;
  background-color: #d40e14;
  color: white;
  padding: 8px 16px;
  border-radius: 240px;
  font-weight: 700; }

.form-item-monthly-payment {
  padding: 32px;
  text-align: center;
  color: white;
  background-color: #d40e14;
  border-radius: 4px;
  margin-bottom: 32px;
  clear: both; }
  .form-item-monthly-payment .description {
    margin: 0 0 8px; }
    .form-item-monthly-payment .description .webform-element-description {
      color: white;
      font-weight: 700; }
  .form-item-monthly-payment .form-number {
    box-shadow: none;
    border: none;
    text-align: center;
    background-color: transparent !important;
    color: white !important;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0 !important; }

[data-drupal-selector*="edit-monthly-payment"],
[id*="loan_amount__output"] {
  display: none; }

.form-item-loan-amount .input__range,
.form-item-repayment-period .input__range,
.form-item-repayment-period-fix .input__range {
  position: relative; }
  .form-item-loan-amount .input__range:before, .form-item-loan-amount .input__range:after,
  .form-item-repayment-period .input__range:before,
  .form-item-repayment-period .input__range:after,
  .form-item-repayment-period-fix .input__range:before,
  .form-item-repayment-period-fix .input__range:after {
    display: block;
    position: absolute;
    top: 24px;
    font-size: 13px;
    color: #666; }
  .form-item-loan-amount .input__range:before,
  .form-item-repayment-period .input__range:before,
  .form-item-repayment-period-fix .input__range:before {
    left: 24px; }
  .form-item-loan-amount .input__range:after,
  .form-item-repayment-period .input__range:after,
  .form-item-repayment-period-fix .input__range:after {
    right: 24px;
    left: auto; }

.webform-submission-loan-request-more-than-600-form .form-item-loan-amount .input__range:before {
  content: "600.001 RSD"; }

.webform-submission-loan-request-more-than-600-form .form-item-loan-amount .input__range:after {
  content: "3.500.000 RSD"; }

.webform-submission-ee-loan-more-than-600-form .form-item-loan-amount .input__range:before {
  content: "600.001 RSD"; }

.webform-submission-ee-loan-more-than-600-form .form-item-loan-amount .input__range:after {
  content: "5.850.000 RSD"; }

.webform-submission-loan-request-less-than-600-form .form-item-loan-amount .input__range:before,
.webform-submission-ee-loan-less-than-600-form .form-item-loan-amount .input__range:before {
  content: "120.000 RSD"; }

.webform-submission-loan-request-less-than-600-form .form-item-loan-amount .input__range:after,
.webform-submission-ee-loan-less-than-600-form .form-item-loan-amount .input__range:after {
  content: "600.000 RSD"; }

.form-item-notice-file {
  padding: 16px;
  font-size: 14px; }

.form-item-repayment-period .input__range:before,
.form-item-repayment-period-fix .input__range:before {
  content: "12 meseci"; }

.form-item-repayment-period .input__range:after,
.form-item-repayment-period-fix .input__range:after {
  content: "71 mesec"; }

.webform-submission-ee-loan-more-than-600-form .form-item-repayment-period .input__range:after,
.webform-submission-ee-loan-less-than-600-form .form-item-repayment-period .input__range:after {
  content: "180 meseci"; }

.webform-submission-ee-loan-more-than-600-form .form-item-repayment-period-fix .input__range:after,
.webform-submission-ee-loan-less-than-600-form .form-item-repayment-period-fix .input__range:after {
  content: "71 mesec"; }

.webform-submission-loan-request-less-than-600-form .less-than-600-wrapper-input-element .input__range:after,
.webform-submission-loan-request-less-than-600-form .more-than-600-wrapper-input-element .input__range:after,
.webform-submission-loan-request-more-than-600-form .less-than-600-wrapper-input-element .input__range:after,
.webform-submission-loan-request-more-than-600-form .more-than-600-wrapper-input-element .input__range:after {
  content: "71 mesec"; }

[id*="loan_amount_output_proxy"] {
  text-align: right; }

.webform-submission-ee-loan-less-than-600-form .webform-type-webform-address .form-item-location-of-project-city,
.webform-submission-ee-loan-more-than-600-form .webform-type-webform-address .form-item-location-of-project-city {
  width: 49%;
  float: left; }

.webform-submission-ee-loan-less-than-600-form .webform-type-webform-address .form-item-location-of-project-postal-code,
.webform-submission-ee-loan-more-than-600-form .webform-type-webform-address .form-item-location-of-project-postal-code {
  width: 49%;
  float: right; }

.webform-submission-ee-loan-less-than-600-form .webform-select2,
.webform-submission-ee-loan-more-than-600-form .webform-select2 {
  height: auto; }
  .webform-submission-ee-loan-less-than-600-form .webform-select2 option,
  .webform-submission-ee-loan-more-than-600-form .webform-select2 option {
    padding: 10px 0;
    max-width: 720px;
    overflow: hidden;
    white-space: break-spaces;
    line-height: 32px; }
    .webform-submission-ee-loan-less-than-600-form .webform-select2 option:checked,
    .webform-submission-ee-loan-more-than-600-form .webform-select2 option:checked {
      background-color: rgba(212, 14, 20, 0.1);
      padding: 8px; }

.webform-submission-ee-loan-less-than-600-form .select2,
.webform-submission-ee-loan-more-than-600-form .select2 {
  margin-bottom: 16px; }
  .webform-submission-ee-loan-less-than-600-form .select2-selection,
  .webform-submission-ee-loan-more-than-600-form .select2-selection {
    height: auto; }
    .webform-submission-ee-loan-less-than-600-form .select2-selection__rendered,
    .webform-submission-ee-loan-more-than-600-form .select2-selection__rendered {
      height: auto; }
    .webform-submission-ee-loan-less-than-600-form .select2-selection__choice,
    .webform-submission-ee-loan-more-than-600-form .select2-selection__choice {
      line-height: 32px;
      padding: 4px;
      background-color: rgba(212, 14, 20, 0.1) !important;
      max-width: 720px;
      overflow: hidden;
      white-space: break-spaces; }
      .webform-submission-ee-loan-less-than-600-form .select2-selection__choice__remove,
      .webform-submission-ee-loan-more-than-600-form .select2-selection__choice__remove {
        padding: 4px; }

.webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-terms-of-service .form-item__label.option {
  padding: 0; }
  .webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-terms-of-service .form-item__label.option::before {
    all: unset; }

.webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-iznos-kamate, .webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-eks, .webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-nks {
  position: relative; }
  .webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-iznos-kamate .form-text, .webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-eks .form-text, .webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-nks .form-text {
    box-shadow: none;
    border: none;
    text-align: center;
    background-color: transparent !important;
    color: #fff !important;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0 !important; }

.webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-eks, .webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-nks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-eks label, .webform-submission-podnosenje-zahteva-za-kes-kredit-form .form-item-nks label {
    overflow: unset; }

.webform-submission-kalkulator-orocene-stednje-form .form-item-rok, .webform-submission-kalkulator-orocene-stednje-form .form-item-depozit {
  margin-bottom: 24px; }
  .webform-submission-kalkulator-orocene-stednje-form .form-item-rok input, .webform-submission-kalkulator-orocene-stednje-form .form-item-depozit input {
    margin-bottom: 4px; }

.webform-submission-kalkulator-orocene-stednje-form .form-item-neto1, .webform-submission-kalkulator-orocene-stednje-form .form-item-eks {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding: 32px;
  text-align: center;
  color: #fff;
  background-color: #d40e14;
  border-radius: 4px;
  margin-bottom: 32px;
  clear: both;
  margin: 24px 0 34px; }
  .webform-submission-kalkulator-orocene-stednje-form .form-item-neto1 .form-item__label, .webform-submission-kalkulator-orocene-stednje-form .form-item-eks .form-item__label {
    color: white;
    margin-bottom: 0;
    font-size: 20px; }
  .webform-submission-kalkulator-orocene-stednje-form .form-item-neto1 .field-suffix, .webform-submission-kalkulator-orocene-stednje-form .form-item-eks .field-suffix {
    font-size: 26px;
    font-weight: 700;
    right: -7px; }
  .webform-submission-kalkulator-orocene-stednje-form .form-item-neto1 .form-number,
  .webform-submission-kalkulator-orocene-stednje-form .form-item-neto1 .form-text, .webform-submission-kalkulator-orocene-stednje-form .form-item-eks .form-number,
  .webform-submission-kalkulator-orocene-stednje-form .form-item-eks .form-text {
    box-shadow: none;
    border: none;
    text-align: center;
    background-color: transparent !important;
    color: #fff !important;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0 !important; }
  .webform-submission-kalkulator-orocene-stednje-form .form-item-neto1 .input-wrap, .webform-submission-kalkulator-orocene-stednje-form .form-item-eks .input-wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto; }

.webform-submission-kalkulator-orocene-stednje-form .form-item-eks .form-number {
  width: 100px; }

.webform-submission-kalkulator-orocene-stednje-form .form-item-neto1 {
  position: relative; }
  .webform-submission-kalkulator-orocene-stednje-form .form-item-neto1 .webform-element-description {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px; }

.webform-submission-kalkulator-orocene-stednje-form .form-item-total {
  text-align: center;
  margin: 34px 0; }
  .webform-submission-kalkulator-orocene-stednje-form .form-item-total .form-item__label,
  .webform-submission-kalkulator-orocene-stednje-form .form-item-total .field-suffix {
    color: #d40e14;
    font-weight: bold;
    font-size: 20px; }
  .webform-submission-kalkulator-orocene-stednje-form .form-item-total .form-item__label {
    text-transform: none; }
  .webform-submission-kalkulator-orocene-stednje-form .form-item-total .field-suffix {
    font-size: 26px;
    top: 14px; }
  .webform-submission-kalkulator-orocene-stednje-form .form-item-total .input-wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto; }
  .webform-submission-kalkulator-orocene-stednje-form .form-item-total .form-text {
    box-shadow: none;
    border: none;
    text-align: center;
    background-color: transparent !important;
    color: #d40e14 !important;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0 !important;
    width: 100%;
    height: 48px; }

@media all and (min-width: 768px) {
  .webform-submission-kalkulator-orocene-stednje-form .webform-flexbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media all and (min-width: 768px) {
  .webform-submission-kalkulator-orocene-stednje-form .webform-flexbox .webform-flex--1:has(#edit-help-text) {
    position: absolute; } }

.webform-submission-kalkulator-orocene-stednje-form .terms {
  background-color: transparent;
  padding: 0;
  text-align: center;
  color: #3B4150;
  font-size: 16px;
  width: 100%; }
  .webform-submission-kalkulator-orocene-stednje-form .terms a {
    text-decoration: underline;
    font-style: italic;
    color: #333; }
    .webform-submission-kalkulator-orocene-stednje-form .terms a:hover {
      text-decoration: none; }

.webform-submission-kalkulator-orocene-stednje-form .form-type-webform-markup {
  all: unset; }
  .webform-submission-kalkulator-orocene-stednje-form .form-type-webform-markup .webform-markup {
    margin-top: -28px; }

.form-submit {
  margin-top: 18px; }
  .form-submit.form-disabled {
    background-color: #D5D8E0 !important;
    border-color: #D5D8E0 !important;
    color: #787F90;
    pointer-events: none; }

.ui-menu.ui-autocomplete {
  max-width: 318px;
  border-radius: 4px;
  margin-top: 4px;
  max-height: 300px;
  overflow-y: auto; }
  @media all and (min-width: 768px) {
    .ui-menu.ui-autocomplete {
      max-width: 318px; } }
  .ui-menu.ui-autocomplete .ui-menu-item {
    list-style-image: none; }
    .ui-menu.ui-autocomplete .ui-menu-item > .ui-menu-item-wrapper {
      padding: 6px 12px;
      color: #666;
      border: none;
      -webkit-transition: none;
      transition: none;
      font-size: 16px; }
      .ui-menu.ui-autocomplete .ui-menu-item > .ui-menu-item-wrapper small {
        color: #666; }
      .ui-menu.ui-autocomplete .ui-menu-item > .ui-menu-item-wrapper.ui-state-active {
        color: #d40e14;
        margin: 0;
        background-color: transparent;
        border: none; }
        .ui-menu.ui-autocomplete .ui-menu-item > .ui-menu-item-wrapper.ui-state-active small {
          color: #d40e14; }
      .ui-menu.ui-autocomplete .ui-menu-item > .ui-menu-item-wrapper:hover {
        text-decoration: none; }
      .ui-menu.ui-autocomplete .ui-menu-item > .ui-menu-item-wrapper > .company_autocomplete--element {
        margin: 0; }

.ui-autocomplete-input:focus {
  border-color: #d40e14 !important; }

.progress-tracker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 60px auto;
  padding: 0;
  list-style: none; }

.progress-step {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  margin: 0;
  padding: 0;
  min-width: 24px; }
  .progress-step.online-account-stepper-active .step-number::before {
    background-color: #d40e14;
    font-weight: bold; }
  .progress-step.online-account-stepper-active .step-label {
    font-weight: bold;
    color: #3B4150; }
  .progress-step.online-account-stepper-complete .step-number:before {
    background-color: #00855a; }
  .progress-step:last-child .step-number::after {
    display: none; }
  .progress-step .step-number {
    position: relative; }
    .progress-step .step-number::before {
      content: attr(data-text);
      color: white;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      z-index: 2;
      width: 32px;
      height: 32px;
      padding: 0;
      border-radius: 50%;
      margin: 0 auto;
      font-size: 1.25rem;
      background-color: #B6BBC7;
      -webkit-transition: background-color, border-color;
      transition: background-color, border-color;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      line-height: 1.75rem;
      font-style: normal; }
    .progress-step .step-number::after {
      content: "";
      display: block;
      position: absolute;
      z-index: -10;
      top: 15px;
      width: 100%;
      height: 2px;
      background-color: #ccc;
      -webkit-transition: background-color 0.3s, background-position 0.3s;
      transition: background-color 0.3s, background-position 0.3s;
      right: -50%; }
  .progress-step .step-label {
    display: block;
    padding: 5px 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: #787F90;
    font-size: 0.8125rem;
    margin-top: 8px; }

.clipboard-copy-button {
  background-image: url(../images/icons/copy.svg);
  display: inline-block;
  height: 40px;
  width: 40px;
  vertical-align: middle;
  margin-top: -10px;
  cursor: pointer; }
  .clipboard-copy-button:not(:hover) {
    -webkit-filter: opacity(0.5);
            filter: opacity(0.5);
    top: -20px;
    left: 8px; }

.paragraph-calculator {
  padding: 96px 0; }
  .paragraph-calculator__field-title {
    max-width: 640px;
    text-align: center;
    color: #08162A;
    margin: 0 auto;
    font-weight: 700; }
  @media all and (min-width: 1220px) {
    .paragraph-calculator h2 {
      font-size: 42px; }
    .paragraph-calculator h3 {
      font-size: 28px; } }

.paragraph {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition-duration: .3s !important;
          transition-duration: .3s !important; }
  .paragraph h1, .paragraph h2, .paragraph h3, .paragraph h4 {
    margin-top: 0; }

[data-paragraph-invert="yes"] {
  color: white; }
  [data-paragraph-invert="yes"] h1,
  [data-paragraph-invert="yes"] h2,
  [data-paragraph-invert="yes"] h3,
  [data-paragraph-invert="yes"] h4,
  [data-paragraph-invert="yes"] h5,
  [data-paragraph-invert="yes"] h6 {
    color: white; }
  [data-paragraph-invert="yes"] [class$="__field-title"] {
    color: white; }
  [data-paragraph-invert="yes"] a {
    color: white; }
  [data-paragraph-invert="yes"] .button--underline a {
    border-color: rgba(255, 255, 255, 0.5); }
    [data-paragraph-invert="yes"] .button--underline a:hover {
      border-color: white; }
  [data-paragraph-invert="yes"] .button--arrow a:after {
    background-image: url("../images/arrow--white.svg"); }
  [data-paragraph-invert="yes"][data-paragraph-link-type="button"] [class$="__field-link"] a,
  [data-paragraph-invert="yes"][data-paragraph-link-type="button"] [class$="__field-links-multiple"] a {
    background-color: white;
    border-color: white;
    color: #d40e14; }
    [data-paragraph-invert="yes"][data-paragraph-link-type="button"] [class$="__field-link"] a:hover,
    [data-paragraph-invert="yes"][data-paragraph-link-type="button"] [class$="__field-links-multiple"] a:hover {
      background-color: #d40e14;
      border-color: #d40e14;
      color: white; }
  [data-paragraph-invert="yes"][data-paragraph-link-type="underline"] [class$="__field-link"] a,
  [data-paragraph-invert="yes"][data-paragraph-link-type="underline"] [class$="__field-links-multiple"] a {
    color: white;
    background-color: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.5); }
  [data-paragraph-invert="yes"][data-paragraph-link-type="arrow"] [class$="__field-link"] a:after,
  [data-paragraph-invert="yes"][data-paragraph-link-type="arrow"] [class$="__field-links-multiple"] a:after {
    background-image: url("../images/arrow--white.svg"); }

[data-paragraph-alignment="center"] {
  text-align: center; }

[data-paragraph-alignment="right"] {
  text-align: right; }

[data-paragraph-link-alignment="center"] [class*='field-link'],
[data-paragraph-link-alignment="center"] [class*='field-custom-link'] {
  text-align: center;
  margin-bottom: 6px; }

[data-paragraph-link-alignment="left"] [class*='field-link'],
[data-paragraph-link-alignment="left"] [class*='field-custom-link'] {
  text-align: left; }

[data-paragraph-link-alignment="right"] [class*='field-link'],
[data-paragraph-link-alignment="right"] [class*='field-custom-link'] {
  text-align: right; }

[data-paragraph-title-alignment="center"] [class*='field-title'] {
  text-align: center; }

[data-paragraph-title-alignment="left"] [class*='field-title'] {
  text-align: left; }

[data-paragraph-title-alignment="right"] [class*='field-title'] {
  text-align: right; }

[data-paragraph-narrow="yes"] {
  max-width: 960px;
  margin: 0 auto;
  width: 100%; }

[data-paragraph-fluid="yes"] [class$="__field-cards"] {
  max-width: 100%;
  padding: 0;
  grid-gap: 0; }

.paragraph-row .paragraph {
  margin-bottom: 0;
  height: 100%; }

.paragraph-row[style*="background"] {
  padding: 32px 0;
  margin: 0; }

.paragraph[style*="background"] {
  margin: 0 auto; }

.paragraph [class$="__field-body"] {
  margin-top: 24px; }

[style*="EEE"] .paragraph-row__field-title,
[style*="EEE"] .paragraph-steps__field-title,
[style*="FFF"] .paragraph-row__field-title,
[style*="FFF"] .paragraph-steps__field-title,
[style*="F9F9F9"] .paragraph-row__field-title,
[style*="F9F9F9"] .paragraph-steps__field-title {
  color: #08162A !important; }

[data-paragraph-id="60"] {
  margin-bottom: 0; }
  [data-paragraph-id="60"] .paragraph-shortcuts__field-body {
    margin-top: 0; }
  [data-paragraph-id="60"] .paragraph-shortcuts__field-background-image img {
    display: block; }
  @media all and (min-width: 1220px) {
    [data-paragraph-id="60"] {
      margin-bottom: 40px; } }

.paragraph-video__field-title {
  text-align: center;
  font-size: 28px;
  color: #08162A;
  margin-bottom: 24px;
  font-weight: 700; }

.paragraph-video__container {
  max-width: 1170px;
  margin: 0 auto;
  width: 100%;
  padding: 0 24px; }
  @media all and (min-width: 1220px) {
    .paragraph-video__container {
      padding: 0; } }

.paragraph-video video {
  width: 100%;
  height: auto; }

.paragraph-gallery__field-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px; }

.paragraph-gallery__container {
  max-width: 1170px;
  margin: 0 auto; }

.paragraph-shortcuts {
  padding: 42px 24px; }
  .paragraph-shortcuts__container {
    max-width: 1170px;
    margin: 0 auto; }
  .paragraph-shortcuts__field-title {
    text-align: center;
    font-size: 28px;
    color: #08162A;
    margin-bottom: 40px;
    font-weight: 700; }
  @media all and (min-width: 1220px) {
    .paragraph-shortcuts {
      padding: 42px 0 0; }
      .paragraph-shortcuts__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        width: 100%; }
        .paragraph-shortcuts__content > div {
          width: 50%;
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; } }
  .paragraph-shortcuts__field-paragraphs {
    position: relative; }
    @media all and (min-width: 1220px) {
      .paragraph-shortcuts__field-paragraphs {
        padding: 0 96px; } }
    .paragraph-shortcuts__field-paragraphs:before {
      content: "";
      display: block;
      width: 90%;
      height: 78%;
      background-color: #f5f5f5;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border-radius: 4px; }
      @media all and (min-width: 1220px) {
        .paragraph-shortcuts__field-paragraphs:before {
          width: 78%; } }
  .paragraph-shortcuts__field-body {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding: 40px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 0 48px rgba(0, 0, 0, 0.1);
    z-index: 1;
    position: relative; }
    @media all and (min-width: 1220px) {
      .paragraph-shortcuts__field-body {
        width: 75%;
        margin: -48px auto 0 !important; } }
    .paragraph-shortcuts__field-body p:last-of-type {
      margin: 0; }
  .paragraph-shortcuts__field-background-image img {
    border-radius: 4px; }

.paragraph-shortcut {
  position: relative;
  margin: 16px 0; }
  .paragraph-shortcut__field-icon-svg {
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 8px;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    .paragraph-shortcut__field-icon-svg img {
      width: 24px;
      height: 24px;
      display: block; }
  .paragraph-shortcut__field-link-item a {
    display: block;
    padding: 20px 24px 20px 72px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    font-weight: 700;
    color: #08162A; }
    .paragraph-shortcut__field-link-item a:hover {
      text-decoration: none;
      box-shadow: 0 0 48px rgba(0, 0, 0, 0.1); }
    @media all and (min-width: 1220px) {
      .paragraph-shortcut__field-link-item a {
        padding: 32px 24px 32px 72px; } }

.paragraph-step {
  padding: 24px;
  background-color: white;
  box-shadow: 0 0 48px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin: 0;
  pointer-events: all;
  width: 100%;
  position: relative; }
  @media all and (min-width: 1220px) {
    .paragraph-step {
      width: auto; } }
  .paragraph-step__field-custom-text {
    position: absolute;
    background-color: white;
    color: #d40e14;
    display: block;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 700;
    left: 22px;
    top: 24px;
    padding: 4px; }
    @media all and (min-width: 1220px) {
      .paragraph-step__field-custom-text {
        right: 24px;
        top: 24px;
        left: auto; } }
  .paragraph-step__field-title {
    color: #08162A;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 16px; }
  .paragraph-step__field-body p:last-of-type {
    margin: 0; }
  .paragraph-step__field-icon-svg {
    margin-bottom: 16px;
    padding: 12px;
    border-radius: 4px;
    background-color: #f9f9f9;
    display: inline-block; }
    .paragraph-step__field-icon-svg img {
      display: block;
      width: 32px;
      height: 32px; }

.paragraph-steps {
  padding-bottom: 72px;
  pointer-events: none; }
  @media all and (min-width: 1220px) {
    .paragraph-steps {
      text-align: right; } }
  .paragraph-steps[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) {
    padding: 64px 0 64px; }
    .paragraph-steps[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .paragraph-steps__field-title {
      color: white; }
    .paragraph-steps[style*="background"]:not([style*="EEE"]):not([style*="F9F9F9"]):not([style*="FFF"]):not([style*="gradient"]) .paragraph-steps__container:before {
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 64px, rgba(255, 255, 255, 0.5) calc(100% - 64px), rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 64px, rgba(255, 255, 255, 0.5) calc(100% - 64px), rgba(255, 255, 255, 0) 100%); }
  .paragraph-steps__field-title {
    text-align: center;
    font-size: 28px;
    color: #08162A;
    margin-bottom: 40px;
    font-weight: 700;
    padding: 0 24px; }
  .paragraph-steps__field-paragraphs {
    padding: 0 24px; }
    .paragraph-steps__field-paragraphs-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 24px;
      counter-increment: steps;
      position: relative; }
      .paragraph-steps__field-paragraphs-item:after {
        width: 2px;
        height: 24px;
        position: absolute;
        content: "";
        background-color: white;
        bottom: -24px;
        left: calc(50% - 1px); }
      .paragraph-steps__field-paragraphs-item .paragraph-step:before {
        content: counter(steps);
        color: #d40e14;
        display: block;
        font-size: 2.5rem;
        line-height: 3rem;
        font-weight: 700;
        margin-block: 4px 8px; }
      .paragraph-steps__field-paragraphs-item:nth-of-type(even) {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
        @media all and (min-width: 1220px) {
          .paragraph-steps__field-paragraphs-item:nth-of-type(even) .paragraph-step__field-custom-text {
            left: 24px;
            top: 24px;
            right: auto; } }
        .paragraph-steps__field-paragraphs-item:nth-of-type(even) .paragraph-step:after {
          right: 99%;
          left: auto;
          -webkit-transform: rotate(180deg) translateY(50%);
                  transform: rotate(180deg) translateY(50%); }
        .paragraph-steps__field-paragraphs-item:nth-of-type(even):after {
          margin-left: 0;
          margin-right: 31px; }
      .paragraph-steps__field-paragraphs-item:last-of-type:after {
        height: 0; }

@media all and (min-width: 1220px) {
  .paragraph-step {
    width: calc(50% - 40px);
    position: relative; }
    .paragraph-step:after {
      content: "";
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 99%;
      width: 0;
      height: 0;
      border: 16px solid transparent;
      border-left-color: #fff;
      border-radius: 4px;
      box-shadow: 0 0 48px rgba(0, 0, 0, 0.05); }
  .paragraph-steps[style*="background"] {
    padding: 96px 0 172px; }
  .paragraph-steps__container {
    max-width: 1170px;
    margin: 0 auto;
    position: relative; }
    .paragraph-steps__container:before {
      content: "";
      position: absolute;
      top: 72px;
      left: 50%;
      height: calc(100% - 72px);
      width: 2px;
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 64px, rgba(0, 0, 0, 0.1) calc(100% - 64px), rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 64px, rgba(0, 0, 0, 0.1) calc(100% - 64px), rgba(0, 0, 0, 0) 100%); }
  .paragraph-steps__field-paragraphs {
    padding: 0; }
    .paragraph-steps__field-paragraphs-item {
      margin-bottom: -72px; }
      .paragraph-steps__field-paragraphs-item:after {
        position: relative;
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        background-color: #d40e14;
        margin-left: 33px;
        z-index: 1;
        border: 4px solid white;
        border-radius: 100%;
        bottom: auto;
        left: auto;
        height: 8px !important; }
  .paragraph-steps__field-title {
    padding-left: 0;
    padding-right: 0; } }

.paragraph-story {
  max-width: 100%; }
  .paragraph-story__container {
    max-width: 1170px;
    margin: 0 auto;
    margin: 96px auto; }
  .paragraph-story__title {
    font-style: italic;
    font-weight: 700; }
    .paragraph-story__title:before {
      content: "";
      display: inline-block;
      width: 32px;
      height: 32px;
      background: url(../images/story.svg) center/32px no-repeat;
      vertical-align: middle;
      margin-right: 8px; }
  .paragraph-story__text {
    width: 100%; }
    @media all and (min-width: 1220px) {
      .paragraph-story__text {
        width: 50%; } }
    .paragraph-story__text-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column;
          -ms-flex-flow: column;
              flex-flow: column;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 100%; }
  .paragraph-story__background {
    position: relative;
    margin: 0 32px; }
    @media all and (min-width: 1220px) {
      .paragraph-story__background {
        margin: 0; } }
    .paragraph-story__background:before {
      content: "";
      display: block;
      width: 50%;
      height: 50%;
      position: absolute;
      top: -32px;
      left: -32px;
      background-color: #d40e14;
      z-index: -1; }
  .paragraph-story__field-profile {
    position: absolute;
    bottom: -32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media all and (min-width: 1220px) {
      .paragraph-story__field-profile {
        right: -32px;
        left: auto;
        -webkit-transform: none;
                transform: none; } }
  .paragraph-story__text {
    position: relative; }
    .paragraph-story__text:before, .paragraph-story__text:after {
      content: "";
      display: block;
      position: absolute;
      background-color: #d40e14;
      z-index: -1; }
    .paragraph-story__text:before {
      width: 32px;
      height: calc(50% - 32px);
      bottom: 0;
      right: 0; }
      @media all and (min-width: 1220px) {
        .paragraph-story__text:before {
          right: -32px; } }
    .paragraph-story__text:after {
      width: 50%;
      height: 32px;
      bottom: -32px;
      right: 0; }
      @media all and (min-width: 1220px) {
        .paragraph-story__text:after {
          right: -32px; } }
  .paragraph-story[data-paragraph-image-position="right"] .paragraph-story__background::before {
    right: -32px;
    left: auto; }
  @media all and (min-width: 1220px) {
    .paragraph-story[data-paragraph-image-position="right"] .paragraph-story__text-wrapper {
      padding-left: 40px; } }
  .paragraph-story[data-paragraph-image-position="right"] .paragraph-story__text:before {
    left: 0;
    right: auto; }
    @media all and (min-width: 1220px) {
      .paragraph-story[data-paragraph-image-position="right"] .paragraph-story__text:before {
        left: -32px; } }
  .paragraph-story[data-paragraph-image-position="right"] .paragraph-story__text:after {
    left: -32px;
    right: auto; }
  .paragraph-story[data-paragraph-invert="yes"] .paragraph-story__background:before {
    background-color: black;
    mix-blend-mode: overlay; }
  .paragraph-story[data-paragraph-invert="yes"] .paragraph-story__text:before, .paragraph-story[data-paragraph-invert="yes"] .paragraph-story__text:after {
    background-color: black;
    mix-blend-mode: overlay; }

.paragraph-text-and-image {
  max-width: 1170px;
  margin: 0 auto; }

.paragraph-text-and-image,
.paragraph-story {
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 auto;
  overflow: hidden; }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-image,
    .paragraph-story {
      min-height: 640px; } }
  .paragraph-text-and-image__container,
  .paragraph-story__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%; }
    @media all and (min-width: 1220px) {
      .paragraph-text-and-image__container,
      .paragraph-story__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap; } }
  .paragraph-text-and-image__background,
  .paragraph-story__background {
    min-height: 300px;
    width: 100%; }
    @media all and (min-width: 1220px) {
      .paragraph-text-and-image__background,
      .paragraph-story__background {
        width: 50%; } }
    .paragraph-text-and-image__background-wrap,
    .paragraph-story__background-wrap {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%; }
    .paragraph-text-and-image__background[data-paragraph-fit="yes"] .paragraph-text-and-image,
    .paragraph-text-and-image__background[data-paragraph-fit="yes"] .paragraph-story,
    .paragraph-story__background[data-paragraph-fit="yes"] .paragraph-text-and-image,
    .paragraph-story__background[data-paragraph-fit="yes"] .paragraph-story {
      background-size: contain; }
  .paragraph-text-and-image__field-video-media,
  .paragraph-story__field-video-media {
    width: 100%; }
    @media all and (min-width: 1220px) {
      .paragraph-text-and-image__field-video-media,
      .paragraph-story__field-video-media {
        width: 50%; }
        .paragraph-text-and-image__field-video-media .media-video__field-media-file-item,
        .paragraph-story__field-video-media .media-video__field-media-file-item {
          text-align: right; } }
    .paragraph-text-and-image__field-video-media *,
    .paragraph-story__field-video-media * {
      height: 100%; }
  .paragraph-text-and-image__field-background-image,
  .paragraph-story__field-background-image {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: 200px; }
    .paragraph-text-and-image__field-background-image img,
    .paragraph-story__field-background-image img {
      display: block; }
  .paragraph-text-and-image__text,
  .paragraph-story__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .paragraph-text-and-image__text-wrapper,
    .paragraph-story__text-wrapper {
      max-width: 609px;
      padding: 48px 40px;
      width: 100%; }
      @media all and (min-width: 1220px) {
        .paragraph-text-and-image__text-wrapper,
        .paragraph-story__text-wrapper {
          padding: 96px 24px; } }
    .paragraph-text-and-image__text > div:last-of-type,
    .paragraph-story__text > div:last-of-type {
      margin-bottom: 0; }
    @media all and (min-width: 1220px) {
      .paragraph-text-and-image__text,
      .paragraph-story__text {
        width: 50%; } }
  .paragraph-text-and-image[data-paragraph-image-position="left"] .paragraph-text-and-image__text-wrapper,
  .paragraph-text-and-image[data-paragraph-image-position="left"] .paragraph-story__text-wrapper,
  .paragraph-text-and-image[data-paragraph-image-position="left"] .paragraph-text-and-video__text-wrapper,
  .paragraph-story[data-paragraph-image-position="left"] .paragraph-text-and-image__text-wrapper,
  .paragraph-story[data-paragraph-image-position="left"] .paragraph-story__text-wrapper,
  .paragraph-story[data-paragraph-image-position="left"] .paragraph-text-and-video__text-wrapper {
    margin-left: 0;
    margin-right: auto; }
    @media all and (min-width: 1220px) {
      .paragraph-text-and-image[data-paragraph-image-position="left"] .paragraph-text-and-image__text-wrapper,
      .paragraph-text-and-image[data-paragraph-image-position="left"] .paragraph-story__text-wrapper,
      .paragraph-text-and-image[data-paragraph-image-position="left"] .paragraph-text-and-video__text-wrapper,
      .paragraph-story[data-paragraph-image-position="left"] .paragraph-text-and-image__text-wrapper,
      .paragraph-story[data-paragraph-image-position="left"] .paragraph-story__text-wrapper,
      .paragraph-story[data-paragraph-image-position="left"] .paragraph-text-and-video__text-wrapper {
        padding-left: 46px; } }
  .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-text-and-image__text-wrapper,
  .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-story__text-wrapper,
  .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-text-and-video__text-wrapper,
  .paragraph-story[data-paragraph-image-position="right"] .paragraph-text-and-image__text-wrapper,
  .paragraph-story[data-paragraph-image-position="right"] .paragraph-story__text-wrapper,
  .paragraph-story[data-paragraph-image-position="right"] .paragraph-text-and-video__text-wrapper {
    margin-right: 0;
    margin-left: auto; }
    @media all and (min-width: 1220px) {
      .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-text-and-image__text-wrapper,
      .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-story__text-wrapper,
      .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-text-and-video__text-wrapper,
      .paragraph-story[data-paragraph-image-position="right"] .paragraph-text-and-image__text-wrapper,
      .paragraph-story[data-paragraph-image-position="right"] .paragraph-story__text-wrapper,
      .paragraph-story[data-paragraph-image-position="right"] .paragraph-text-and-video__text-wrapper {
        padding-right: 46px; } }
  .paragraph-text-and-image[data-paragraph-fit="yes"] .paragraph-text-and-image__background-wrap,
  .paragraph-text-and-image[data-paragraph-fit="yes"] .paragraph-story__background-wrap,
  .paragraph-text-and-image[data-paragraph-fit="yes"] .paragraph-text-and-video__background-wrap,
  .paragraph-story[data-paragraph-fit="yes"] .paragraph-text-and-image__background-wrap,
  .paragraph-story[data-paragraph-fit="yes"] .paragraph-story__background-wrap,
  .paragraph-story[data-paragraph-fit="yes"] .paragraph-text-and-video__background-wrap {
    background-size: contain; }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-image[data-paragraph-image-without-background="yes"][data-paragraph-image-position="left"][data-paragraph-fluid="no"] .paragraph-text-and-image__background-wrap,
    .paragraph-story[data-paragraph-image-without-background="yes"][data-paragraph-image-position="left"][data-paragraph-fluid="no"] .paragraph-text-and-image__background-wrap {
      margin-right: 46px; } }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-image[data-paragraph-image-without-background="yes"][data-paragraph-image-position="right"][data-paragraph-fluid="no"] .paragraph-text-and-image__background-wrap,
    .paragraph-story[data-paragraph-image-without-background="yes"][data-paragraph-image-position="right"][data-paragraph-fluid="no"] .paragraph-text-and-image__background-wrap {
      margin-left: 46px; } }
  .paragraph-text-and-image[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-text-and-image__background-wrap,
  .paragraph-text-and-image[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-story__background-wrap,
  .paragraph-text-and-image[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-text-and-video__background-wrap,
  .paragraph-story[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-text-and-image__background-wrap,
  .paragraph-story[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-story__background-wrap,
  .paragraph-story[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-text-and-video__background-wrap {
    background-position: center; }
    @media all and (min-width: 1220px) {
      .paragraph-text-and-image[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-text-and-image__background-wrap,
      .paragraph-text-and-image[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-story__background-wrap,
      .paragraph-text-and-image[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-text-and-video__background-wrap,
      .paragraph-story[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-text-and-image__background-wrap,
      .paragraph-story[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-story__background-wrap,
      .paragraph-story[data-paragraph-fit="yes"][data-paragraph-image-position="left"] .paragraph-text-and-video__background-wrap {
        background-position: center right; } }
  .paragraph-text-and-image[data-paragraph-fit="yes"][data-paragraph-image-position="right"] .paragraph-text-and-image__background-wrap,
  .paragraph-text-and-image[data-paragraph-fit="yes"][data-paragraph-image-position="right"] .paragraph-story__background-wrap,
  .paragraph-story[data-paragraph-fit="yes"][data-paragraph-image-position="right"] .paragraph-text-and-image__background-wrap,
  .paragraph-story[data-paragraph-fit="yes"][data-paragraph-image-position="right"] .paragraph-story__background-wrap {
    background-position: center; }
    @media all and (min-width: 1220px) {
      .paragraph-text-and-image[data-paragraph-fit="yes"][data-paragraph-image-position="right"] .paragraph-text-and-image__background-wrap,
      .paragraph-text-and-image[data-paragraph-fit="yes"][data-paragraph-image-position="right"] .paragraph-story__background-wrap,
      .paragraph-story[data-paragraph-fit="yes"][data-paragraph-image-position="right"] .paragraph-text-and-image__background-wrap,
      .paragraph-story[data-paragraph-fit="yes"][data-paragraph-image-position="right"] .paragraph-story__background-wrap {
        background-position: center left; } }
  .paragraph-text-and-image h1 .paragraph-text-and-image__field-title,
  .paragraph-text-and-image h1 .paragraph-story__field-title,
  .paragraph-text-and-image h1 .paragraph-text-and-video__field-title,
  .paragraph-story h1 .paragraph-text-and-image__field-title,
  .paragraph-story h1 .paragraph-story__field-title,
  .paragraph-story h1 .paragraph-text-and-video__field-title {
    font-size: 36px;
    margin: 0; }
    @media all and (min-width: 1220px) {
      .paragraph-text-and-image h1 .paragraph-text-and-image__field-title,
      .paragraph-text-and-image h1 .paragraph-story__field-title,
      .paragraph-text-and-image h1 .paragraph-text-and-video__field-title,
      .paragraph-story h1 .paragraph-text-and-image__field-title,
      .paragraph-story h1 .paragraph-story__field-title,
      .paragraph-story h1 .paragraph-text-and-video__field-title {
        font-size: 72px; } }
  .paragraph-text-and-image__field-title,
  .paragraph-story__field-title {
    font-size: 32px;
    color: #08162A;
    margin-bottom: 16px;
    font-weight: 700; }
    @media all and (min-width: 1220px) {
      .paragraph-text-and-image__field-title,
      .paragraph-story__field-title {
        font-size: 38px; } }
  .paragraph-text-and-image__field-body,
  .paragraph-story__field-body {
    margin-bottom: 16px; }
    .paragraph-text-and-image__field-body p:last-of-type,
    .paragraph-story__field-body p:last-of-type {
      margin: 0; }
    .paragraph-text-and-image__field-body blockquote,
    .paragraph-story__field-body blockquote {
      margin: 0;
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 16px; }
      .paragraph-text-and-image__field-body blockquote p,
      .paragraph-story__field-body blockquote p {
        line-height: 1.3; }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-text-and-image__text,
    .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-story__text,
    .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-text-and-video__text,
    .paragraph-story[data-paragraph-image-position="right"] .paragraph-text-and-image__text,
    .paragraph-story[data-paragraph-image-position="right"] .paragraph-story__text,
    .paragraph-story[data-paragraph-image-position="right"] .paragraph-text-and-video__text {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; } }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-text-and-image__background,
    .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-story__background,
    .paragraph-text-and-image[data-paragraph-image-position="right"] .paragraph-text-and-video__background,
    .paragraph-story[data-paragraph-image-position="right"] .paragraph-text-and-image__background,
    .paragraph-story[data-paragraph-image-position="right"] .paragraph-story__background,
    .paragraph-story[data-paragraph-image-position="right"] .paragraph-text-and-video__background {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; } }
  .paragraph-text-and-image[data-paragraph-invert="yes"],
  .paragraph-story[data-paragraph-invert="yes"] {
    background-color: #d40e14;
    color: white; }
    .paragraph-text-and-image[data-paragraph-invert="yes"] .paragraph-text-and-image__field-title,
    .paragraph-text-and-image[data-paragraph-invert="yes"] .paragraph-story__field-title,
    .paragraph-text-and-image[data-paragraph-invert="yes"] .paragraph-text-and-video__field-title,
    .paragraph-story[data-paragraph-invert="yes"] .paragraph-text-and-image__field-title,
    .paragraph-story[data-paragraph-invert="yes"] .paragraph-story__field-title,
    .paragraph-story[data-paragraph-invert="yes"] .paragraph-text-and-video__field-title {
      color: white; }
    .paragraph-text-and-image[data-paragraph-invert="yes"] .paragraph-text-and-image__title:before,
    .paragraph-text-and-image[data-paragraph-invert="yes"] .paragraph-story__title:before,
    .paragraph-text-and-image[data-paragraph-invert="yes"] .paragraph-text-and-video__title:before,
    .paragraph-story[data-paragraph-invert="yes"] .paragraph-text-and-image__title:before,
    .paragraph-story[data-paragraph-invert="yes"] .paragraph-story__title:before,
    .paragraph-story[data-paragraph-invert="yes"] .paragraph-text-and-video__title:before {
      background-image: url(../images/story--white.svg); }
  .paragraph-text-and-image[data-paragraph-fluid="yes"],
  .paragraph-story[data-paragraph-fluid="yes"] {
    max-width: 100%;
    border-radius: 0;
    box-shadow: none; }
    .paragraph-text-and-image[data-paragraph-fluid="yes"] .paragraph-text-and-image__container,
    .paragraph-text-and-image[data-paragraph-fluid="yes"] .paragraph-story__container,
    .paragraph-text-and-image[data-paragraph-fluid="yes"] .paragraph-text-and-video__container,
    .paragraph-story[data-paragraph-fluid="yes"] .paragraph-text-and-image__container,
    .paragraph-story[data-paragraph-fluid="yes"] .paragraph-story__container,
    .paragraph-story[data-paragraph-fluid="yes"] .paragraph-text-and-video__container {
      width: 100%; }
    .paragraph-text-and-image[data-paragraph-fluid="yes"] .paragraph-text-and-image__text-wrapper,
    .paragraph-text-and-image[data-paragraph-fluid="yes"] .paragraph-story__text-wrapper,
    .paragraph-text-and-image[data-paragraph-fluid="yes"] .paragraph-text-and-video__text-wrapper,
    .paragraph-story[data-paragraph-fluid="yes"] .paragraph-text-and-image__text-wrapper,
    .paragraph-story[data-paragraph-fluid="yes"] .paragraph-story__text-wrapper,
    .paragraph-story[data-paragraph-fluid="yes"] .paragraph-text-and-video__text-wrapper {
      max-width: 800px;
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }

.paragraph-story__text-wrapper {
  padding: 48px 48px; }
  @media all and (min-width: 1220px) {
    .paragraph-story__text-wrapper {
      padding: 96px 24px; } }

@media all and (min-width: 1220px) {
  .paragraph-text-and-video {
    min-height: 640px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 0 auto;
    overflow: hidden; } }

.paragraph-text-and-video__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-video__container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      width: 100%; } }

.paragraph-text-and-video__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .paragraph-text-and-video__text-wrapper {
    max-width: 585px;
    padding: 48px 40px; }
    @media all and (min-width: 1220px) {
      .paragraph-text-and-video__text-wrapper {
        padding: 96px 24px; } }
  .paragraph-text-and-video__text > div:last-of-type {
    margin-bottom: 0; }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-video__text {
      width: 50%; } }

.paragraph-text-and-video__field-title {
  font-size: 32px;
  color: #08162A;
  margin-bottom: 16px;
  font-weight: 700; }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-video__field-title {
      font-size: 38px; } }

.paragraph-text-and-video__field-video-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-video__field-video-media {
      width: 50%; } }
  .paragraph-text-and-video__field-video-media .media-video__field-media-file {
    text-align: center; }
    @media all and (max-width: 1024px) {
      .paragraph-text-and-video__field-video-media .media-video__field-media-file video {
        width: 90%;
        min-height: 360px;
        height: auto; } }
  .paragraph-text-and-video__field-video-media .media-youtube__field-media-oembed-video iframe {
    max-width: 640px;
    max-height: 360px; }

.paragraph-text-and-video[data-paragraph-fluid="yes"] .paragraph-text-and-video__field-video-media {
  width: 100%; }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-video[data-paragraph-fluid="yes"] .paragraph-text-and-video__field-video-media {
      width: 50%; } }
  .paragraph-text-and-video[data-paragraph-fluid="yes"] .paragraph-text-and-video__field-video-media .media-video__field-media-file video {
    width: 100%; }
  .paragraph-text-and-video[data-paragraph-fluid="yes"] .paragraph-text-and-video__field-video-media * {
    height: 100%; }
  .paragraph-text-and-video[data-paragraph-fluid="yes"] .paragraph-text-and-video__field-video-media iframe {
    max-width: 100%;
    max-height: 100%; }

.paragraph-text-and-video[data-paragraph-fluid="yes"] .paragraph-text-and-video__text-wrapper {
  max-width: 924px; }

.paragraph-text-and-video[data-paragraph-video-position="right"] .paragraph-text-and-video__text {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.paragraph-text-and-video[data-paragraph-video-position="right"] .paragraph-text-and-video__field-video-media {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-video[data-paragraph-video-position="right"] .paragraph-text-and-video__field-video-media .media-video__field-media-file-item {
      text-align: left; }
    .paragraph-text-and-video[data-paragraph-video-position="right"] .paragraph-text-and-video__field-video-media iframe {
      margin-left: 0;
      margin-right: auto; } }

.paragraph-text-and-video[data-paragraph-video-position="left"] .paragraph-text-and-video__text-wrapper {
  margin-left: 0;
  margin-right: auto; }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-video[data-paragraph-video-position="left"] .paragraph-text-and-video__text-wrapper {
      padding-left: 96px; } }

@media all and (min-width: 1220px) {
  .paragraph-text-and-video[data-paragraph-video-position="left"] .paragraph-text-and-video__field-video-media iframe {
    margin-right: 0;
    margin-left: auto; } }

.paragraph-text-and-video[data-paragraph-video-position="right"] .paragraph-text-and-video__text-wrapper {
  margin-right: 0;
  margin-left: auto; }
  @media all and (min-width: 1220px) {
    .paragraph-text-and-video[data-paragraph-video-position="right"] .paragraph-text-and-video__text-wrapper {
      padding-right: 96px; } }

.paragraph-text-and-video[data-paragraph-fit="yes"][data-paragraph-video-position="left"] .paragraph-text-and-video__background {
  background-position: center right; }

.paragraph-text-and-video[data-paragraph-fit="yes"][data-paragraph-video-position="right"] .paragraph-text-and-video__background {
  background-position: center left; }

[data-paragraph-fluid="yes"][style*="background"] {
  margin: 0 auto; }

.paragraph-text {
  padding: 32px 0; }
  @media all and (min-width: 1220px) {
    .paragraph-text h2 {
      font-size: 42px; }
    .paragraph-text h3 {
      font-size: 28px; } }
  .paragraph-text__container {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
    padding: 0 24px; }
    @media all and (min-width: 1220px) {
      .paragraph-text__container {
        padding: 0; } }
  .paragraph-text a {
    font-weight: 700; }
    .paragraph-text a:hover {
      text-decoration: none; }
  .paragraph-text video {
    width: 100%;
    height: auto; }

.button {
  font-weight: 700; }
  .button--primary a {
    display: inline-block;
    color: white;
    font-weight: 700;
    border-radius: 4px;
    padding: 12px 16px 8px;
    background-color: #d40e14;
    border: 2px solid #d40e14;
    line-height: 24px;
    box-shadow: none; }
    .button--primary a:hover {
      text-decoration: none;
      border-color: #ad030f;
      background-color: #ad030f; }
  .button--underline a {
    display: inline-block;
    border-bottom: 2px solid rgba(212, 14, 20, 0.5);
    font-weight: 700; }
    .button--underline a:hover {
      text-decoration: none;
      border-color: #d40e14; }
  .button--arrow a {
    display: inline-block;
    font-weight: 700; }
    .button--arrow a:after {
      content: "";
      display: inline-block;
      width: 24px;
      height: 24px;
      background-image: url("../images/arrow.svg");
      background-repeat: no-repeat;
      background-position: center -2px;
      background-size: 24px;
      vertical-align: middle;
      -webkit-transition: 0.4s ease;
      transition: 0.4s ease; }
    .button--arrow a:hover {
      text-decoration: none; }
      .button--arrow a:hover:after {
        -webkit-transform: translateX(8px);
                transform: translateX(8px); }
  .button-download, .button--download {
    position: relative;
    padding-left: 36px; }
    .button-download:before, .button--download:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      margin-right: 8px;
      width: 24px;
      height: 24px;
      background-image: url("../images/download.svg");
      background-repeat: no-repeat;
      background-size: 24px;
      background-position: center;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .button-download a, .button--download a {
      display: inline-block;
      color: #3B4150;
      border-bottom: 2px solid transparent; }
      .button-download a:hover, .button--download a:hover {
        text-decoration: none;
        border-bottom: 2px solid #d40e14; }

.block-cheeseburgermenu-container {
  bottom: 0;
  width: 100%; }

.cheeseburger-menu__side-trigger {
  min-height: initial;
  padding: 12px 0; }
  .cheeseburger-menu__side-trigger svg {
    fill: #d40e14;
    margin: 0 0 0 auto; }

.cheeseburger-menu__main-navigation-area {
  height: 100%;
  padding: 24px 32px 48px;
  font-size: 20px; }
  .cheeseburger-menu__main-navigation-area > div {
    margin: 0; }
  .cheeseburger-menu__main-navigation-area ul {
    padding: 16px 0; }

.cheeseburger-menu__item {
  padding: 0; }
  .cheeseburger-menu__item-label {
    padding: 16px 0;
    font-weight: 700; }
  .cheeseburger-menu__item--is-expanded ul {
    background-color: transparent; }
  .cheeseburger-menu__item--is-expanded > .cheeseburger-menu__submenu-trigger .dropdown {
    background-image: url("../images/arrow--up.svg"); }

.cheeseburger-menu__submenu {
  padding: 0 0 0 24px !important; }
  .cheeseburger-menu__submenu-trigger-icon {
    margin: 0;
    width: 40px;
    height: 24px;
    background-image: url("../images/arrow--down.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right center; }
    .cheeseburger-menu__submenu-trigger-icon:before, .cheeseburger-menu__submenu-trigger-icon:after {
      display: none; }

.cheeseburger-menu__mainmenu {
  margin: 0; }
  .cheeseburger-menu__mainmenu > li {
    padding: 0; }
  .cheeseburger-menu__mainmenu > li.cheeseburger-menu__item > .cheeseburger-menu__item-label {
    font-weight: 400;
    padding: 8px 0;
    color: #08162A; }
  .cheeseburger-menu__mainmenu > li.cheeseburger-menu__item .cheeseburger-menu__submenu .cheeseburger-menu__item-label {
    padding: 4px 0;
    color: #3B4150;
    font-weight: 400;
    opacity: 0.75;
    font-size: 18px; }

.block-sociallinks__menu__item {
  display: inline-block;
  margin-right: 8px; }
  .block-sociallinks__menu__item__link {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #565656;
    border-radius: 100%;
    text-indent: -9999px;
    position: relative; }
    .block-sociallinks__menu__item__link:after {
      content: "";
      display: block;
      width: 40px;
      height: 40px;
      background-image: url("../images/icons/social-networks/link.svg");
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      -webkit-transition: 0.4s ease;
      transition: 0.4s ease;
      position: absolute;
      top: 0;
      left: 0; }
    .block-sociallinks__menu__item__link[href*="facebook"]:after {
      background-image: url(../images/icons/social-networks/facebook.svg); }
    .block-sociallinks__menu__item__link[href*="foursquare"]:after {
      background-image: url(../images/icons/social-networks/foursquare.svg); }
    .block-sociallinks__menu__item__link[href*="instagram"]:after {
      background-image: url(../images/icons/social-networks/instagram.svg); }
    .block-sociallinks__menu__item__link[href*="linkedin"]:after {
      background-image: url(../images/icons/social-networks/linkedin.svg); }
    .block-sociallinks__menu__item__link[href*="messenger"]:after {
      background-image: url(../images/icons/social-networks/messenger.svg); }
    .block-sociallinks__menu__item__link[href*="pinterest"]:after {
      background-image: url(../images/icons/social-networks/pinterest.svg); }
    .block-sociallinks__menu__item__link[href*="skype"]:after {
      background-image: url(../images/icons/social-networks/skype.svg); }
    .block-sociallinks__menu__item__link[href*="snapchat"]:after {
      background-image: url(../images/icons/social-networks/snapchat.svg); }
    .block-sociallinks__menu__item__link[href*="twitter"]:after {
      background-image: url(../images/icons/social-networks/twitter.svg); }
    .block-sociallinks__menu__item__link[href*="whatsapp"]:after {
      background-image: url(../images/icons/social-networks/whatsapp.svg); }
    .block-sociallinks__menu__item__link[href*="youtube"]:after {
      background-image: url(../images/icons/social-networks/youtube.svg); }
    .block-sociallinks__menu__item__link[href*="mailto"]:after {
      background-image: url(../images/icons/social-networks/mail.svg); }
    .block-sociallinks__menu__item__link:hover {
      background-color: white; }
      .block-sociallinks__menu__item__link:hover:after {
        -webkit-filter: invert(100%);
                filter: invert(100%); }

.block-languagemenu {
  display: none; }
  @media all and (min-width: 1024px) {
    .block-languagemenu {
      display: block; } }

.block-mainnavigation__menu {
  padding: 0;
  margin: 0;
  list-style: none; }
  .block-mainnavigation__menu-item {
    display: inline-block;
    margin-right: 5px; }
    .block-mainnavigation__menu-item a {
      display: block;
      padding: 4px;
      font-weight: 700;
      text-transform: uppercase;
      color: white;
      font-size: 0.75rem;
      line-height: 1.3;
      border-radius: 4px; }
      .block-mainnavigation__menu-item a:hover {
        text-decoration: none;
        background-color: white;
        color: #d40e14; }
      @media all and (min-width: 1220px) {
        .block-mainnavigation__menu-item a {
          padding: 6px 8px 2px;
          font-weight: 700; } }
      .block-mainnavigation__menu-item a.is-active {
        background-color: white;
        color: #d40e14; }
    .block-mainnavigation__menu-item--active-trail a {
      background-color: white;
      color: #d40e14; }

.region-primary-navigation {
  display: none; }
  @media all and (min-width: 1220px) {
    .region-primary-navigation {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .region-primary-navigation .block .menu {
        padding: 0;
        margin: 0;
        list-style: none; }
        .region-primary-navigation .block .menu-item {
          display: inline-block;
          position: relative;
          margin: 0 24px 0 8px; }
          .region-primary-navigation .block .menu-item[class*="--expanded"] span:after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 24px;
            background-image: url("../images/dropdown.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: 24px;
            -webkit-transition: 0.4s ease;
            transition: 0.4s ease;
            margin-top: -2px; }
          .region-primary-navigation .block .menu-item[class*="--expanded"] > a {
            display: none; }
          .region-primary-navigation .block .menu-item a,
          .region-primary-navigation .block .menu-item span {
            color: #08162A;
            font-weight: 700;
            display: block;
            padding: 16px 0;
            cursor: default; }
          .region-primary-navigation .block .menu-item a {
            cursor: pointer; }
        .region-primary-navigation .block .menu[class*="__submenu"] > .menu-item > .menu {
          -webkit-transform: translate(-48px, 0);
                  transform: translate(-48px, 0);
          position: absolute;
          top: 48px;
          left: 0;
          padding: 8px 0;
          background-color: #d40e14;
          border-radius: 4px;
          overflow: hidden;
          opacity: 0;
          -webkit-transition: 0.4s ease;
          transition: 0.4s ease;
          -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;
          transition-property: opacity, transform, -webkit-transform;
          z-index: 2;
          display: none; }
          .region-primary-navigation .block .menu[class*="__submenu"] > .menu-item > .menu .menu-item {
            display: block;
            margin: 0; }
            .region-primary-navigation .block .menu[class*="__submenu"] > .menu-item > .menu .menu-item a {
              color: white;
              white-space: nowrap;
              display: block;
              padding: 8px 48px 8px 16px; }
              .region-primary-navigation .block .menu[class*="__submenu"] > .menu-item > .menu .menu-item a:hover {
                background-color: #ad030f;
                text-decoration: none; }
          .region-primary-navigation .block .menu[class*="__submenu"] > .menu-item > .menu:before {
            content: "";
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 8px 8px 8px;
            border-color: transparent transparent #d40e14 transparent;
            top: -8px;
            left: 8px; }
        .region-primary-navigation .block .menu[class*="__submenu"] > .menu-item:hover > .menu {
          display: block;
          opacity: 1;
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
          width: auto;
          -webkit-transition: 0.4s ease;
          transition: 0.4s ease;
          -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;
          transition-property: opacity, transform, -webkit-transform; }
        .region-primary-navigation .block .menu[class*="__submenu"] > .menu-item:hover span:after {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); } }

.block-secondary {
  display: inline-block; }
  .block-secondary__menu {
    padding: 0;
    margin: 0;
    list-style: none; }
    @media all and (min-width: 1220px) {
      .block-secondary__menu {
        padding-top: 3px; } }
    .block-secondary__menu-item {
      display: inline-block;
      margin-left: 16px; }
      .block-secondary__menu-item a {
        font-size: 0.8125rem;
        line-height: 1;
        color: white; }
        .block-secondary__menu-item a:hover {
          text-decoration: none;
          color: white;
          opacity: 0.8; }

.block-languagemenu {
  display: inline-block;
  margin-left: 8px; }
  .block-languagemenu__items {
    padding: 0;
    margin: 0;
    list-style: none; }
  .block-languagemenu__item {
    display: inline-block;
    margin-left: 8px; }
  .block-languagemenu .language-link {
    display: block;
    padding: 6px 8px 2px;
    color: white;
    font-weight: 700;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 13px; }
    .block-languagemenu .language-link:hover {
      text-decoration: none; }
    .block-languagemenu .language-link.is-active, .block-languagemenu .language-link:hover {
      background-color: white;
      color: #d40e14; }

a[highlighted="yes"] {
  color: #d40e14;
  font-weight: 700; }

.block-stanovnistvoebanking,
.block-biznisebanking,
.block-poljoprivredaebanking {
  position: relative;
  display: none; }
  .block-stanovnistvoebanking > .menu,
  .block-biznisebanking > .menu,
  .block-poljoprivredaebanking > .menu {
    padding-left: 16px;
    margin: 0; }
  @media all and (min-width: 1220px) {
    .block-stanovnistvoebanking,
    .block-biznisebanking,
    .block-poljoprivredaebanking {
      display: block; }
      .block-stanovnistvoebanking > .menu,
      .block-biznisebanking > .menu,
      .block-poljoprivredaebanking > .menu {
        margin: 8px 0;
        padding-left: 32px; } }
  .block-stanovnistvoebanking__menu,
  .block-biznisebanking__menu,
  .block-poljoprivredaebanking__menu {
    padding-left: 0; }
    .block-stanovnistvoebanking__menu-item > a,
    .block-stanovnistvoebanking__menu-item > span,
    .block-biznisebanking__menu-item > a,
    .block-biznisebanking__menu-item > span,
    .block-poljoprivredaebanking__menu-item > a,
    .block-poljoprivredaebanking__menu-item > span {
      display: inline-block;
      color: white;
      font-weight: 700;
      border-radius: 4px;
      padding: 12px 16px 8px;
      background-color: #d40e14;
      border: 2px solid #d40e14;
      line-height: 24px;
      box-shadow: none;
      margin: 0;
      padding: 8px 12px; }
      .block-stanovnistvoebanking__menu-item > a:hover,
      .block-stanovnistvoebanking__menu-item > span:hover,
      .block-biznisebanking__menu-item > a:hover,
      .block-biznisebanking__menu-item > span:hover,
      .block-poljoprivredaebanking__menu-item > a:hover,
      .block-poljoprivredaebanking__menu-item > span:hover {
        text-decoration: none;
        border-color: #ad030f;
        background-color: #ad030f; }
      @media all and (min-width: 1220px) {
        .block-stanovnistvoebanking__menu-item > a,
        .block-stanovnistvoebanking__menu-item > span,
        .block-biznisebanking__menu-item > a,
        .block-biznisebanking__menu-item > span,
        .block-poljoprivredaebanking__menu-item > a,
        .block-poljoprivredaebanking__menu-item > span {
          padding: 8px 12px; } }
      .block-stanovnistvoebanking__menu-item > a:hover,
      .block-stanovnistvoebanking__menu-item > span:hover,
      .block-biznisebanking__menu-item > a:hover,
      .block-biznisebanking__menu-item > span:hover,
      .block-poljoprivredaebanking__menu-item > a:hover,
      .block-poljoprivredaebanking__menu-item > span:hover {
        cursor: pointer;
        background-color: #ad030f;
        color: white; }
    .block-stanovnistvoebanking__menu-item--expanded span,
    .block-biznisebanking__menu-item--expanded span,
    .block-poljoprivredaebanking__menu-item--expanded span {
      padding-right: 8px; }
      .block-stanovnistvoebanking__menu-item--expanded span:after,
      .block-biznisebanking__menu-item--expanded span:after,
      .block-poljoprivredaebanking__menu-item--expanded span:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        background-image: url("../images/dropdown--white.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px;
        -webkit-transition: 0.4s ease;
        transition: 0.4s ease;
        margin-top: -2px; }
    .block-stanovnistvoebanking__menu-item--expanded > .menu,
    .block-biznisebanking__menu-item--expanded > .menu,
    .block-poljoprivredaebanking__menu-item--expanded > .menu {
      display: none; }
    .block-stanovnistvoebanking__menu-item--expanded--open span,
    .block-biznisebanking__menu-item--expanded--open span,
    .block-poljoprivredaebanking__menu-item--expanded--open span {
      border-radius: 4px 4px 0 0; }
    .block-stanovnistvoebanking__menu-item--expanded--open > .menu,
    .block-biznisebanking__menu-item--expanded--open > .menu,
    .block-poljoprivredaebanking__menu-item--expanded--open > .menu {
      display: block; }
  .block-stanovnistvoebanking__submenu,
  .block-biznisebanking__submenu,
  .block-poljoprivredaebanking__submenu {
    text-align: right;
    position: absolute;
    top: 45px;
    right: 0;
    padding: 0;
    background-color: white;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 212px;
    z-index: 2;
    border-radius: 4px 0 4px 4px;
    overflow: hidden; }
    @media all and (min-width: 1220px) {
      .block-stanovnistvoebanking__submenu,
      .block-biznisebanking__submenu,
      .block-poljoprivredaebanking__submenu {
        top: 52px; } }
    .block-stanovnistvoebanking__submenu-item a,
    .block-biznisebanking__submenu-item a,
    .block-poljoprivredaebanking__submenu-item a {
      display: block;
      font-weight: 700;
      padding: 12px 24px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      background-color: #d40e14;
      color: white; }
      .block-stanovnistvoebanking__submenu-item a:hover,
      .block-biznisebanking__submenu-item a:hover,
      .block-poljoprivredaebanking__submenu-item a:hover {
        text-decoration: none;
        background-color: #ad030f;
        color: white; }
    .block-stanovnistvoebanking__submenu-item:last-of-type a,
    .block-biznisebanking__submenu-item:last-of-type a,
    .block-poljoprivredaebanking__submenu-item:last-of-type a {
      border: none; }

.block-useraccountmenu {
  display: none; }
  @media all and (min-width: 1024px) {
    .block-useraccountmenu {
      display: block; }
      .block-useraccountmenu__menu {
        padding: 0;
        margin: 0;
        text-align: right;
        height: 48px;
        line-height: 48px; }
        .block-useraccountmenu__menu-item {
          display: inline-block; }
          .block-useraccountmenu__menu-item-link {
            font-size: 16px;
            font-weight: 700;
            color: black !important;
            -webkit-transition: 0.4s ease;
            transition: 0.4s ease; }
            .block-useraccountmenu__menu-item-link:hover {
              color: #d40e14 !important;
              text-decoration: none; }
            .block-useraccountmenu__menu-item-link:after {
              content: "/";
              margin: 0 4px 0 8px;
              color: #3B4150;
              opacity: 0.2; }
          .block-useraccountmenu__menu-item:last-of-type .block-useraccountmenu__menu-item-link:after {
            content: ""; } }

.region-user-navigation {
  display: none; }
  @media all and (min-width: 1220px) {
    .region-user-navigation {
      display: inherit; } }

.view-news-page-1 {
  margin: 32px auto; }
  @media all and (min-width: 1220px) {
    .view-news-page-1 {
      margin: 72px 0; } }
  .view-news-page-1__filters, .view-news-page-1__content {
    max-width: 1170px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 32px;
    padding: 0 24px; }
    @media all and (min-width: 1220px) {
      .view-news-page-1__filters, .view-news-page-1__content {
        padding: 0; } }
  .view-news-page-1__row {
    width: 100%;
    margin-bottom: 32px; }
    @media all and (min-width: 1220px) {
      .view-news-page-1__row {
        width: calc(calc(100% / 3) - calc(64px / 3)); } }
  .view-news-page-1 .pager {
    text-align: center; }

#views-exposed-form-news-page-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px; }
  #views-exposed-form-news-page-1 .form-actions {
    margin-bottom: 16px; }
    #views-exposed-form-news-page-1 .form-actions button {
      padding: 14px 16px; }

.node-news-teaser {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: 1s ease;
  transition: 1s ease; }
  .node-news-teaser:hover {
    box-shadow: 0 0 48px rgba(0, 0, 0, 0.1); }
  .node-news-teaser__title {
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 8px; }
    .node-news-teaser__title-link {
      color: #08162A; }
      .node-news-teaser__title-link:hover {
        color: #d40e14;
        text-decoration: none; }
  .node-news-teaser__content {
    padding: 24px; }
  .node-news-teaser__field-image img {
    display: block; }
  .node-news-teaser__field-type {
    margin-bottom: 8px;
    color: #d40e14;
    font-weight: 700;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .node-news-teaser__submitted {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 24px; }
    .node-news-teaser__submitted span {
      color: #3B4150;
      font-size: 0.8125rem; }
  .node-news-teaser__links .links {
    margin: 0;
    padding: 0; }

.node-news-full {
  margin: 0 0 72px; }
  @media all and (min-width: 1220px) {
    .node-news-full h2 {
      font-size: 42px; }
    .node-news-full h3 {
      font-size: 28px; } }
  .node-news-full__title {
    margin-top: 0;
    padding: 96px 24px;
    color: white;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    @media all and (min-width: 1220px) {
      .node-news-full__title {
        padding: 128px 0; } }
    .node-news-full__title span {
      display: block;
      max-width: 1170px;
      margin: 0 auto; }
  .node-news-full__meta {
    margin-bottom: 24px;
    padding: 0 24px; }
    @media all and (min-width: 1220px) {
      .node-news-full__meta {
        padding: 0;
        text-align: center; } }
  .node-news-full__content {
    max-width: 1170px;
    margin: 0 auto; }
  .node-news-full__field-subtitle {
    padding: 0 24px;
    margin: 48px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6; }
    @media all and (min-width: 1220px) {
      .node-news-full__field-subtitle {
        text-align: center;
        padding: 0 128px;
        font-size: 24px !important; } }
  .node-news-full__body {
    margin: 48px 0;
    font-size: 18px;
    padding: 0 24px; }
    @media all and (min-width: 1220px) {
      .node-news-full__body {
        padding: 0 128px;
        max-width: 1170px;
        margin: 0 auto; } }
  .node-news-full__field-related-content {
    max-width: 1170px;
    margin: 0 auto; }
    .node-news-full__field-related-content:before, .node-news-full__field-related-content:after {
      content: " ";
      display: table; }
    .node-news-full__field-related-content:after {
      clear: both; }
    .node-news-full__field-related-content-label {
      font-weight: 700;
      text-align: center;
      color: #333;
      font-size: 28px;
      margin: 32px 0; }
    .node-news-full__field-related-content-item {
      margin: 32px; }
      @media all and (min-width: 1220px) {
        .node-news-full__field-related-content-item {
          margin: 0;
          width: calc(calc(100% - calc(3 - 1) * 48px) / 3);
          margin: 0 48px 48px 0;
          float: left; }
          .node-news-full__field-related-content-item:nth-child(n) {
            clear: none;
            margin: 0 48px 48px 0; }
          .node-news-full__field-related-content-item:nth-child(3n + 3) {
            margin-right: 0; }
          .node-news-full__field-related-content-item:nth-child(3n + 4) {
            clear: both; } }

.node--type-news .breadcrumb__item {
  color: white; }
  .node--type-news .breadcrumb__item:last-child .breadcrumb__item-link {
    color: white; }
  .node--type-news .breadcrumb__item-link {
    color: white; }

.view-exchange-rate-list-page-1 {
  max-width: 1170px;
  margin: 0 auto;
  padding: 32px 0; }
  @media all and (min-width: 1220px) {
    .view-exchange-rate-list-page-1 {
      padding: 72px 0;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr; } }
  .view-exchange-rate-list-page-1 h3 {
    margin: 0 0 16px 0;
    font-size: 16px;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.5; }
  .view-exchange-rate-list-page-1__header {
    padding: 0 24px; }
    @media all and (min-width: 1220px) {
      .view-exchange-rate-list-page-1__header {
        padding: 0;
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row-span: 1;
        grid-row: span 1; } }
  .view-exchange-rate-list-page-1__filters {
    z-index: 1;
    position: relative;
    padding: 0 24px;
    clear: both; }
    @media all and (min-width: 1220px) {
      .view-exchange-rate-list-page-1__filters {
        padding: 0;
        height: 110px;
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1; } }
    @media all and (min-width: 1220px) {
      .view-exchange-rate-list-page-1__filters .views-exposed-form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    @media all and (min-width: 1220px) {
      .view-exchange-rate-list-page-1__filters .views-exposed-form .form-item {
        margin-right: 24px; } }
    .view-exchange-rate-list-page-1__filters .views-exposed-form .form-item .form-text {
      width: auto;
      position: relative;
      background-image: url("../images/calendar.svg");
      background-position: center right 8px;
      background-size: 20px;
      background-repeat: no-repeat;
      padding-right: 30px; }
    .view-exchange-rate-list-page-1__filters .views-exposed-form .button {
      padding: 14px 16px; }
      @media all and (min-width: 1220px) {
        .view-exchange-rate-list-page-1__filters .views-exposed-form .button {
          margin-top: 22px; } }
  .view-exchange-rate-list-page-1__content {
    margin-bottom: 24px;
    padding: 0 24px; }
    @media all and (min-width: 1220px) {
      .view-exchange-rate-list-page-1__content {
        padding: 0;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 1;
        grid-row: 1; } }
  .view-exchange-rate-list-page-1__footer {
    padding: 0 24px; }
    .view-exchange-rate-list-page-1__footer .table-wrapper tr td:last-of-type {
      width: 100px; }
      @media all and (min-width: 1220px) {
        .view-exchange-rate-list-page-1__footer .table-wrapper tr td:last-of-type {
          width: 200px; } }
    @media all and (min-width: 1220px) {
      .view-exchange-rate-list-page-1__footer {
        padding: 0;
        -ms-grid-column-span: 2;
        grid-column: span 2;
        -ms-grid-row: 2;
        grid-row: 2; } }
    .view-exchange-rate-list-page-1__footer .block-content-basic-full__body {
      margin-bottom: 24px; }
      .view-exchange-rate-list-page-1__footer .block-content-basic-full__body:first-of-type {
        background-color: #d40e14;
        color: white;
        padding: 24px;
        border-radius: 4px; }
        .view-exchange-rate-list-page-1__footer .block-content-basic-full__body:first-of-type p:last-of-type {
          margin-bottom: 0; }
        .view-exchange-rate-list-page-1__footer .block-content-basic-full__body:first-of-type a {
          color: white; }
          .view-exchange-rate-list-page-1__footer .block-content-basic-full__body:first-of-type a:after {
            background-image: url("../images/arrow--white.svg"); }

.empty-text {
  display: inline-block;
  margin-top: 50px; }

.node-exchange-rate-list-full__title {
  font-size: 24px;
  margin-bottom: 48px; }
  .node-exchange-rate-list-full__title span {
    display: block;
    font-weight: 400; }

.view-locations-page-1 {
  max-width: 1170px;
  margin: 0 auto;
  margin: 32px 24px; }
  @media all and (min-width: 1220px) {
    .view-locations-page-1 {
      margin: 72px auto; } }
  .view-locations-page-1__filters .views-exposed-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .view-locations-page-1__filters .views-exposed-form .form-item {
      margin-right: 24px; }
      .view-locations-page-1__filters .views-exposed-form .form-item .form-text {
        width: auto; }
  .view-locations-page-1__content {
    margin-bottom: 24px; }
  .view-locations-page-1__rows-title {
    color: #d40e14;
    font-size: 22px; }
    @media all and (min-width: 1220px) {
      .view-locations-page-1__rows-title {
        font-size: 36px; } }
  .view-locations-page-1__rows-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media all and (min-width: 1024px) {
      .view-locations-page-1__rows-wrapper {
        gap: 30px; } }
    @media all and (min-width: 1220px) {
      .view-locations-page-1__rows-wrapper {
        gap: 50px; } }
  .view-locations-page-1__row {
    width: 100%;
    margin-bottom: 24px; }
    @media all and (min-width: 1024px) {
      .view-locations-page-1__row {
        width: 30%; } }
  .view-locations-page-1__footer {
    text-align: center;
    max-width: 786px;
    margin: 0 auto; }

.node-location-teaser {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  position: relative;
  padding: 24px; }
  .node-location-teaser__link {
    color: #3B4150;
    display: block;
    position: absolute;
    inset: 0; }
    .node-location-teaser__link:before {
      content: "";
      display: block;
      vertical-align: middle;
      width: 32px;
      height: 32px;
      margin-right: 16px;
      background-image: url("../images/location.svg");
      background-position: center;
      background-size: 32px;
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 24px; }
    .node-location-teaser__link:hover {
      box-shadow: 0 0 24px rgba(0, 0, 0, 0.1); }
  .node-location-teaser__field-city {
    margin-bottom: 4px; }
    .node-location-teaser__field-city-item {
      font-weight: 700;
      font-size: 16px;
      margin-top: 0;
      margin-bottom: 0; }
      @media all and (min-width: 1220px) {
        .node-location-teaser__field-city-item {
          font-size: 20px; } }
  .node-location-teaser__field-address-item {
    line-height: 24px; }
  .node-location-teaser__content {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 56px);
    padding-left: 56px; }
  .node-location-teaser__field-working-hours {
    margin-top: 16px;
    font-size: 13px; }
    .node-location-teaser__field-working-hours-label {
      font-weight: 700; }
    .node-location-teaser__field-working-hours-item p:last-child {
      margin-bottom: 0; }
    .node-location-teaser__field-working-hours-item p a {
      pointer-events: none;
      color: #3B4150; }

.path-online-account-open .block-page-title,
.path-otvaranje-racuna .block-page-title {
  padding: 0;
  background: none; }
  .path-online-account-open .block-page-title h1,
  .path-otvaranje-racuna .block-page-title h1 {
    padding: 96px 24px 32px;
    text-align: center;
    color: #666; }
    @media all and (min-width: 1220px) {
      .path-online-account-open .block-page-title h1,
      .path-otvaranje-racuna .block-page-title h1 {
        padding: 64px 0 24px;
        font-size: 32px; } }

.path-online-account-open .form-actions .ajax-progress-throbber,
.path-online-account-open .form-item .ajax-progress-throbber,
.path-online-account-open .ajax-progress-throbber--custom,
.path-otvaranje-racuna .form-actions .ajax-progress-throbber,
.path-otvaranje-racuna .form-item .ajax-progress-throbber,
.path-otvaranje-racuna .ajax-progress-throbber--custom {
  position: absolute;
  margin-top: 13px;
  margin-left: -46px; }
  @media all and (min-width: 1220px) {
    .path-online-account-open .form-actions .ajax-progress-throbber,
    .path-online-account-open .form-item .ajax-progress-throbber,
    .path-online-account-open .ajax-progress-throbber--custom,
    .path-otvaranje-racuna .form-actions .ajax-progress-throbber,
    .path-otvaranje-racuna .form-item .ajax-progress-throbber,
    .path-otvaranje-racuna .ajax-progress-throbber--custom {
      margin-left: 10px; } }
  .path-online-account-open .form-actions .ajax-progress-throbber .throbber,
  .path-online-account-open .form-item .ajax-progress-throbber .throbber,
  .path-online-account-open .ajax-progress-throbber--custom .throbber,
  .path-otvaranje-racuna .form-actions .ajax-progress-throbber .throbber,
  .path-otvaranje-racuna .form-item .ajax-progress-throbber .throbber,
  .path-otvaranje-racuna .ajax-progress-throbber--custom .throbber {
    background-size: 90px;
    height: 27px; }

.path-online-account-open .form-actions .ajax-progress-throbber,
.path-online-account-open .ajax-progress-throbber--custom,
.path-otvaranje-racuna .form-actions .ajax-progress-throbber,
.path-otvaranje-racuna .ajax-progress-throbber--custom {
  left: -60px;
  top: -2px; }

.path-online-account-open .ajax-progress-throbber.ajax-progress-throbber--custom,
.path-otvaranje-racuna .ajax-progress-throbber.ajax-progress-throbber--custom {
  margin-left: 10px; }

.path-online-account-open .form-submit,
.path-otvaranje-racuna .form-submit {
  position: relative; }
  .path-online-account-open .form-submit:last-child:not(:first-child) .ajax-progress-throbber--custom,
  .path-otvaranje-racuna .form-submit:last-child:not(:first-child) .ajax-progress-throbber--custom {
    left: unset;
    right: -52px; }

.form-online-account-openinitial-step-form {
  max-width: 1170px;
  margin: 0 auto; }
  .form-online-account-openinitial-step-form .form-item__label {
    font-size: 32px;
    line-height: 1.4;
    text-transform: none;
    margin: 16px 0 0;
    letter-spacing: normal;
    color: #666;
    text-align: center;
    font-weight: bold; }
    .form-online-account-openinitial-step-form .form-item__label:first-of-type {
      margin: 18px 0 0;
      padding: 64px 16px 24px; }
  .form-online-account-openinitial-step-form #edit-frame {
    margin-top: 36px;
    clear: both;
    padding: 0 16px; }
    @media all and (min-width: 1024px) {
      .form-online-account-openinitial-step-form #edit-frame > .form-wrapper {
        float: left;
        width: 30.4%;
        margin-bottom: 54px;
        margin-right: 30px; } }
  @media all and (min-width: 1024px) and (min-width: 1220px) {
    .form-online-account-openinitial-step-form #edit-frame > .form-wrapper {
      margin-right: 50px; } }
    @media all and (min-width: 1024px) {
        .form-online-account-openinitial-step-form #edit-frame > .form-wrapper:last-of-type {
          margin-right: 0; } }
    .form-online-account-openinitial-step-form #edit-frame #edit-free-account {
      background: #F4F5F7;
      padding: 36px 24px;
      cursor: pointer;
      -webkit-transition: ease all 0.3s;
      transition: ease all 0.3s;
      position: relative;
      border: 1px solid #ababab;
      border-radius: 4px; }
      @media all and (min-width: 1220px) {
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account {
          padding: 36px 30px; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .fieldset-wrapper {
        width: 100%;
        text-align: center; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account legend {
        margin-bottom: 30px;
        float: left;
        width: 100%;
        text-align: center;
        display: block; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account legend span {
          font-size: 30px;
          font-weight: 700;
          line-height: 1.3; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        height: 7px;
        width: 33%;
        border-radius: 0px 0px 6px 6px;
        background: -webkit-linear-gradient(left, #ffd400 0%, #ec6502 100%);
        background: linear-gradient(90deg, #ffd400 0%, #ec6502 100%); }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-choose-advanced {
        display: block; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .best-choice {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 291px;
        -webkit-animation: shake-horizontal 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite forwards;
                animation: shake-horizontal 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite forwards; }
        @media all and (min-width: 340px) {
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .best-choice {
            top: 249px; } }
        @media all and (min-width: 1024px) {
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .best-choice {
            right: -40px;
            top: 249px; } }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .best-choice p {
          background: url("../images/best.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100%;
          display: inline-block;
          padding: 5px 12px 5px 24px;
          color: white;
          font-weight: 700;
          position: relative;
          margin: 0;
          font-size: 10px; }
          @media all and (min-width: 1220px) {
            .form-online-account-openinitial-step-form #edit-frame #edit-free-account .best-choice p {
              font-size: 16px; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .button {
        text-align: center;
        display: block; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .button span {
          display: inline-block;
          color: white;
          font-weight: 700;
          border-radius: 4px;
          padding: 12px 16px 8px;
          background-color: #d40e14;
          border: 2px solid #d40e14;
          line-height: 24px;
          box-shadow: none;
          background: -webkit-linear-gradient(left, #ffd400 0%, #ec6502 100%);
          background: linear-gradient(90deg, #ffd400 0%, #ec6502 100%);
          border: none;
          -webkit-transition: ease all 0.3s;
          transition: ease all 0.3s;
          color: white;
          font-weight: 700;
          font-size: 16px;
          padding: 10px 26px; }
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .button span:hover {
            text-decoration: none;
            border-color: #ad030f;
            background-color: #ad030f; }
          @media all and (min-width: 1220px) {
            .form-online-account-openinitial-step-form #edit-frame #edit-free-account .button span {
              background: transparent;
              color: #08162A;
              border: 1px solid #ec6502; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .price {
        color: #ec6502;
        margin-top: 16px;
        font-size: 52px;
        font-weight: bold;
        display: block;
        z-index: 1; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .price p {
          font-size: 22px; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .price span {
          font-size: 34px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .list-price {
        text-align: center;
        position: absolute;
        top: 120px;
        width: 100%;
        left: 0;
        font-size: 18px;
        color: #ec6502; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .list-price span {
          font-size: 28px;
          text-decoration: line-through; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .title-suffix {
        display: block;
        text-align: center;
        position: absolute;
        top: 100px;
        width: 100%;
        left: 0;
        color: #666;
        font-weight: bold;
        font-size: 17px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .fieldset-wrapper > p:not([class]) {
        font-size: 14px;
        line-height: 1.3;
        color: black;
        background-color: #acacac;
        color: white;
        font-weight: 400;
        padding: 20px;
        border-radius: 4px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .expiry-date {
        text-align: center;
        display: block;
        font-style: italic;
        color: #666;
        margin-top: 24px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-choose-free,
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-choose-basic,
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-choose-advanced {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 2; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-choose-free .option,
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-choose-basic .option,
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-choose-advanced .option {
          position: absolute;
          inset: 0;
          opacity: 0;
          padding: 0;
          margin: 0; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-choose-free .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-choose-basic .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-choose-advanced .form-item__label {
          text-indent: -999px;
          overflow: hidden; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .hidden {
        display: none;
        z-index: 0; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-basic-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-free-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-advanced-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-free-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-basic-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-advanced-checkbox {
        position: relative;
        z-index: 3; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-basic-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-free-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-advanced-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-free-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-basic-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-advanced-checkbox .form-item__label {
          font-size: 16px;
          margin: 18px 0 10px;
          color: #3B4150;
          font-weight: 400;
          display: block;
          text-align: center;
          padding: 0;
          text-decoration: underline; }
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-basic-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-free-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-advanced-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-free-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-basic-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-advanced-checkbox .form-item__label:before {
            display: none; }
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-basic-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-free-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-close-more-advanced-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-free-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-basic-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .form-item-show-more-advanced-checkbox .form-item__label:hover {
            text-decoration: none; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .x-checkbox .form-item__label {
        text-indent: -99px;
        overflow: hidden;
        background-image: url("../images/icons/x.svg");
        background-repeat: no-repeat;
        height: 24px;
        width: 24px;
        display: inline-block; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .x-checkbox .form-item__label:hover {
          background-color: rgba(222, 222, 222, 0.35); }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .show-details {
        display: block;
        text-align: center;
        margin: 18px 0 10px;
        position: relative;
        z-index: 3; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account .details-text {
        z-index: 2;
        position: relative; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .details-text ul {
          padding: 0;
          margin: 24px 0;
          text-align: left; }
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .details-text ul li {
            margin-bottom: 14px;
            position: relative;
            padding-left: 24px;
            text-align: left;
            line-height: 1.3;
            font-size: 16px;
            color: #666666; }
            .form-online-account-openinitial-step-form #edit-frame #edit-free-account .details-text ul li:before {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              background: url("../images/icons/check.svg") no-repeat center, -webkit-linear-gradient(left, #ffd400 0%, #ec6502 100%);
              background: url("../images/icons/check.svg") no-repeat center, linear-gradient(90deg, #ffd400 0%, #ec6502 100%);
              height: 17px;
              width: 17px;
              display: inline-block;
              border-radius: 50%; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account .details-text a {
          color: #666666;
          text-decoration: underline;
          display: block;
          text-align: center; }
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account .details-text a:hover {
            text-decoration: none; }
      @media all and (min-width: 1024px) {
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account:hover {
          -webkit-transform: scale(1.09);
                  transform: scale(1.09);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
          background: #F4F5F7;
          z-index: 3;
          opacity: 1 !important; }
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account:hover .button span {
            background: -webkit-linear-gradient(left, #ffd400 0%, #ec6502 100%);
            background: linear-gradient(90deg, #ffd400 0%, #ec6502 100%);
            border: none;
            color: white; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account.hide {
        opacity: 0.3; }
      .form-online-account-openinitial-step-form #edit-frame #edit-free-account.selected-card {
        min-height: 380px;
        opacity: 1 !important;
        -webkit-transform: scale(1.09);
                transform: scale(1.09);
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
        z-index: 2;
        margin-bottom: 46px; }
        @media all and (min-width: 1024px) {
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account.selected-card {
            margin-bottom: 0; } }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account.selected-card:before {
          width: 80%;
          height: 18px; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account.selected-card details {
          margin-top: 24px; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account.selected-card .fieldset-wrapper .form-type-checkbox {
          inset: 0 0 -52px 0; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account.selected-card .best-choice {
          display: none; }
        .form-online-account-openinitial-step-form #edit-frame #edit-free-account.selected-card .button {
          position: unset;
          margin: 0;
          height: 46px; }
          .form-online-account-openinitial-step-form #edit-frame #edit-free-account.selected-card .button span {
            position: absolute;
            bottom: -27px;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            border: none;
            background: url("../images/selected.svg") no-repeat center, -webkit-linear-gradient(left, #ffd400 0%, #ec6502 100%);
            background: url("../images/selected.svg") no-repeat center, linear-gradient(90deg, #ffd400 0%, #ec6502 100%);
            text-indent: -999px;
            overflow: hidden;
            padding: 10px 24px; }
    .form-online-account-openinitial-step-form #edit-frame #edit-basic-account {
      background: #F4F5F7;
      padding: 36px 24px;
      cursor: pointer;
      -webkit-transition: ease all 0.3s;
      transition: ease all 0.3s;
      position: relative;
      border: 1px solid #ababab;
      border-radius: 4px; }
      @media all and (min-width: 1220px) {
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account {
          padding: 36px 30px; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .fieldset-wrapper {
        width: 100%;
        text-align: center; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account legend {
        margin-bottom: 30px;
        float: left;
        width: 100%;
        text-align: center;
        display: block; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account legend span {
          font-size: 30px;
          font-weight: 700;
          line-height: 1.3; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        height: 7px;
        width: 33%;
        border-radius: 0px 0px 6px 6px;
        background: -webkit-linear-gradient(333.48deg, #ec6502 0%, #d40e14 100%);
        background: linear-gradient(116.52deg, #ec6502 0%, #d40e14 100%); }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-choose-advanced {
        display: block; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .best-choice {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 291px;
        -webkit-animation: shake-horizontal 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite forwards;
                animation: shake-horizontal 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite forwards; }
        @media all and (min-width: 340px) {
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .best-choice {
            top: 249px; } }
        @media all and (min-width: 1024px) {
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .best-choice {
            right: -40px;
            top: 249px; } }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .best-choice p {
          background: url("../images/best.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100%;
          display: inline-block;
          padding: 5px 12px 5px 24px;
          color: white;
          font-weight: 700;
          position: relative;
          margin: 0;
          font-size: 10px; }
          @media all and (min-width: 1220px) {
            .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .best-choice p {
              font-size: 16px; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .button {
        text-align: center;
        display: block; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .button span {
          display: inline-block;
          color: white;
          font-weight: 700;
          border-radius: 4px;
          padding: 12px 16px 8px;
          background-color: #d40e14;
          border: 2px solid #d40e14;
          line-height: 24px;
          box-shadow: none;
          background: -webkit-linear-gradient(333.48deg, #ec6502 0%, #d40e14 100%);
          background: linear-gradient(116.52deg, #ec6502 0%, #d40e14 100%);
          border: none;
          -webkit-transition: ease all 0.3s;
          transition: ease all 0.3s;
          color: white;
          font-weight: 700;
          font-size: 16px;
          padding: 10px 26px; }
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .button span:hover {
            text-decoration: none;
            border-color: #ad030f;
            background-color: #ad030f; }
          @media all and (min-width: 1220px) {
            .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .button span {
              background: transparent;
              color: #08162A;
              border: 1px solid #d40e14; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .price {
        color: #d40e14;
        margin-top: 16px;
        font-size: 52px;
        font-weight: bold;
        display: block;
        z-index: 1; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .price p {
          font-size: 22px; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .price span {
          font-size: 34px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .list-price {
        text-align: center;
        position: absolute;
        top: 120px;
        width: 100%;
        left: 0;
        font-size: 18px;
        color: #d40e14; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .list-price span {
          font-size: 28px;
          text-decoration: line-through; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .title-suffix {
        display: block;
        text-align: center;
        position: absolute;
        top: 100px;
        width: 100%;
        left: 0;
        color: #666;
        font-weight: bold;
        font-size: 17px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .fieldset-wrapper > p:not([class]) {
        font-size: 14px;
        line-height: 1.3;
        color: black;
        background-color: #acacac;
        color: white;
        font-weight: 400;
        padding: 20px;
        border-radius: 4px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .expiry-date {
        text-align: center;
        display: block;
        font-style: italic;
        color: #666;
        margin-top: 24px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-choose-free,
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-choose-basic,
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-choose-advanced {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 2; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-choose-free .option,
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-choose-basic .option,
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-choose-advanced .option {
          position: absolute;
          inset: 0;
          opacity: 0;
          padding: 0;
          margin: 0; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-choose-free .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-choose-basic .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-choose-advanced .form-item__label {
          text-indent: -999px;
          overflow: hidden; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .hidden {
        display: none;
        z-index: 0; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-basic-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-free-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-advanced-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-free-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-basic-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-advanced-checkbox {
        position: relative;
        z-index: 3; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-basic-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-free-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-advanced-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-free-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-basic-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-advanced-checkbox .form-item__label {
          font-size: 16px;
          margin: 18px 0 10px;
          color: #3B4150;
          font-weight: 400;
          display: block;
          text-align: center;
          padding: 0;
          text-decoration: underline; }
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-basic-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-free-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-advanced-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-free-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-basic-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-advanced-checkbox .form-item__label:before {
            display: none; }
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-basic-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-free-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-close-more-advanced-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-free-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-basic-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .form-item-show-more-advanced-checkbox .form-item__label:hover {
            text-decoration: none; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .x-checkbox .form-item__label {
        text-indent: -99px;
        overflow: hidden;
        background-image: url("../images/icons/x.svg");
        background-repeat: no-repeat;
        height: 24px;
        width: 24px;
        display: inline-block; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .x-checkbox .form-item__label:hover {
          background-color: rgba(222, 222, 222, 0.35); }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .show-details {
        display: block;
        text-align: center;
        margin: 18px 0 10px;
        position: relative;
        z-index: 3; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .details-text {
        z-index: 2;
        position: relative; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .details-text ul {
          padding: 0;
          margin: 24px 0;
          text-align: left; }
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .details-text ul li {
            margin-bottom: 14px;
            position: relative;
            padding-left: 24px;
            text-align: left;
            line-height: 1.3;
            font-size: 16px;
            color: #666666; }
            .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .details-text ul li:before {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              background: url("../images/icons/check.svg") no-repeat center, -webkit-linear-gradient(333.48deg, #ec6502 0%, #d40e14 100%);
              background: url("../images/icons/check.svg") no-repeat center, linear-gradient(116.52deg, #ec6502 0%, #d40e14 100%);
              height: 17px;
              width: 17px;
              display: inline-block;
              border-radius: 50%; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .details-text a {
          color: #666666;
          text-decoration: underline;
          display: block;
          text-align: center; }
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account .details-text a:hover {
            text-decoration: none; }
      @media all and (min-width: 1024px) {
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account:hover {
          -webkit-transform: scale(1.09);
                  transform: scale(1.09);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
          background: #F4F5F7;
          z-index: 3;
          opacity: 1 !important; }
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account:hover .button span {
            background: -webkit-linear-gradient(333.48deg, #ec6502 0%, #d40e14 100%);
            background: linear-gradient(116.52deg, #ec6502 0%, #d40e14 100%);
            border: none;
            color: white; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account.hide {
        opacity: 0.3; }
      .form-online-account-openinitial-step-form #edit-frame #edit-basic-account.selected-card {
        min-height: 380px;
        opacity: 1 !important;
        -webkit-transform: scale(1.09);
                transform: scale(1.09);
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
        z-index: 2;
        margin-bottom: 46px; }
        @media all and (min-width: 1024px) {
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account.selected-card {
            margin-bottom: 0; } }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account.selected-card:before {
          width: 80%;
          height: 18px; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account.selected-card details {
          margin-top: 24px; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account.selected-card .fieldset-wrapper .form-type-checkbox {
          inset: 0 0 -52px 0; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account.selected-card .best-choice {
          display: none; }
        .form-online-account-openinitial-step-form #edit-frame #edit-basic-account.selected-card .button {
          position: unset;
          margin: 0;
          height: 46px; }
          .form-online-account-openinitial-step-form #edit-frame #edit-basic-account.selected-card .button span {
            position: absolute;
            bottom: -27px;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            border: none;
            background: url("../images/selected.svg") no-repeat center, -webkit-linear-gradient(333.48deg, #ec6502 0%, #d40e14 100%);
            background: url("../images/selected.svg") no-repeat center, linear-gradient(116.52deg, #ec6502 0%, #d40e14 100%);
            text-indent: -999px;
            overflow: hidden;
            padding: 10px 24px; }
    .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account {
      background: #F4F5F7;
      padding: 36px 24px;
      cursor: pointer;
      -webkit-transition: ease all 0.3s;
      transition: ease all 0.3s;
      position: relative;
      border: 1px solid #ababab;
      border-radius: 4px; }
      @media all and (min-width: 1220px) {
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account {
          padding: 36px 30px; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .fieldset-wrapper {
        width: 100%;
        text-align: center; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account legend {
        margin-bottom: 30px;
        float: left;
        width: 100%;
        text-align: center;
        display: block; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account legend span {
          font-size: 30px;
          font-weight: 700;
          line-height: 1.3; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        height: 7px;
        width: 33%;
        border-radius: 0px 0px 6px 6px;
        background: -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%);
        background: linear-gradient(116.52deg, #b70e77 0%, #004f95 100%); }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-choose-advanced {
        display: block; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .best-choice {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 291px;
        -webkit-animation: shake-horizontal 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite forwards;
                animation: shake-horizontal 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite forwards; }
        @media all and (min-width: 340px) {
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .best-choice {
            top: 249px; } }
        @media all and (min-width: 1024px) {
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .best-choice {
            right: -40px;
            top: 249px; } }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .best-choice p {
          background: url("../images/best.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100%;
          display: inline-block;
          padding: 5px 12px 5px 24px;
          color: white;
          font-weight: 700;
          position: relative;
          margin: 0;
          font-size: 10px; }
          @media all and (min-width: 1220px) {
            .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .best-choice p {
              font-size: 16px; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .button {
        text-align: center;
        display: block; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .button span {
          display: inline-block;
          color: white;
          font-weight: 700;
          border-radius: 4px;
          padding: 12px 16px 8px;
          background-color: #d40e14;
          border: 2px solid #d40e14;
          line-height: 24px;
          box-shadow: none;
          background: -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%);
          background: linear-gradient(116.52deg, #b70e77 0%, #004f95 100%);
          border: none;
          -webkit-transition: ease all 0.3s;
          transition: ease all 0.3s;
          color: white;
          font-weight: 700;
          font-size: 16px;
          padding: 10px 26px; }
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .button span:hover {
            text-decoration: none;
            border-color: #ad030f;
            background-color: #ad030f; }
          @media all and (min-width: 1220px) {
            .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .button span {
              background: transparent;
              color: #08162A;
              border: 1px solid #b70e77; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .price {
        color: #b70e77;
        margin-top: 16px;
        font-size: 52px;
        font-weight: bold;
        display: block;
        z-index: 1; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .price p {
          font-size: 22px; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .price span {
          font-size: 34px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .list-price {
        text-align: center;
        position: absolute;
        top: 120px;
        width: 100%;
        left: 0;
        font-size: 18px;
        color: #b70e77; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .list-price span {
          font-size: 28px;
          text-decoration: line-through; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .title-suffix {
        display: block;
        text-align: center;
        position: absolute;
        top: 100px;
        width: 100%;
        left: 0;
        color: #666;
        font-weight: bold;
        font-size: 17px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .fieldset-wrapper > p:not([class]) {
        font-size: 14px;
        line-height: 1.3;
        color: black;
        background-color: #acacac;
        color: white;
        font-weight: 400;
        padding: 20px;
        border-radius: 4px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .expiry-date {
        text-align: center;
        display: block;
        font-style: italic;
        color: #666;
        margin-top: 24px; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-choose-free,
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-choose-basic,
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-choose-advanced {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 2; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-choose-free .option,
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-choose-basic .option,
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-choose-advanced .option {
          position: absolute;
          inset: 0;
          opacity: 0;
          padding: 0;
          margin: 0; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-choose-free .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-choose-basic .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-choose-advanced .form-item__label {
          text-indent: -999px;
          overflow: hidden; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .hidden {
        display: none;
        z-index: 0; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-basic-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-free-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-advanced-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-free-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-basic-checkbox,
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-advanced-checkbox {
        position: relative;
        z-index: 3; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-basic-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-free-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-advanced-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-free-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-basic-checkbox .form-item__label,
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-advanced-checkbox .form-item__label {
          font-size: 16px;
          margin: 18px 0 10px;
          color: #3B4150;
          font-weight: 400;
          display: block;
          text-align: center;
          padding: 0;
          text-decoration: underline; }
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-basic-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-free-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-advanced-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-free-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-basic-checkbox .form-item__label:before,
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-advanced-checkbox .form-item__label:before {
            display: none; }
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-basic-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-free-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-close-more-advanced-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-free-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-basic-checkbox .form-item__label:hover,
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .form-item-show-more-advanced-checkbox .form-item__label:hover {
            text-decoration: none; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .x-checkbox .form-item__label {
        text-indent: -99px;
        overflow: hidden;
        background-image: url("../images/icons/x.svg");
        background-repeat: no-repeat;
        height: 24px;
        width: 24px;
        display: inline-block; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .x-checkbox .form-item__label:hover {
          background-color: rgba(222, 222, 222, 0.35); }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .show-details {
        display: block;
        text-align: center;
        margin: 18px 0 10px;
        position: relative;
        z-index: 3; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .details-text {
        z-index: 2;
        position: relative; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .details-text ul {
          padding: 0;
          margin: 24px 0;
          text-align: left; }
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .details-text ul li {
            margin-bottom: 14px;
            position: relative;
            padding-left: 24px;
            text-align: left;
            line-height: 1.3;
            font-size: 16px;
            color: #666666; }
            .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .details-text ul li:before {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              background: url("../images/icons/check.svg") no-repeat center, -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%);
              background: url("../images/icons/check.svg") no-repeat center, linear-gradient(116.52deg, #b70e77 0%, #004f95 100%);
              height: 17px;
              width: 17px;
              display: inline-block;
              border-radius: 50%; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .details-text a {
          color: #666666;
          text-decoration: underline;
          display: block;
          text-align: center; }
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account .details-text a:hover {
            text-decoration: none; }
      @media all and (min-width: 1024px) {
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account:hover {
          -webkit-transform: scale(1.09);
                  transform: scale(1.09);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
          background: #F4F5F7;
          z-index: 3;
          opacity: 1 !important; }
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account:hover .button span {
            background: -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%);
            background: linear-gradient(116.52deg, #b70e77 0%, #004f95 100%);
            border: none;
            color: white; } }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account.hide {
        opacity: 0.3; }
      .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account.selected-card {
        min-height: 380px;
        opacity: 1 !important;
        -webkit-transform: scale(1.09);
                transform: scale(1.09);
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
        z-index: 2;
        margin-bottom: 46px; }
        @media all and (min-width: 1024px) {
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account.selected-card {
            margin-bottom: 0; } }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account.selected-card:before {
          width: 80%;
          height: 18px; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account.selected-card details {
          margin-top: 24px; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account.selected-card .fieldset-wrapper .form-type-checkbox {
          inset: 0 0 -52px 0; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account.selected-card .best-choice {
          display: none; }
        .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account.selected-card .button {
          position: unset;
          margin: 0;
          height: 46px; }
          .form-online-account-openinitial-step-form #edit-frame #edit-advanced-account.selected-card .button span {
            position: absolute;
            bottom: -27px;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            border: none;
            background: url("../images/selected.svg") no-repeat center, -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%);
            background: url("../images/selected.svg") no-repeat center, linear-gradient(116.52deg, #b70e77 0%, #004f95 100%);
            text-indent: -999px;
            overflow: hidden;
            padding: 10px 24px; }
  .form-online-account-openinitial-step-form__text {
    font-size: 20px;
    line-height: 1.3;
    color: black; }
    .form-online-account-openinitial-step-form__text.closed {
      background-color: #acacac;
      color: white;
      font-weight: 400;
      padding: 20px;
      border-radius: 4px; }
  .form-online-account-openinitial-step-form .option {
    margin: 0;
    line-height: 1.2; }
    .form-online-account-openinitial-step-form .option:after {
      display: none; }
    .form-online-account-openinitial-step-form .option strong {
      color: #d40e14; }
    .form-online-account-openinitial-step-form .option .form-text {
      font-size: 14px;
      margin: 0;
      text-align: left;
      color: #666;
      font-weight: 400; }
  .form-online-account-openinitial-step-form__agree-with-conditions .form-item__label {
    font-size: 16px;
    text-align: left; }

.online-account-openfirst-step-agree-with-form,
.online-account-openfirst-step-form {
  margin: 0 auto 36px;
  text-align: center; }

.online-account-openfirst-step-agree-with-form {
  max-width: 720px; }

.online-account-openfirst-step-form {
  max-width: 680px; }
  .online-account-openfirst-step-form .intro-info {
    margin: 64px auto 60px; }
    .online-account-openfirst-step-form .intro-info__card-text {
      font-weight: bold;
      color: #08162A; }
    .online-account-openfirst-step-form .intro-info .red-text {
      color: #d40e14; }

.intro-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  margin: 64px auto;
  padding: 0 10px; }
  .intro-info__card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    cursor: default; }
    @media all and (min-width: 1220px) {
      .intro-info__card {
        gap: 36px; } }
    .intro-info__card:hover .intro-info__card-image {
      visibility: hidden; }
      .intro-info__card:hover .intro-info__card-image-hover {
        visibility: visible;
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s; }
    .intro-info__card:first-child .intro-info__card-image-hover {
      inset: 0 6px; }
    .intro-info__card:nth-child(2) .intro-info__card-image-hover {
      inset: 0 9px; }
    .intro-info__card-images {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 90px;
          -ms-flex: 0 0 90px;
              flex: 0 0 90px;
      position: relative; }
    .intro-info__card-image {
      -webkit-transition: ease 0.2s;
      transition: ease 0.2s; }
    .intro-info__card-image-hover {
      position: absolute;
      inset: 0 6px;
      visibility: hidden;
      -webkit-transition: ease 0.2s;
      transition: ease 0.2s; }
    .intro-info__card-text {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: left;
      font-size: 15px; }

.online-account-opensecond-step-form,
.online-account-openthird-step-form,
.online-account-openfourth-step-form {
  max-width: 680px;
  margin: 0 auto 36px; }
  @media all and (min-width: 1220px) {
    .online-account-opensecond-step-form .ajax-wrapper,
    .online-account-openthird-step-form .ajax-wrapper,
    .online-account-openfourth-step-form .ajax-wrapper {
      max-width: 50%; } }
  .online-account-opensecond-step-form fieldset,
  .online-account-openthird-step-form fieldset,
  .online-account-openfourth-step-form fieldset {
    border: none;
    border-bottom: 1px solid #ababab;
    position: relative; }
    .online-account-opensecond-step-form fieldset:last-of-type,
    .online-account-openthird-step-form fieldset:last-of-type,
    .online-account-openfourth-step-form fieldset:last-of-type {
      border: none; }
    .online-account-opensecond-step-form fieldset legend .fieldset-legend,
    .online-account-openthird-step-form fieldset legend .fieldset-legend,
    .online-account-openfourth-step-form fieldset legend .fieldset-legend {
      margin: 24px 0 22px;
      font-size: 32px; }
    .online-account-opensecond-step-form fieldset.smaller-legend .fieldset-legend,
    .online-account-openthird-step-form fieldset.smaller-legend .fieldset-legend,
    .online-account-openfourth-step-form fieldset.smaller-legend .fieldset-legend {
      font-size: 14px;
      line-height: 1.5;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      margin-bottom: 4px; }
    .online-account-opensecond-step-form fieldset.smaller-legend::after,
    .online-account-openthird-step-form fieldset.smaller-legend::after,
    .online-account-openfourth-step-form fieldset.smaller-legend::after {
      top: 9px !important; }
    .online-account-opensecond-step-form fieldset fieldset.form-item,
    .online-account-openthird-step-form fieldset fieldset.form-item,
    .online-account-openfourth-step-form fieldset fieldset.form-item {
      padding: 0;
      border: none;
      max-width: 100% !important; }
    .online-account-opensecond-step-form fieldset .form-type-date input,
    .online-account-openthird-step-form fieldset .form-type-date input,
    .online-account-openfourth-step-form fieldset .form-type-date input {
      max-width: 190px; }
    .online-account-opensecond-step-form fieldset .form-type-checkbox .option,
    .online-account-openthird-step-form fieldset .form-type-checkbox .option,
    .online-account-openfourth-step-form fieldset .form-type-checkbox .option {
      text-indent: -999px;
      overflow: hidden;
      background: url("../images/pen.svg") no-repeat center;
      background-size: 24px;
      -webkit-transition: ease 0.2s;
      transition: ease 0.2s; }
      .online-account-opensecond-step-form fieldset .form-type-checkbox .option::before,
      .online-account-openthird-step-form fieldset .form-type-checkbox .option::before,
      .online-account-openfourth-step-form fieldset .form-type-checkbox .option::before {
        display: none; }
    .online-account-opensecond-step-form fieldset .form-type-checkbox:hover .option,
    .online-account-openthird-step-form fieldset .form-type-checkbox:hover .option,
    .online-account-openfourth-step-form fieldset .form-type-checkbox:hover .option {
      background-image: url("../images/pen-grey.svg");
      background-size: 24px; }
    .online-account-opensecond-step-form fieldset .form-type-checkbox:hover .plain-checkbox .option,
    .online-account-openthird-step-form fieldset .form-type-checkbox:hover .plain-checkbox .option,
    .online-account-openfourth-step-form fieldset .form-type-checkbox:hover .plain-checkbox .option {
      background-image: none; }
    .online-account-opensecond-step-form fieldset .form-type-checkbox .plain-checkbox ~ .form-item__label,
    .online-account-openthird-step-form fieldset .form-type-checkbox .plain-checkbox ~ .form-item__label,
    .online-account-openfourth-step-form fieldset .form-type-checkbox .plain-checkbox ~ .form-item__label {
      background: unset; }
      .online-account-opensecond-step-form fieldset .form-type-checkbox .plain-checkbox ~ .form-item__label::before,
      .online-account-openthird-step-form fieldset .form-type-checkbox .plain-checkbox ~ .form-item__label::before,
      .online-account-openfourth-step-form fieldset .form-type-checkbox .plain-checkbox ~ .form-item__label::before {
        position: absolute;
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        border: 1px solid #666; }
    .online-account-opensecond-step-form fieldset .form-type-checkbox .plain-checkbox ~ .form-item__label:hover::before,
    .online-account-opensecond-step-form fieldset .form-type-checkbox .plain-checkbox:checked ~ .form-item__label::before,
    .online-account-openthird-step-form fieldset .form-type-checkbox .plain-checkbox ~ .form-item__label:hover::before,
    .online-account-openthird-step-form fieldset .form-type-checkbox .plain-checkbox:checked ~ .form-item__label::before,
    .online-account-openfourth-step-form fieldset .form-type-checkbox .plain-checkbox ~ .form-item__label:hover::before,
    .online-account-openfourth-step-form fieldset .form-type-checkbox .plain-checkbox:checked ~ .form-item__label::before {
      border-color: #d40e14; }
    .online-account-opensecond-step-form fieldset .form-item-carddeliveryaddress-number,
    .online-account-openthird-step-form fieldset .form-item-carddeliveryaddress-number,
    .online-account-openfourth-step-form fieldset .form-item-carddeliveryaddress-number {
      max-width: 110px !important; }
    .online-account-opensecond-step-form fieldset .larger-options ~ .form-item__label.option,
    .online-account-openthird-step-form fieldset .larger-options ~ .form-item__label.option,
    .online-account-openfourth-step-form fieldset .larger-options ~ .form-item__label.option {
      font-weight: 700;
      font-size: 21px;
      color: #666; }
    @media all and (min-width: 1220px) {
      .online-account-opensecond-step-form fieldset .fieldset-wrapper > .form-item,
      .online-account-openthird-step-form fieldset .fieldset-wrapper > .form-item,
      .online-account-openfourth-step-form fieldset .fieldset-wrapper > .form-item {
        max-width: 50%; }
        .online-account-opensecond-step-form fieldset .fieldset-wrapper > .form-item.form-item-agreewithflexminusconditions,
        .online-account-openthird-step-form fieldset .fieldset-wrapper > .form-item.form-item-agreewithflexminusconditions,
        .online-account-openfourth-step-form fieldset .fieldset-wrapper > .form-item.form-item-agreewithflexminusconditions {
          max-width: 80%; }
        .online-account-opensecond-step-form fieldset .fieldset-wrapper > .form-item.form-item-flexminusamount,
        .online-account-openthird-step-form fieldset .fieldset-wrapper > .form-item.form-item-flexminusamount,
        .online-account-openfourth-step-form fieldset .fieldset-wrapper > .form-item.form-item-flexminusamount {
          max-width: 50%; }
        .online-account-opensecond-step-form fieldset .fieldset-wrapper > .form-item.form-item-representative-example,
        .online-account-openthird-step-form fieldset .fieldset-wrapper > .form-item.form-item-representative-example,
        .online-account-openfourth-step-form fieldset .fieldset-wrapper > .form-item.form-item-representative-example {
          max-width: 80% !important; }
      .online-account-opensecond-step-form fieldset .form-item-carddeliveryaddress-number,
      .online-account-openthird-step-form fieldset .form-item-carddeliveryaddress-number,
      .online-account-openfourth-step-form fieldset .form-item-carddeliveryaddress-number {
        margin: 0;
        float: left; }
      .online-account-opensecond-step-form fieldset .form-item-carddeliveryaddress-street,
      .online-account-openthird-step-form fieldset .form-item-carddeliveryaddress-street,
      .online-account-openfourth-step-form fieldset .form-item-carddeliveryaddress-street {
        margin: 0 36px 0 0;
        float: left; } }
  .online-account-opensecond-step-form .form-actions,
  .online-account-openthird-step-form .form-actions,
  .online-account-openfourth-step-form .form-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .online-account-opensecond-step-form .form-actions #edit-previous-step,
    .online-account-openthird-step-form .form-actions #edit-previous-step,
    .online-account-openfourth-step-form .form-actions #edit-previous-step {
      background-color: #fff;
      border-color: #fff;
      color: #d40e14;
      -webkit-transition: ease 0.2s;
      transition: ease 0.2s; }
      .online-account-opensecond-step-form .form-actions #edit-previous-step:hover,
      .online-account-openthird-step-form .form-actions #edit-previous-step:hover,
      .online-account-openfourth-step-form .form-actions #edit-previous-step:hover {
        background-color: #d40e14;
        color: white;
        border-color: #d40e14; }
  .online-account-opensecond-step-form .form-type-email .form-item__description,
  .online-account-openthird-step-form .form-type-email .form-item__description,
  .online-account-openfourth-step-form .form-type-email .form-item__description {
    margin: -20px 0 20px;
    font-size: 12px;
    font-style: italic;
    color: #d40e14; }

.form-online-account-openemail-confirm-form .form-type-textfield {
  max-width: 450px;
  margin: 0 auto;
  text-align: center; }

.form-online-account-openemail-confirm-form input {
  width: 140px;
  margin: 24px 0 13px !important; }

.form-online-account-openemail-confirm-form .form-item__label {
  text-transform: none;
  color: #666;
  font-weight: 400;
  letter-spacing: normal;
  position: relative;
  font-size: 20px;
  margin-top: 32px;
  padding: 0 16px;
  line-height: 1.6; }
  .form-online-account-openemail-confirm-form .form-item__label::after {
    display: none; }
  .form-online-account-openemail-confirm-form .form-item__label span {
    display: block;
    margin-top: 24px; }
    .form-online-account-openemail-confirm-form .form-item__label span::after {
      content: "*";
      color: #d40e14; }

.form-online-account-openemail-confirm-form #edit-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  max-width: 450px;
  margin: 0 auto 46px;
  text-align: center; }
  .form-online-account-openemail-confirm-form #edit-actions button {
    padding: 12px 22px;
    line-height: 1.2;
    font-size: 20px; }

.form-online-account-openemail-confirm-form #edit-previous-step {
  background-color: #fff;
  border-color: #fff;
  color: #d40e14;
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s; }
  .form-online-account-openemail-confirm-form #edit-previous-step:hover {
    background-color: #d40e14;
    color: white;
    border-color: #d40e14; }

.online-account-openthird-step-form .form-item-registeredaddress-wrapper-registered-street-number-number {
  max-width: 110px !important; }

@media all and (min-width: 1220px) {
  .online-account-openthird-step-form #edit-registeredaddress-wrapper-registered-street-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 36px; }
    .online-account-openthird-step-form #edit-registeredaddress-wrapper-registered-street-number > div {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; }
      .online-account-openthird-step-form #edit-registeredaddress-wrapper-registered-street-number > div .form-item__label {
        display: block; } }

.online-account-openthird-step-form .form-type-radio {
  display: inline; }
  .online-account-openthird-step-form .form-type-radio:not(:last-of-type) {
    margin-right: 20px; }

.online-account-openfourth-step-form .disabled {
  cursor: default !important;
  pointer-events: none !important; }

.online-account-openfourth-step-form fieldset {
  margin: 0 16px 24px 25px; }
  @media all and (min-width: 1220px) {
    .online-account-openfourth-step-form fieldset {
      margin: 0 0 24px; } }

.online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper {
  position: relative;
  max-width: 90%;
  margin-left: 20px; }
  @media all and (min-width: 1220px) {
    .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper {
      max-width: 57%;
      margin-left: 0; } }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .form-wrapper {
    max-width: 100%;
    margin-left: 0; }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper > div:first-child .form-item__label {
    display: block; }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper > div.form-type-checkbox {
    position: absolute;
    bottom: -2px;
    left: -44px; }
    .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper > div.form-type-checkbox input {
      width: 100%;
      height: auto;
      z-index: 2;
      cursor: pointer; }
    .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper > div.form-type-checkbox.form-item-clientwantsflexminus-edit {
      bottom: unset;
      top: 55px; }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .container-inline.fake-edit:not(.disabled) .form-item:last-child::after,
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .fake-edit-alt-btn {
    content: " ";
    display: block;
    position: absolute;
    right: -34px;
    top: 39px;
    cursor: pointer;
    color: #00855a;
    font-weight: bold;
    background-image: url("../images/confirmation.svg");
    background-repeat: no-repeat;
    background-size: 30px;
    min-width: 30px;
    height: 30px; }
    @media all and (min-width: 500px) {
      .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .container-inline.fake-edit:not(.disabled) .form-item:last-child::after,
      .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .fake-edit-alt-btn {
        right: 0; } }
    @media all and (min-width: 768px) {
      .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .container-inline.fake-edit:not(.disabled) .form-item:last-child::after,
      .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .fake-edit-alt-btn {
        background-image: none;
        top: 46px; } }
    @media all and (min-width: 1220px) {
      .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .container-inline.fake-edit:not(.disabled) .form-item:last-child::after,
      .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .fake-edit-alt-btn {
        right: -80px; } }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper > .form-item:not(.form-type-checkbox):not(.form-disabled):not(.disabled)[class*="salary"]:focus-within::after {
    background-image: none;
    top: 44px; }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .fake-edit-alt-btn .screen-only {
    display: none; }
    @media all and (min-width: 768px) {
      .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .fake-edit-alt-btn .screen-only {
        display: inline-block; } }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .container-inline.fake-edit:not(.disabled):not([class*="date"]) .form-item:last-child::after {
    right: 136px;
    top: 43px; }
    @media all and (min-width: 1220px) {
      .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .container-inline.fake-edit:not(.disabled):not([class*="date"]) .form-item:last-child::after {
        right: -75px; } }
  @media all and (min-width: 500px) {
    .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .fake-disabled {
      max-width: calc(100% - 60px); }
      .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .fake-disabled.larger-options {
        margin-top: -16px;
        padding: 16px 0;
        padding-right: 40px; } }
  @media all and (min-width: 1220px) {
    .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .fake-disabled {
      max-width: unset; } }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper .fake-disabled:not(.fake-disabled--editing) {
    pointer-events: none; }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper.container-inline.container--editing > .form-type-checkbox:not(.form-item-agreewithflexminusconditions) {
    display: none; }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper.container-inline.container--editing .fake-disabled.ui-autocomplete-input:focus {
    border-color: #cccccc !important; }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper.container-inline:not(.container--editing) .fake-disabled.ui-autocomplete-input:focus {
    border-color: transparent !important; }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper.container-inline:not(.container--editing) .form-radio ~ .form-item__label::before {
    -webkit-filter: opacity(0.5);
            filter: opacity(0.5); }
  .online-account-openfourth-step-form .fieldset-wrapper > .form-wrapper.container-inline .plain-checkbox:not(.fake-disabled--editing) ~ .form-item__label::before {
    -webkit-filter: opacity(0.5);
            filter: opacity(0.5); }

.online-account-openfourth-step-form .form-item input:disabled,
.online-account-openfourth-step-form .form-item input.disabled,
.online-account-openfourth-step-form .form-item .fake-disabled:not(.fake-disabled--editing) {
  padding: 16px 40px 16px 0;
  background-color: transparent;
  color: #666;
  font-weight: bold;
  font-size: 21px;
  border-color: transparent;
  margin-top: -16px;
  line-height: 1.5;
  min-height: 61px; }
  @media all and (min-width: 500px) {
    .online-account-openfourth-step-form .form-item input:disabled,
    .online-account-openfourth-step-form .form-item input.disabled,
    .online-account-openfourth-step-form .form-item .fake-disabled:not(.fake-disabled--editing) {
      padding: 16px 0; } }
  .online-account-openfourth-step-form .form-item input:disabled.disabled--white,
  .online-account-openfourth-step-form .form-item input.disabled.disabled--white,
  .online-account-openfourth-step-form .form-item .fake-disabled:not(.fake-disabled--editing).disabled--white {
    background-color: transparent; }

.online-account-openfourth-step-form .form-select:disabled {
  background: none;
  color: #666;
  font-weight: bold;
  padding: 16px 0;
  font-size: 21px;
  border-color: transparent;
  opacity: 1;
  margin-top: -16px; }

.online-account-openfourth-step-form .form-item-agreewithflexminusconditions {
  position: relative !important;
  bottom: unset !important;
  left: unset !important;
  display: block; }
  .online-account-openfourth-step-form .form-item-agreewithflexminusconditions .form-item__description {
    display: block; }

#edit-wrapper-clientwantsflexminus .form-disabled {
  cursor: default;
  pointer-events: none; }
  #edit-wrapper-clientwantsflexminus .form-disabled .fieldset-wrapper {
    opacity: 0.5; }

#edit-wrapper-clientwantsflexminus .disabled {
  cursor: default;
  pointer-events: none; }
  #edit-wrapper-clientwantsflexminus .disabled label::before {
    opacity: 0.5; }

#edit-wrapper-agreewithflexminusconditions .disabled label::before {
  opacity: 0.5;
  cursor: default;
  pointer-events: none; }

.online-account-openfinal-step-form {
  max-width: 800px;
  margin: 46px auto;
  text-align: center;
  padding: 0 16px; }

.check-data--label {
  text-align: center;
  margin: 40px 0;
  padding: 0 10px;
  color: #00855a;
  font-weight: bold; }
  @media all and (min-width: 1220px) {
    .check-data--label {
      margin: 76px 0 54px; } }

.final-info {
  margin-top: 80px; }
  .final-info__card {
    margin-bottom: 46px; }
    .final-info__card-text--main {
      display: block;
      color: #666;
      margin: 46px 0;
      font-size: 20px;
      line-height: 24px; }
    .final-info__card-text--help {
      display: block;
      font-style: italic;
      color: #666;
      line-height: 1.5; }
      .final-info__card-text--help a {
        display: block; }
    .final-info__card-text .idnow-code {
      display: inline;
      cursor: pointer; }
    .final-info__card-text .form-item-copy-button {
      display: inline;
      text-indent: -99999px;
      vertical-align: -16px; }
      .final-info__card-text .form-item-copy-button::after {
        content: " ";
        height: 50px;
        width: 50px;
        background-size: 57px;
        display: inline-block;
        background-color: #232323;
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        mask-image: url(../images/icons/copy.svg);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        -webkit-mask-image: url(../images/icons/copy.svg);
        pointer-events: none; }
        @media all and (min-width: 1220px) {
          .final-info__card-text .form-item-copy-button::after {
            height: 70px;
            width: 70px;
            background-size: unset;
            vertical-align: -6px; } }
      .final-info__card-text .form-item-copy-button:hover::after {
        background-color: #d40e14; }
      .final-info__card-text .form-item-copy-button .form-radio {
        cursor: pointer;
        width: 100%;
        height: 40px;
        top: -23px;
        left: 0; }
    .final-info__card-text .form-item__label[for="edit-copy-button"] {
      display: none; }
  .final-info .button {
    display: inline-block;
    background-color: #d40e14;
    color: white;
    border-radius: 4px;
    padding: 15px 18px 12px;
    text-decoration: none;
    font-style: normal; }
    .final-info .button:hover, .final-info .button:active {
      background-color: #ad030f; }

#edit-agro-racun {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  clear: both;
  position: relative;
  padding: 0 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin-bottom: 8px; }
  @media all and (min-width: 1024px) {
    #edit-agro-racun {
      -ms-grid-columns: 1fr 50px 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto 0 auto;
      grid-template-rows: auto auto;
      max-width: 850px;
      margin: 0 auto;
      gap: 0 50px;
      padding: 0; }
    #edit-agro-racun > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    #edit-agro-racun > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
    #edit-agro-racun > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
    #edit-agro-racun > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; } }
  #edit-agro-racun > label,
  #edit-agro-racun > h4 {
    color: #666;
    text-align: center;
    font-size: 26px;
    text-transform: none;
    line-height: 1.4;
    letter-spacing: normal;
    margin: 46px 0 40px; }
    @media all and (min-width: 1024px) {
      #edit-agro-racun > label,
      #edit-agro-racun > h4 {
        font-size: 32px;
        margin: 54px 0 36px;
        -ms-grid-column-span: 2;
        grid-column: span 2;
        -ms-grid-row: 1;
        grid-row: 1; } }
    #edit-agro-racun > label span,
    #edit-agro-racun > h4 span {
      text-transform: uppercase;
      font-weight: 400; }
  #edit-agro-racun > h4 {
    opacity: 0; }
  #edit-agro-racun .form-wrapper {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 400px;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    background-color: #F4F5F7;
    text-align: center;
    padding: 26px 34px 34px;
    border: 1px solid #ababab;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 4px;
    margin-bottom: 24px;
    margin-top: -8px; }
    @media all and (min-width: 1024px) {
      #edit-agro-racun .form-wrapper {
        margin-bottom: 46px;
        margin-top: 0; } }
    #edit-agro-racun .form-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      height: 7px;
      width: 33%;
      border-radius: 0 0 6px 6px;
      background: -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%);
      background: linear-gradient(116.52deg, #b70e77 0%, #004f95 100%); }
    #edit-agro-racun .form-wrapper img {
      mix-blend-mode: multiply;
      height: 130px;
      max-width: 130px; }
    #edit-agro-racun .form-wrapper.open-card {
      opacity: 1; }
    #edit-agro-racun .form-wrapper label {
      margin-bottom: 40px !important; }
    #edit-agro-racun .form-wrapper .form-item__label {
      font-size: 30px;
      line-height: 1.4;
      text-transform: none;
      margin: 18px 0 8px !important;
      letter-spacing: normal;
      color: #b70e77;
      font-weight: 700;
      padding: 0; }
  #edit-agro-racun .fieldset-wrapper > label {
    line-height: 1.3; }
  #edit-agro-racun::before {
    background: -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%) !important;
    background: linear-gradient(116.52deg, #b70e77 0%, #004f95 100%) !important; }
  #edit-agro-racun .form-item__label {
    color: #b70e77 !important; }
  #edit-agro-racun > .form-item__label {
    color: #666 !important; }
  #edit-agro-racun .form-type-checkbox {
    margin: 0; }
    #edit-agro-racun .form-type-checkbox label:before {
      top: 10px;
      -webkit-transform: none;
              transform: none; }
    #edit-agro-racun .form-type-checkbox label .form-text {
      font-size: 14px;
      margin: 0;
      text-align: left;
      color: #666;
      font-weight: 400;
      line-height: 1.3;
      padding: 8px 0 8px 40px; }
      #edit-agro-racun .form-type-checkbox label .form-text a {
        color: #b70e77; }
    #edit-agro-racun .form-type-checkbox input[type="checkbox"]:checked + label:before {
      background-color: #b70e77;
      border-color: #b70e77; }
  #edit-agro-racun .form-submit {
    background-color: #b70e77;
    border-color: #b70e77;
    -webkit-transition: ease all 0.2s;
    transition: ease all 0.2s; }
    #edit-agro-racun .form-submit:hover {
      -webkit-filter: grayscale(0.2);
              filter: grayscale(0.2); }
  #edit-agro-racun .form-item-agree-with-conditions-basic .option {
    margin-bottom: 0 !important; }
  #edit-agro-racun .option strong {
    color: #b70e77; }
  #edit-agro-racun input[type="checkbox"]:checked + label:before {
    background-color: #b70e77;
    border-color: #b70e77; }

#edit-besplatan-racun {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  clear: both;
  position: relative;
  padding: 0 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin-bottom: 8px; }
  @media all and (min-width: 1024px) {
    #edit-besplatan-racun {
      -ms-grid-columns: 1fr 50px 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto 0 auto;
      grid-template-rows: auto auto;
      max-width: 850px;
      margin: 0 auto;
      gap: 0 50px;
      padding: 0; }
    #edit-besplatan-racun > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    #edit-besplatan-racun > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
    #edit-besplatan-racun > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
    #edit-besplatan-racun > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; } }
  #edit-besplatan-racun > label,
  #edit-besplatan-racun > h4 {
    color: #666;
    text-align: center;
    font-size: 26px;
    text-transform: none;
    line-height: 1.4;
    letter-spacing: normal;
    margin: 46px 0 40px; }
    @media all and (min-width: 1024px) {
      #edit-besplatan-racun > label,
      #edit-besplatan-racun > h4 {
        font-size: 32px;
        margin: 54px 0 36px;
        -ms-grid-column-span: 2;
        grid-column: span 2;
        -ms-grid-row: 1;
        grid-row: 1; } }
    #edit-besplatan-racun > label span,
    #edit-besplatan-racun > h4 span {
      text-transform: uppercase;
      font-weight: 400; }
  #edit-besplatan-racun > h4 {
    opacity: 0; }
  #edit-besplatan-racun .form-wrapper {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 400px;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    background-color: #F4F5F7;
    text-align: center;
    padding: 26px 34px 34px;
    border: 1px solid #ababab;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 4px;
    margin-bottom: 24px;
    margin-top: -8px; }
    @media all and (min-width: 1024px) {
      #edit-besplatan-racun .form-wrapper {
        margin-bottom: 46px;
        margin-top: 0; } }
    #edit-besplatan-racun .form-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      height: 7px;
      width: 33%;
      border-radius: 0 0 6px 6px;
      background: -webkit-linear-gradient(left, #ffd400 0%, #ec6502 100%);
      background: linear-gradient(90deg, #ffd400 0%, #ec6502 100%); }
    #edit-besplatan-racun .form-wrapper img {
      mix-blend-mode: multiply;
      height: 130px;
      max-width: 130px; }
    #edit-besplatan-racun .form-wrapper.open-card {
      opacity: 1; }
    #edit-besplatan-racun .form-wrapper label {
      margin-bottom: 40px !important; }
    #edit-besplatan-racun .form-wrapper .form-item__label {
      font-size: 30px;
      line-height: 1.4;
      text-transform: none;
      margin: 18px 0 8px !important;
      letter-spacing: normal;
      color: #ec6502;
      font-weight: 700;
      padding: 0; }
  #edit-besplatan-racun .fieldset-wrapper > label {
    line-height: 1.3; }
  #edit-besplatan-racun::before {
    background: -webkit-linear-gradient(left, #ffd400 0%, #ec6502 100%) !important;
    background: linear-gradient(90deg, #ffd400 0%, #ec6502 100%) !important; }
  #edit-besplatan-racun .form-item__label {
    color: #ec6502 !important; }
  #edit-besplatan-racun > .form-item__label {
    color: #666 !important; }
  #edit-besplatan-racun .form-type-checkbox {
    margin: 0; }
    #edit-besplatan-racun .form-type-checkbox label:before {
      top: 10px;
      -webkit-transform: none;
              transform: none; }
    #edit-besplatan-racun .form-type-checkbox label .form-text {
      font-size: 14px;
      margin: 0;
      text-align: left;
      color: #666;
      font-weight: 400;
      line-height: 1.3;
      padding: 8px 0 8px 40px; }
      #edit-besplatan-racun .form-type-checkbox label .form-text a {
        color: #ec6502; }
    #edit-besplatan-racun .form-type-checkbox input[type="checkbox"]:checked + label:before {
      background-color: #ec6502;
      border-color: #ec6502; }
  #edit-besplatan-racun .form-submit {
    background-color: #ec6502;
    border-color: #ec6502;
    -webkit-transition: ease all 0.2s;
    transition: ease all 0.2s; }
    #edit-besplatan-racun .form-submit:hover {
      -webkit-filter: grayscale(0.2);
              filter: grayscale(0.2); }
  #edit-besplatan-racun .form-item-agree-with-conditions-basic .option {
    margin-bottom: 0 !important; }
  #edit-besplatan-racun .option strong {
    color: #ec6502; }
  #edit-besplatan-racun input[type="checkbox"]:checked + label:before {
    background-color: #ec6502;
    border-color: #ec6502; }

#edit-osnovni-racun {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  clear: both;
  position: relative;
  padding: 0 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin-bottom: 8px; }
  @media all and (min-width: 1024px) {
    #edit-osnovni-racun {
      -ms-grid-columns: 1fr 50px 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto 0 auto;
      grid-template-rows: auto auto;
      max-width: 850px;
      margin: 0 auto;
      gap: 0 50px;
      padding: 0; }
    #edit-osnovni-racun > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    #edit-osnovni-racun > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
    #edit-osnovni-racun > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
    #edit-osnovni-racun > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; } }
  #edit-osnovni-racun > label,
  #edit-osnovni-racun > h4 {
    color: #666;
    text-align: center;
    font-size: 26px;
    text-transform: none;
    line-height: 1.4;
    letter-spacing: normal;
    margin: 46px 0 40px; }
    @media all and (min-width: 1024px) {
      #edit-osnovni-racun > label,
      #edit-osnovni-racun > h4 {
        font-size: 32px;
        margin: 54px 0 36px;
        -ms-grid-column-span: 2;
        grid-column: span 2;
        -ms-grid-row: 1;
        grid-row: 1; } }
    #edit-osnovni-racun > label span,
    #edit-osnovni-racun > h4 span {
      text-transform: uppercase;
      font-weight: 400; }
  #edit-osnovni-racun > h4 {
    opacity: 0; }
  #edit-osnovni-racun .form-wrapper {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 400px;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    background-color: #F4F5F7;
    text-align: center;
    padding: 26px 34px 34px;
    border: 1px solid #ababab;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 4px;
    margin-bottom: 24px;
    margin-top: -8px; }
    @media all and (min-width: 1024px) {
      #edit-osnovni-racun .form-wrapper {
        margin-bottom: 46px;
        margin-top: 0; } }
    #edit-osnovni-racun .form-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      height: 7px;
      width: 33%;
      border-radius: 0 0 6px 6px;
      background: -webkit-linear-gradient(333.48deg, #ec6502 0%, #d40e14 100%);
      background: linear-gradient(116.52deg, #ec6502 0%, #d40e14 100%); }
    #edit-osnovni-racun .form-wrapper img {
      mix-blend-mode: multiply;
      height: 130px;
      max-width: 130px; }
    #edit-osnovni-racun .form-wrapper.open-card {
      opacity: 1; }
    #edit-osnovni-racun .form-wrapper label {
      margin-bottom: 40px !important; }
    #edit-osnovni-racun .form-wrapper .form-item__label {
      font-size: 30px;
      line-height: 1.4;
      text-transform: none;
      margin: 18px 0 8px !important;
      letter-spacing: normal;
      color: #d40e14;
      font-weight: 700;
      padding: 0; }
  #edit-osnovni-racun .fieldset-wrapper > label {
    line-height: 1.3; }
  #edit-osnovni-racun::before {
    background: -webkit-linear-gradient(333.48deg, #ec6502 0%, #d40e14 100%) !important;
    background: linear-gradient(116.52deg, #ec6502 0%, #d40e14 100%) !important; }
  #edit-osnovni-racun .form-item__label {
    color: #d40e14 !important; }
  #edit-osnovni-racun > .form-item__label {
    color: #666 !important; }
  #edit-osnovni-racun .form-type-checkbox {
    margin: 0; }
    #edit-osnovni-racun .form-type-checkbox label:before {
      top: 10px;
      -webkit-transform: none;
              transform: none; }
    #edit-osnovni-racun .form-type-checkbox label .form-text {
      font-size: 14px;
      margin: 0;
      text-align: left;
      color: #666;
      font-weight: 400;
      line-height: 1.3;
      padding: 8px 0 8px 40px; }
      #edit-osnovni-racun .form-type-checkbox label .form-text a {
        color: #d40e14; }
    #edit-osnovni-racun .form-type-checkbox input[type="checkbox"]:checked + label:before {
      background-color: #d40e14;
      border-color: #d40e14; }
  #edit-osnovni-racun .form-submit {
    background-color: #d40e14;
    border-color: #d40e14;
    -webkit-transition: ease all 0.2s;
    transition: ease all 0.2s; }
    #edit-osnovni-racun .form-submit:hover {
      -webkit-filter: grayscale(0.2);
              filter: grayscale(0.2); }
  #edit-osnovni-racun .form-item-agree-with-conditions-basic .option {
    margin-bottom: 0 !important; }
  #edit-osnovni-racun .option strong {
    color: #d40e14; }
  #edit-osnovni-racun input[type="checkbox"]:checked + label:before {
    background-color: #d40e14;
    border-color: #d40e14; }

#edit-total-racun {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  clear: both;
  position: relative;
  padding: 0 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin-bottom: 8px; }
  @media all and (min-width: 1024px) {
    #edit-total-racun {
      -ms-grid-columns: 1fr 50px 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto 0 auto;
      grid-template-rows: auto auto;
      max-width: 850px;
      margin: 0 auto;
      gap: 0 50px;
      padding: 0; }
    #edit-total-racun > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    #edit-total-racun > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
    #edit-total-racun > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
    #edit-total-racun > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; } }
  #edit-total-racun > label,
  #edit-total-racun > h4 {
    color: #666;
    text-align: center;
    font-size: 26px;
    text-transform: none;
    line-height: 1.4;
    letter-spacing: normal;
    margin: 46px 0 40px; }
    @media all and (min-width: 1024px) {
      #edit-total-racun > label,
      #edit-total-racun > h4 {
        font-size: 32px;
        margin: 54px 0 36px;
        -ms-grid-column-span: 2;
        grid-column: span 2;
        -ms-grid-row: 1;
        grid-row: 1; } }
    #edit-total-racun > label span,
    #edit-total-racun > h4 span {
      text-transform: uppercase;
      font-weight: 400; }
  #edit-total-racun > h4 {
    opacity: 0; }
  #edit-total-racun .form-wrapper {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 400px;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    background-color: #F4F5F7;
    text-align: center;
    padding: 26px 34px 34px;
    border: 1px solid #ababab;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 4px;
    margin-bottom: 24px;
    margin-top: -8px; }
    @media all and (min-width: 1024px) {
      #edit-total-racun .form-wrapper {
        margin-bottom: 46px;
        margin-top: 0; } }
    #edit-total-racun .form-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      height: 7px;
      width: 33%;
      border-radius: 0 0 6px 6px;
      background: -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%);
      background: linear-gradient(116.52deg, #b70e77 0%, #004f95 100%); }
    #edit-total-racun .form-wrapper img {
      mix-blend-mode: multiply;
      height: 130px;
      max-width: 130px; }
    #edit-total-racun .form-wrapper.open-card {
      opacity: 1; }
    #edit-total-racun .form-wrapper label {
      margin-bottom: 40px !important; }
    #edit-total-racun .form-wrapper .form-item__label {
      font-size: 30px;
      line-height: 1.4;
      text-transform: none;
      margin: 18px 0 8px !important;
      letter-spacing: normal;
      color: #b70e77;
      font-weight: 700;
      padding: 0; }
  #edit-total-racun .fieldset-wrapper > label {
    line-height: 1.3; }
  #edit-total-racun::before {
    background: -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%) !important;
    background: linear-gradient(116.52deg, #b70e77 0%, #004f95 100%) !important; }
  #edit-total-racun .form-item__label {
    color: #b70e77 !important; }
  #edit-total-racun > .form-item__label {
    color: #666 !important; }
  #edit-total-racun .form-type-checkbox {
    margin: 0; }
    #edit-total-racun .form-type-checkbox label:before {
      top: 10px;
      -webkit-transform: none;
              transform: none; }
    #edit-total-racun .form-type-checkbox label .form-text {
      font-size: 14px;
      margin: 0;
      text-align: left;
      color: #666;
      font-weight: 400;
      line-height: 1.3;
      padding: 8px 0 8px 40px; }
      #edit-total-racun .form-type-checkbox label .form-text a {
        color: #b70e77; }
    #edit-total-racun .form-type-checkbox input[type="checkbox"]:checked + label:before {
      background-color: #b70e77;
      border-color: #b70e77; }
  #edit-total-racun .form-submit {
    background-color: #b70e77;
    border-color: #b70e77;
    -webkit-transition: ease all 0.2s;
    transition: ease all 0.2s; }
    #edit-total-racun .form-submit:hover {
      -webkit-filter: grayscale(0.2);
              filter: grayscale(0.2); }
  #edit-total-racun .form-item-agree-with-conditions-basic .option {
    margin-bottom: 0 !important; }
  #edit-total-racun .option strong {
    color: #b70e77; }
  #edit-total-racun input[type="checkbox"]:checked + label:before {
    background-color: #b70e77;
    border-color: #b70e77; }

#edit-output {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  clear: both;
  position: relative;
  padding: 0 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin-bottom: 8px;
  display: none; }
  @media all and (min-width: 1024px) {
    #edit-output {
      -ms-grid-columns: 1fr 50px 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto 0 auto;
      grid-template-rows: auto auto;
      max-width: 850px;
      margin: 0 auto;
      gap: 0 50px;
      padding: 0; }
    #edit-output > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    #edit-output > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
    #edit-output > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
    #edit-output > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; } }
  #edit-output > label,
  #edit-output > h4 {
    color: #666;
    text-align: center;
    font-size: 26px;
    text-transform: none;
    line-height: 1.4;
    letter-spacing: normal;
    margin: 46px 0 40px; }
    @media all and (min-width: 1024px) {
      #edit-output > label,
      #edit-output > h4 {
        font-size: 32px;
        margin: 54px 0 36px;
        -ms-grid-column-span: 2;
        grid-column: span 2;
        -ms-grid-row: 1;
        grid-row: 1; } }
    #edit-output > label span,
    #edit-output > h4 span {
      text-transform: uppercase;
      font-weight: 400; }
  #edit-output > h4 {
    opacity: 0; }
  #edit-output .form-wrapper {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 400px;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    background-color: #F4F5F7;
    text-align: center;
    padding: 26px 34px 34px;
    border: 1px solid #ababab;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 4px;
    margin-bottom: 24px;
    margin-top: -8px; }
    @media all and (min-width: 1024px) {
      #edit-output .form-wrapper {
        margin-bottom: 46px;
        margin-top: 0; } }
    #edit-output .form-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      height: 7px;
      width: 33%;
      border-radius: 0 0 6px 6px;
      background: -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%);
      background: linear-gradient(116.52deg, #b70e77 0%, #004f95 100%); }
    #edit-output .form-wrapper img {
      mix-blend-mode: multiply;
      height: 130px;
      max-width: 130px; }
    #edit-output .form-wrapper.open-card {
      opacity: 1; }
    #edit-output .form-wrapper label {
      margin-bottom: 40px !important; }
    #edit-output .form-wrapper .form-item__label {
      font-size: 30px;
      line-height: 1.4;
      text-transform: none;
      margin: 18px 0 8px !important;
      letter-spacing: normal;
      color: #b70e77;
      font-weight: 700;
      padding: 0; }
  #edit-output .fieldset-wrapper > label {
    line-height: 1.3; }
  #edit-output::before {
    background: -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%) !important;
    background: linear-gradient(116.52deg, #b70e77 0%, #004f95 100%) !important; }
  #edit-output .form-item__label {
    color: #b70e77 !important; }
  #edit-output > .form-item__label {
    color: #666 !important; }
  #edit-output .form-type-checkbox {
    margin: 0; }
    #edit-output .form-type-checkbox label:before {
      top: 10px;
      -webkit-transform: none;
              transform: none; }
    #edit-output .form-type-checkbox label .form-text {
      font-size: 14px;
      margin: 0;
      text-align: left;
      color: #666;
      font-weight: 400;
      line-height: 1.3;
      padding: 8px 0 8px 40px; }
      #edit-output .form-type-checkbox label .form-text a {
        color: #b70e77; }
    #edit-output .form-type-checkbox input[type="checkbox"]:checked + label:before {
      background-color: #b70e77;
      border-color: #b70e77; }
  #edit-output .form-submit {
    background-color: #b70e77;
    border-color: #b70e77;
    -webkit-transition: ease all 0.2s;
    transition: ease all 0.2s; }
    #edit-output .form-submit:hover {
      -webkit-filter: grayscale(0.2);
              filter: grayscale(0.2); }
  #edit-output .form-item-agree-with-conditions-basic .option {
    margin-bottom: 0 !important; }
  #edit-output .option strong {
    color: #b70e77; }
  #edit-output input[type="checkbox"]:checked + label:before {
    background-color: #b70e77;
    border-color: #b70e77; }
  #edit-output.show-help-text {
    display: -ms-grid;
    display: grid; }

#edit-document-info .form-item-monthlysalary,
#edit-document-info .form-item-pensionermonthlysalary {
  position: relative; }
  #edit-document-info .form-item-monthlysalary.form-disabled,
  #edit-document-info .form-item-pensionermonthlysalary.form-disabled {
    pointer-events: none; }
    #edit-document-info .form-item-monthlysalary.form-disabled::after,
    #edit-document-info .form-item-pensionermonthlysalary.form-disabled::after {
      color: #aaa; }
  #edit-document-info .form-item-monthlysalary:after,
  #edit-document-info .form-item-pensionermonthlysalary:after {
    content: "RSD";
    color: #08162A;
    position: absolute;
    bottom: 32px;
    font-size: 17px;
    right: 10px;
    -webkit-transition: ease 0.1s;
    transition: ease 0.1s; }
  #edit-document-info .form-item-monthlysalary:hover::after, #edit-document-info .form-item-monthlysalary:focus-within::after,
  #edit-document-info .form-item-pensionermonthlysalary:hover::after,
  #edit-document-info .form-item-pensionermonthlysalary:focus-within::after {
    right: 34px; }
    @media all and (min-width: 500px) {
      #edit-document-info .form-item-monthlysalary:hover::after, #edit-document-info .form-item-monthlysalary:focus-within::after,
      #edit-document-info .form-item-pensionermonthlysalary:hover::after,
      #edit-document-info .form-item-pensionermonthlysalary:focus-within::after {
        right: 96px; } }
    @media all and (min-width: 1220px) {
      #edit-document-info .form-item-monthlysalary:hover::after, #edit-document-info .form-item-monthlysalary:focus-within::after,
      #edit-document-info .form-item-pensionermonthlysalary:hover::after,
      #edit-document-info .form-item-pensionermonthlysalary:focus-within::after {
        right: 36px; } }

#edit-wrapper-monthlysalary .form-item-monthlysalary,
#edit-wrapper-monthlysalary .form-item-pensionermonthlysalary,
#edit-wrapper-pensionermonthlysalary .form-item-monthlysalary,
#edit-wrapper-pensionermonthlysalary .form-item-pensionermonthlysalary {
  position: unset; }
  #edit-wrapper-monthlysalary .form-item-monthlysalary:after,
  #edit-wrapper-monthlysalary .form-item-pensionermonthlysalary:after,
  #edit-wrapper-pensionermonthlysalary .form-item-monthlysalary:after,
  #edit-wrapper-pensionermonthlysalary .form-item-pensionermonthlysalary:after {
    bottom: 34px; }
    @media all and (min-width: 500px) {
      #edit-wrapper-monthlysalary .form-item-monthlysalary:after,
      #edit-wrapper-monthlysalary .form-item-pensionermonthlysalary:after,
      #edit-wrapper-pensionermonthlysalary .form-item-monthlysalary:after,
      #edit-wrapper-pensionermonthlysalary .form-item-pensionermonthlysalary:after {
        right: 72px; } }
    @media all and (min-width: 1220px) {
      #edit-wrapper-monthlysalary .form-item-monthlysalary:after,
      #edit-wrapper-monthlysalary .form-item-pensionermonthlysalary:after,
      #edit-wrapper-pensionermonthlysalary .form-item-monthlysalary:after,
      #edit-wrapper-pensionermonthlysalary .form-item-pensionermonthlysalary:after {
        right: 10px; } }

#edit-free-account-open::before,
#edit-free-account-offline::before {
  background: -webkit-linear-gradient(left, #ffd400 0%, #ec6502 100%) !important;
  background: linear-gradient(90deg, #ffd400 0%, #ec6502 100%) !important; }

#edit-free-account-open .form-item__label,
#edit-free-account-offline .form-item__label {
  color: #ec6502 !important; }

#edit-free-account-open > .form-item__label,
#edit-free-account-offline > .form-item__label {
  color: #666 !important; }

#edit-free-account-open .form-type-checkbox,
#edit-free-account-offline .form-type-checkbox {
  margin: 0; }
  #edit-free-account-open .form-type-checkbox label:before,
  #edit-free-account-offline .form-type-checkbox label:before {
    top: 10px;
    -webkit-transform: none;
            transform: none; }
  #edit-free-account-open .form-type-checkbox label .form-text,
  #edit-free-account-offline .form-type-checkbox label .form-text {
    font-size: 14px;
    margin: 0;
    text-align: left;
    color: #666;
    font-weight: 400;
    line-height: 1.3;
    padding: 8px 0 8px 40px; }
    #edit-free-account-open .form-type-checkbox label .form-text a,
    #edit-free-account-offline .form-type-checkbox label .form-text a {
      color: #ec6502; }
  #edit-free-account-open .form-type-checkbox input[type="checkbox"]:checked + label:before,
  #edit-free-account-offline .form-type-checkbox input[type="checkbox"]:checked + label:before {
    background-color: #ec6502;
    border-color: #ec6502; }

#edit-free-account-open .form-submit,
#edit-free-account-offline .form-submit {
  background-color: #ec6502;
  border-color: #ec6502;
  -webkit-transition: ease all 0.2s;
  transition: ease all 0.2s; }
  #edit-free-account-open .form-submit:hover,
  #edit-free-account-offline .form-submit:hover {
    -webkit-filter: grayscale(0.2);
            filter: grayscale(0.2); }

#edit-free-account-open .form-item-agree-with-conditions-basic .option,
#edit-free-account-offline .form-item-agree-with-conditions-basic .option {
  margin-bottom: 0 !important; }

#edit-free-account-open .option strong,
#edit-free-account-offline .option strong {
  color: #ec6502; }

#edit-free-account-open input[type="checkbox"]:checked + label:before,
#edit-free-account-offline input[type="checkbox"]:checked + label:before {
  background-color: #ec6502;
  border-color: #ec6502; }

#edit-basic-account-open::before,
#edit-basic-account-offline::before {
  background: -webkit-linear-gradient(333.48deg, #ec6502 0%, #d40e14 100%) !important;
  background: linear-gradient(116.52deg, #ec6502 0%, #d40e14 100%) !important; }

#edit-basic-account-open .form-item__label,
#edit-basic-account-offline .form-item__label {
  color: #d40e14 !important; }

#edit-basic-account-open > .form-item__label,
#edit-basic-account-offline > .form-item__label {
  color: #666 !important; }

#edit-basic-account-open .form-type-checkbox,
#edit-basic-account-offline .form-type-checkbox {
  margin: 0; }
  #edit-basic-account-open .form-type-checkbox label:before,
  #edit-basic-account-offline .form-type-checkbox label:before {
    top: 10px;
    -webkit-transform: none;
            transform: none; }
  #edit-basic-account-open .form-type-checkbox label .form-text,
  #edit-basic-account-offline .form-type-checkbox label .form-text {
    font-size: 14px;
    margin: 0;
    text-align: left;
    color: #666;
    font-weight: 400;
    line-height: 1.3;
    padding: 8px 0 8px 40px; }
    #edit-basic-account-open .form-type-checkbox label .form-text a,
    #edit-basic-account-offline .form-type-checkbox label .form-text a {
      color: #d40e14; }
  #edit-basic-account-open .form-type-checkbox input[type="checkbox"]:checked + label:before,
  #edit-basic-account-offline .form-type-checkbox input[type="checkbox"]:checked + label:before {
    background-color: #d40e14;
    border-color: #d40e14; }

#edit-basic-account-open .form-submit,
#edit-basic-account-offline .form-submit {
  background-color: #d40e14;
  border-color: #d40e14;
  -webkit-transition: ease all 0.2s;
  transition: ease all 0.2s; }
  #edit-basic-account-open .form-submit:hover,
  #edit-basic-account-offline .form-submit:hover {
    -webkit-filter: grayscale(0.2);
            filter: grayscale(0.2); }

#edit-basic-account-open .form-item-agree-with-conditions-basic .option,
#edit-basic-account-offline .form-item-agree-with-conditions-basic .option {
  margin-bottom: 0 !important; }

#edit-basic-account-open .option strong,
#edit-basic-account-offline .option strong {
  color: #d40e14; }

#edit-basic-account-open input[type="checkbox"]:checked + label:before,
#edit-basic-account-offline input[type="checkbox"]:checked + label:before {
  background-color: #d40e14;
  border-color: #d40e14; }

#edit-advanced-account-open::before,
#edit-advanced-account-offline::before {
  background: -webkit-linear-gradient(333.48deg, #b70e77 0%, #004f95 100%) !important;
  background: linear-gradient(116.52deg, #b70e77 0%, #004f95 100%) !important; }

#edit-advanced-account-open .form-item__label,
#edit-advanced-account-offline .form-item__label {
  color: #b70e77 !important; }

#edit-advanced-account-open > .form-item__label,
#edit-advanced-account-offline > .form-item__label {
  color: #666 !important; }

#edit-advanced-account-open .form-type-checkbox,
#edit-advanced-account-offline .form-type-checkbox {
  margin: 0; }
  #edit-advanced-account-open .form-type-checkbox label:before,
  #edit-advanced-account-offline .form-type-checkbox label:before {
    top: 10px;
    -webkit-transform: none;
            transform: none; }
  #edit-advanced-account-open .form-type-checkbox label .form-text,
  #edit-advanced-account-offline .form-type-checkbox label .form-text {
    font-size: 14px;
    margin: 0;
    text-align: left;
    color: #666;
    font-weight: 400;
    line-height: 1.3;
    padding: 8px 0 8px 40px; }
    #edit-advanced-account-open .form-type-checkbox label .form-text a,
    #edit-advanced-account-offline .form-type-checkbox label .form-text a {
      color: #b70e77; }
  #edit-advanced-account-open .form-type-checkbox input[type="checkbox"]:checked + label:before,
  #edit-advanced-account-offline .form-type-checkbox input[type="checkbox"]:checked + label:before {
    background-color: #b70e77;
    border-color: #b70e77; }

#edit-advanced-account-open .form-submit,
#edit-advanced-account-offline .form-submit {
  background-color: #b70e77;
  border-color: #b70e77;
  -webkit-transition: ease all 0.2s;
  transition: ease all 0.2s; }
  #edit-advanced-account-open .form-submit:hover,
  #edit-advanced-account-offline .form-submit:hover {
    -webkit-filter: grayscale(0.2);
            filter: grayscale(0.2); }

#edit-advanced-account-open .form-item-agree-with-conditions-basic .option,
#edit-advanced-account-offline .form-item-agree-with-conditions-basic .option {
  margin-bottom: 0 !important; }

#edit-advanced-account-open .option strong,
#edit-advanced-account-offline .option strong {
  color: #b70e77; }

#edit-advanced-account-open input[type="checkbox"]:checked + label:before,
#edit-advanced-account-offline input[type="checkbox"]:checked + label:before {
  background-color: #b70e77;
  border-color: #b70e77; }

/* ----------------------------------------------
 * Generated by Animista on 2022-12-1 7:14:0
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px); } }

@keyframes shake-horizontal {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  8% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px); }
  16% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px); }
  24% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px); }
  32% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px); }
  40% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  90% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

#edit-output.show-help-text {
  padding-top: 86px; }
  #edit-output.show-help-text > h4 {
    opacity: 1;
    text-align: center;
    font-size: 28px; }

#document-soon-expire-date--description,
#document-wrong-dates--description,
#document-expired-date--description {
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
  padding: 8px 0;
  font-style: italic;
  display: none; }
  #document-soon-expire-date--description.show-help-text,
  #document-wrong-dates--description.show-help-text,
  #document-expired-date--description.show-help-text {
    display: block; }

#document-expired-date--description {
  color: #d40e14; }

.online-account-openfirst-step-agree-with-form > .form-item__label,
.online-account-openfirst-step-form > .form-item__label,
.online-account-opensecond-step-form > .form-item__label,
.online-account-openthird-step-form > .form-item__label,
.online-account-openfourth-step-form > .form-item__label,
.online-account-openemail-confirm-form > .form-item__label {
  padding: 96px 24px 32px;
  font-size: 32px;
  text-align: center;
  color: #666;
  letter-spacing: normal;
  font-weight: 700;
  text-transform: none;
  line-height: 1.2; }
  @media all and (min-width: 1220px) {
    .online-account-openfirst-step-agree-with-form > .form-item__label,
    .online-account-openfirst-step-form > .form-item__label,
    .online-account-opensecond-step-form > .form-item__label,
    .online-account-openthird-step-form > .form-item__label,
    .online-account-openfourth-step-form > .form-item__label,
    .online-account-openemail-confirm-form > .form-item__label {
      padding: 64px 0 24px; } }
  .online-account-openfirst-step-agree-with-form > .form-item__label span,
  .online-account-openfirst-step-form > .form-item__label span,
  .online-account-opensecond-step-form > .form-item__label span,
  .online-account-openthird-step-form > .form-item__label span,
  .online-account-openfourth-step-form > .form-item__label span,
  .online-account-openemail-confirm-form > .form-item__label span {
    font-weight: 400;
    display: inline-block;
    margin-right: 6px; }
    .online-account-openfirst-step-agree-with-form > .form-item__label span::after,
    .online-account-openfirst-step-form > .form-item__label span::after,
    .online-account-opensecond-step-form > .form-item__label span::after,
    .online-account-openthird-step-form > .form-item__label span::after,
    .online-account-openfourth-step-form > .form-item__label span::after,
    .online-account-openemail-confirm-form > .form-item__label span::after {
      content: ""; }

.online-account-openfirst-step-agree-with-form .form-composite {
  padding: 106px 16px 16px;
  border: 1px solid #00000033;
  position: relative;
  border-radius: 8px;
  margin: 0 10px 40px; }
  @media all and (min-width: 768px) {
    .online-account-openfirst-step-agree-with-form .form-composite {
      padding: 106px 40px 40px;
      margin: 0 0 40px; } }
  .online-account-openfirst-step-agree-with-form .form-composite legend {
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    width: 100%;
    padding: 0 16px; }
    @media all and (min-width: 375px) {
      .online-account-openfirst-step-agree-with-form .form-composite legend {
        top: 10px; } }
    @media all and (min-width: 768px) {
      .online-account-openfirst-step-agree-with-form .form-composite legend {
        top: 40px; } }
    .online-account-openfirst-step-agree-with-form .form-composite legend span {
      margin: 0;
      font-size: 20px; }

.online-account-openfirst-step-agree-with-form #edit-conditions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 592px;
  margin: 0 auto;
  gap: 24px; }
  .online-account-openfirst-step-agree-with-form #edit-conditions label {
    padding: 0 0 0 38px;
    line-height: 1.25;
    color: #666;
    text-align: initial;
    letter-spacing: normal;
    min-height: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .online-account-openfirst-step-agree-with-form #edit-conditions > div {
    margin-bottom: 0; }
    @media all and (min-width: 768px) {
      .online-account-openfirst-step-agree-with-form #edit-conditions > div:nth-of-type(1) label {
        line-height: 1.25; } }

.online-account-openfirst-step-agree-with-form [for="edit-condition-error"] {
  background-color: rgba(212, 14, 20, 0.1);
  padding: 16px;
  margin: 0 0 22px;
  letter-spacing: normal; }
  .online-account-openfirst-step-agree-with-form [for="edit-condition-error"] .notification--error {
    text-align: left;
    text-transform: none;
    font-size: 16px;
    font-weight: 450; }

.online-account-openfirst-step-agree-with-form .form-online-account-openfirst-step-agree-with-form__condition-error {
  padding: 0 10px; }
  @media all and (min-width: 1024px) {
    .online-account-openfirst-step-agree-with-form .form-online-account-openfirst-step-agree-with-form__condition-error {
      padding: 0; } }
  .online-account-openfirst-step-agree-with-form .form-online-account-openfirst-step-agree-with-form__condition-error + .button {
    background-color: #c22d24 !important;
    color: #fff !important;
    padding: 15px 22px 11px;
    border-radius: 4px;
    font-size: 20px;
    border: unset;
    line-height: 26px; }
    .online-account-openfirst-step-agree-with-form .form-online-account-openfirst-step-agree-with-form__condition-error + .button.form-disabled {
      opacity: 0.5;
      pointer-events: none; }

.final-form-submit.disabled {
  opacity: 0.5;
  pointer-events: none; }

#document-wrong-format--description {
  display: none; }

.webform-submission-open-offline-account-form-form {
  padding: 0 16px; }
  .webform-submission-open-offline-account-form-form .form-item {
    position: relative; }
    .webform-submission-open-offline-account-form-form .form-item .ui-datepicker-trigger {
      position: absolute;
      bottom: 36px;
      right: 10px; }
  .webform-submission-open-offline-account-form-form .form-type-datelist .container-inline {
    gap: 4px; }
    .webform-submission-open-offline-account-form-form .form-type-datelist .container-inline:has(.js-form-item) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
  @media all and (min-width: 1220px) {
    .webform-submission-open-offline-account-form-form .checkboxes--wrapper {
      max-width: 64%; } }
  .webform-submission-open-offline-account-form-form .form-item-markup {
    max-width: unset; }
  .webform-submission-open-offline-account-form-form > .form-item__label {
    padding: 96px 24px 32px;
    font-size: 32px;
    text-align: center;
    color: #666;
    letter-spacing: normal;
    font-weight: 700;
    text-transform: none;
    line-height: 1.2; }
    @media all and (min-width: 1220px) {
      .webform-submission-open-offline-account-form-form > .form-item__label {
        padding: 64px 0 24px; } }
    .webform-submission-open-offline-account-form-form > .form-item__label span {
      font-weight: 400;
      display: inline-block;
      margin-right: 6px; }
      .webform-submission-open-offline-account-form-form > .form-item__label span::after {
        content: ""; }
  .webform-submission-open-offline-account-form-form .form-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .webform-submission-open-offline-account-form-form .form-actions button {
      margin: 0 !important; }
  .webform-submission-open-offline-account-form-form .webform-button--previous {
    border-color: transparent !important; }
  .webform-submission-open-offline-account-form-form fieldset {
    margin-bottom: 0; }
    .webform-submission-open-offline-account-form-form fieldset legend span {
      margin: 8px 0 4px;
      font-size: 14px;
      line-height: 21px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em; }

#edit-birthday,
#edit-dateofissue,
#edit-documentexpirydate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  gap: 4px; }

.online-account-openedit-account-data-form {
  max-width: 960px;
  margin: 60px auto;
  text-align: center; }
  .online-account-openedit-account-data-form .perosnal-data-edit {
    text-align: left; }
  .online-account-openedit-account-data-form .button {
    margin: 0 auto; }

.form-online-account-openedit-account-data-form {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 16px; }
  .form-online-account-openedit-account-data-form .form-type-checkbox {
    text-align: left; }
    .form-online-account-openedit-account-data-form .form-type-checkbox label div {
      color: #666;
      font-size: 14px; }
      @media all and (min-width: 1220px) {
        .form-online-account-openedit-account-data-form .form-type-checkbox label div {
          font-size: 16px; } }
      .form-online-account-openedit-account-data-form .form-type-checkbox label div a {
        color: #666;
        text-decoration: underline; }
        .form-online-account-openedit-account-data-form .form-type-checkbox label div a:hover {
          text-decoration: none; }

.form-item-agreewithflexminusconditions .option {
  background: none !important;
  text-indent: unset !important; }
  .form-item-agreewithflexminusconditions .option:before {
    content: "";
    display: block !important; }

.form-item-representative-example .form-item__label {
  font-size: 18px;
  text-transform: none;
  letter-spacing: normal;
  margin: 32px 0 16px; }

.final-form-submit-desktop {
  opacity: 0; }

.fake-disabled-global {
  background-color: #e5e5e5 !important;
  color: #aaaaaa !important;
  cursor: default !important; }

.view-sale-page-1,
.view-sale-page-2 {
  margin: 32px auto; }
  @media all and (min-width: 1220px) {
    .view-sale-page-1,
    .view-sale-page-2 {
      margin: 72px 0; } }
  .view-sale-page-1__content,
  .view-sale-page-2__content {
    max-width: 1170px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 24px; }
    @media all and (min-width: 1220px) {
      .view-sale-page-1__content,
      .view-sale-page-2__content {
        padding: 0; } }
  .view-sale-page-1__row,
  .view-sale-page-2__row {
    width: 100%;
    margin-bottom: 24px; }
    @media all and (min-width: 1220px) {
      .view-sale-page-1__row,
      .view-sale-page-2__row {
        width: calc(calc(100% / 3) - calc(64px / 3)); } }

.node-item-teaser__title {
  font-size: 20px;
  margin-bottom: 8px; }
  .node-item-teaser__title-link {
    color: #08162A; }
    .node-item-teaser__title-link:hover {
      color: #d40e14;
      text-decoration: none; }

.node-item-teaser__field-price {
  color: #d40e14;
  font-weight: 700; }

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